/* NIGHT2ASIA — LIST/COUNTRY MOBILE OVERRIDE LAYER
   Existing country.css remains untouched in STEP 1. */
@media (max-width: 1040px) {
    /* LIST mobile-only overrides start here in later steps */
}

/* STEP 33 — LIST/COUNTRY mobile containment guard. */
@media (max-width: 1040px) {
  .page-country .container,.country-hero,.country-hero-inner,.country-hero-copy,.country-hubbar,.country-hubbar-inner,.country-directory,.country-category-nav,.country-city-tabs,.catalog-section,.catalog-section-head,.catalog-card-row,.business-card,.business-card-body,.business-card-media,.country-trust-band,.country-trust-grid,.country-trust-item{
    min-width:0;max-width:100%;box-sizing:border-box;
  }
  .page-country img,.page-country picture,.page-country video{max-width:100%;}
  .page-country h1,.page-country h2,.page-country h3,.page-country p,.page-country a,.page-country strong,.page-country span{overflow-wrap:anywhere;}
  .catalog-card-row{overflow-x:auto;overscroll-behavior-inline:contain;}
}


/* STEP 44 — LIST/COUNTRY six-language/mobile flow final fit. */
@media (max-width: 1040px) {
  .page-country,
  .page-country main,
  .page-country .container,
  .country-directory,
  .catalog-section {
    width: 100%;
    min-width: 0;
  }

  .catalog-card-row {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .catalog-card-row::-webkit-scrollbar { display: none; }

  html[lang="th"] .page-country a,
  html[lang="vi"] .page-country a,
  html[lang="ja"] .page-country a,
  html[lang="zh"] .page-country a,
  html[lang="th"] .page-country h1,
  html[lang="vi"] .page-country h1,
  html[lang="ja"] .page-country h1,
  html[lang="zh"] .page-country h1 {
    word-break: normal;
    overflow-wrap: break-word;
  }
}


/* STEP 45 — final LIST/COUNTRY mobile regression guard. */
@media (max-width: 1040px) {
  .page-country { overflow-x: clip; }
  .page-country img, .page-country video, .page-country iframe { max-width: 100%; }
}

/* =========================================================
   N2A COUNTRY MOBILE M1 — HERO / CITY + CATEGORY HUB
   2026-08-30
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   ========================================================= */
@media (max-width:1040px){
  .page-country .container{
    width:calc(100% - 24px)!important;
    max-width:760px!important;
  }

  /* Hero: compact destination identity, not a second landing page. */
  .page-country .country-hero{
    height:188px!important;
    border-bottom:1px solid rgba(216,171,61,.18)!important;
  }
  .page-country .country-hero-bg{
    object-position:center 50%!important;
    filter:brightness(.73) saturate(.92) contrast(1.05)!important;
  }
  .page-country .country-hero-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.28) 52%,rgba(0,0,0,.88) 100%),
      radial-gradient(circle at 50% 42%,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 78%)!important;
  }
  .page-country .country-hero-inner{
    align-items:flex-end!important;
    padding-bottom:19px!important;
  }
  .page-country .country-hero-copy{
    width:min(680px,100%)!important;
    padding:0 8px!important;
  }
  .page-country .hero-eyebrow{
    gap:8px!important;
    margin-bottom:4px!important;
    font-size:8px!important;
    letter-spacing:.16em!important;
  }
  .page-country .hero-eyebrow:before,
  .page-country .hero-eyebrow:after{
    width:40px!important;
    opacity:.78!important;
  }
  .page-country .country-hero h1{
    max-width:100%!important;
    margin:4px auto 6px!important;
    color:#f1cf72!important;
    font-size:clamp(34px,7.4vw,48px)!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:-.015em!important;
    text-wrap:balance!important;
  }
  .page-country .country-hero p{
    display:-webkit-box!important;
    max-width:620px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    color:#ded8ce!important;
    font-size:11.5px!important;
    font-weight:560!important;
    line-height:1.42!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  /* Navigation: city choice first, category browsing second. */
  .page-country .country-hubbar{
    position:relative!important;
    top:auto!important;
    z-index:12!important;
    padding:9px 0 10px!important;
    border-bottom:1px solid rgba(216,171,61,.15)!important;
    background:#040404!important;
    box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
    backdrop-filter:none!important;
  }
  .page-country .country-hubbar-inner{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .page-country .country-city-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    margin:0 0 8px!important;
    overflow:hidden!important;
    border:1px solid rgba(216,171,61,.32)!important;
    border-radius:10px!important;
    background:#070706!important;
  }
  .page-country .country-city-tabs a{
    min-width:0!important;
    min-height:42px!important;
    padding:0 10px!important;
    color:#c9c2b7!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .page-country .country-city-tabs a[aria-current="page"]{
    background:linear-gradient(180deg,rgba(99,68,18,.62),rgba(34,24,9,.84))!important;
    color:#f3d478!important;
    box-shadow:inset 0 0 0 1px rgba(242,210,119,.10)!important;
  }

  /* Horizontal category rail: clearly interactive, but compact enough to keep inventory visible. */
  .page-country .country-category-nav{
    display:flex!important;
    gap:6px!important;
    min-width:0!important;
    overflow-x:auto!important;
    padding:0 1px 3px!important;
    scroll-padding-inline:1px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .page-country .country-category-nav::-webkit-scrollbar{display:none!important;}
  .page-country .country-category-nav a{
    flex:0 0 92px!important;
    width:92px!important;
    height:62px!important;
    min-width:92px!important;
    display:grid!important;
    grid-template-columns:43px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:0!important;
    padding:0 5px 0 0!important;
    overflow:hidden!important;
    border:1px solid rgba(216,171,61,.26)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#0b0a08,#070706)!important;
    scroll-snap-align:start!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:43px!important;
    min-width:43px!important;
    max-width:43px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#050505!important;
    border:0!important;
    border-radius:6px!important;
  }
  .page-country .category-label-desktop{display:none!important;}
  .page-country .category-label-mobile{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0 1px!important;
    color:#d5cec4!important;
    font-size:9px!important;
    font-weight:820!important;
    line-height:1.12!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
  .page-country .country-category-nav a[aria-current="location"]{
    border-color:rgba(242,210,119,.64)!important;
    background:linear-gradient(180deg,rgba(52,37,12,.78),rgba(9,8,6,.98))!important;
  }
  .page-country .country-category-nav a[aria-current="location"] .category-label-mobile{
    color:#f1d175!important;
  }

  /* SEO city intro: one compact context strip before inventory. */
  .page-country .country-directory{
    padding-top:10px!important;
  }
  .page-country .catalog-city-head{
    min-height:0!important;
    margin-bottom:10px!important;
    padding:10px 12px 11px 15px!important;
    border-color:rgba(216,171,61,.22)!important;
    border-radius:10px!important;
    background:
      linear-gradient(90deg,rgba(216,171,61,.045),transparent 42%),
      linear-gradient(180deg,#090807,#070706)!important;
    box-shadow:inset 2px 0 0 rgba(216,171,61,.62)!important;
  }
  .page-country .catalog-city-head h2{
    max-width:100%!important;
    margin:3px 0 3px!important;
    font-size:clamp(24px,5.2vw,32px)!important;
    line-height:1.04!important;
    letter-spacing:-.015em!important;
  }
  .page-country .catalog-city-head p{
    display:-webkit-box!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:#aaa399!important;
    font-size:10.5px!important;
    line-height:1.38!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .page-country .catalog-city-head .country-eyebrow{
    font-size:8px!important;
    letter-spacing:.12em!important;
  }
  .page-country .catalog-city-count{display:none!important;}

  html[lang="ko"] .page-country .country-hero h1,
  html[lang="ja"] .page-country .country-hero h1,
  html[lang="zh"] .page-country .country-hero h1{
    letter-spacing:-.025em!important;
  }
  html[lang="th"] .page-country .country-hero h1,
  html[lang="vi"] .page-country .country-hero h1{
    font-size:clamp(32px,7vw,45px)!important;
    line-height:1.04!important;
  }
}

@media (max-width:760px){
  .page-country .container{
    width:calc(100% - 20px)!important;
  }
  .page-country .country-hero{
    height:172px!important;
  }
  .page-country .country-hero-inner{
    padding-bottom:16px!important;
  }
  .page-country .hero-eyebrow{
    font-size:7px!important;
  }
  .page-country .country-hero h1{
    font-size:clamp(30px,8.4vw,38px)!important;
  }
  .page-country .country-hero p{
    font-size:10px!important;
    line-height:1.38!important;
  }
  html[lang="th"] .page-country .country-hero h1,
  html[lang="vi"] .page-country .country-hero h1{
    font-size:clamp(28px,7.7vw,35px)!important;
  }
  .page-country .country-city-tabs a{
    min-height:40px!important;
    font-size:11px!important;
  }
  .page-country .country-category-nav a{
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    height:58px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  .page-country .category-label-mobile{
    font-size:8.4px!important;
  }
  .page-country .catalog-city-head{
    padding:9px 10px 10px 13px!important;
  }
  .page-country .catalog-city-head h2{
    font-size:clamp(22px,6.2vw,28px)!important;
  }
  .page-country .catalog-city-head p{
    font-size:9px!important;
    -webkit-line-clamp:1!important;
  }
}

@media (max-width:390px){
  .page-country .container{
    width:calc(100% - 16px)!important;
  }
  .page-country .country-hero{
    height:164px!important;
  }
  .page-country .country-hero h1{
    font-size:clamp(28px,8.2vw,34px)!important;
  }
  .page-country .country-hero p{
    font-size:9.3px!important;
  }
  html[lang="th"] .page-country .country-hero h1,
  html[lang="vi"] .page-country .country-hero h1{
    font-size:clamp(26px,7.4vw,32px)!important;
  }
  .page-country .country-category-nav a{
    flex-basis:82px!important;
    width:82px!important;
    min-width:82px!important;
    height:56px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }
  .page-country .category-label-mobile{
    font-size:8px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M2 — SECTION HEADERS / CARD RAIL
   2026-08-30
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   Goal: keep real listing cards at their native 3:4 ratio while
   presenting inventory as a compact, swipeable rail.
   ========================================================= */
@media (max-width:1040px){
  /* Category sections: reduce chrome so listings become the focus. */
  .page-country .catalog-section{
    margin-bottom:10px!important;
    padding:10px 9px 10px!important;
    border-color:rgba(216,171,61,.24)!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#090908 0%,#060606 100%)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
  }
  .page-country .catalog-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:9px!important;
    min-height:44px!important;
    margin:0 0 9px!important;
    padding:0 1px 8px!important;
    border-bottom:1px solid rgba(216,171,61,.14)!important;
  }
  .page-country .catalog-section-head>div{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .page-country .catalog-section-head .country-eyebrow{
    margin:0 0 3px!important;
    font-size:7.6px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.105em!important;
  }
  .page-country .catalog-section-head h2{
    max-width:100%!important;
    margin:0!important;
    color:#efd077!important;
    font-size:clamp(21px,4.2vw,28px)!important;
    font-weight:700!important;
    line-height:1.04!important;
    letter-spacing:-.012em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-country .catalog-view-all{
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:31px!important;
    height:31px!important;
    padding:0 9px!important;
    gap:6px!important;
    border-color:rgba(216,171,61,.28)!important;
    border-radius:7px!important;
    background:#080706!important;
    color:#d6d0c6!important;
    font-size:8px!important;
    font-weight:850!important;
    line-height:1!important;
  }
  .page-country .catalog-view-all span{
    font-size:10px!important;
  }

  /* Tablet rail: roughly 3 cards plus a visible continuation cue. */
  .page-country .catalog-card-row{
    display:flex!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 1px 4px!important;
    scroll-padding-inline:1px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .page-country .catalog-card-row::-webkit-scrollbar{display:none!important;}
  .page-country .catalog-card-row>.business-card{
    flex:0 0 30.5%!important;
    width:30.5%!important;
    min-width:0!important;
    max-width:none!important;
    scroll-snap-align:start!important;
    border-color:rgba(216,171,61,.27)!important;
    border-radius:9px!important;
    background:#070706!important;
    box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
    transform:none!important;
  }
  .page-country .business-card-media{
    aspect-ratio:3/4!important;
    background:#090806!important;
  }
  .page-country .business-card-media img,
  .page-country .business-card-media video{
    transform:none!important;
  }
  .page-country .business-card-body{
    min-width:0!important;
    padding:7px 8px 8px!important;
  }
  .page-country .business-card .eyebrow{
    margin:0!important;
    font-size:7.4px!important;
    font-weight:850!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    margin:3px 0 4px!important;
    font-size:14px!important;
    font-weight:720!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-country .rating-line{
    gap:3px!important;
    font-size:8px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .page-country .stars{
    font-size:8px!important;
    letter-spacing:-.02em!important;
  }
  .page-country .rating-line-google .google-maps-attribution{
    display:none!important;
  }

  /* Placeholder cards keep the same footprint as real inventory. */
  .page-country .business-card-placeholder{
    border-style:dashed!important;
    box-shadow:none!important;
  }
  .page-country .placeholder-card-art{
    gap:6px!important;
    padding:10px!important;
    background:
      radial-gradient(circle at 50% 38%,rgba(216,171,61,.085),transparent 38%),
      linear-gradient(145deg,#0d0a06,#050505 72%)!important;
  }
  .page-country .placeholder-card-art img{
    width:min(92px,68%)!important;
    opacity:.62!important;
  }
  .page-country .placeholder-diamond{
    font-size:15px!important;
  }
  .page-country .placeholder-card-art strong{
    font-size:8.8px!important;
    font-weight:800!important;
    line-height:1.24!important;
  }
  .page-country .placeholder-status{
    font-size:6.8px!important;
    letter-spacing:.05em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Touch layouts should not mimic desktop hover elevation. */
  .page-country .business-card:hover{
    transform:none!important;
    border-color:rgba(216,171,61,.27)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
  }
}

@media (max-width:760px){
  .page-country .catalog-section{
    margin-bottom:8px!important;
    padding:9px 8px 9px!important;
  }
  .page-country .catalog-section-head{
    min-height:40px!important;
    margin-bottom:8px!important;
    padding-bottom:7px!important;
  }
  .page-country .catalog-section-head .country-eyebrow{
    font-size:6.8px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(19px,5.3vw,24px)!important;
  }
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    font-size:clamp(18px,4.9vw,22px)!important;
  }
  .page-country .catalog-view-all{
    height:29px!important;
    min-height:29px!important;
    padding:0 8px!important;
    font-size:7.2px!important;
  }

  /* Phone rail: two complete cards + a clear third-card peek. */
  .page-country .catalog-card-row{
    gap:6px!important;
    padding-bottom:3px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:44.2%!important;
    width:44.2%!important;
    border-radius:8px!important;
  }
  .page-country .business-card-body{
    padding:6px 6px 7px!important;
  }
  .page-country .business-card .eyebrow{
    font-size:6.4px!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    margin:3px 0!important;
    font-size:12.2px!important;
  }
  .page-country .rating-line,
  .page-country .stars{
    font-size:7px!important;
  }
  .page-country .placeholder-card-art{
    gap:5px!important;
    padding:8px!important;
  }
  .page-country .placeholder-card-art img{
    width:min(76px,66%)!important;
  }
  .page-country .placeholder-card-art strong{
    font-size:7.8px!important;
  }
  .page-country .placeholder-status{
    font-size:6px!important;
  }
}

@media (max-width:390px){
  .page-country .catalog-section{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(18px,5.35vw,22px)!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:44.8%!important;
    width:44.8%!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:11.5px!important;
  }
}

@media (max-width:340px){
  .page-country .catalog-view-all{
    padding:0 7px!important;
    font-size:6.7px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:46%!important;
    width:46%!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M3 — CARD DETAIL / SWIPE RHYTHM
   2026-08-30
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   Keep every listing/placeholder card on the same footprint while
   making real inventory read first and horizontal swiping feel deliberate.
   ========================================================= */
@media (max-width:1040px){
  .page-country .catalog-card-row{
    overscroll-behavior-inline:contain!important;
    scroll-padding-inline:1px 10px!important;
    touch-action:pan-x pan-y!important;
  }
  .page-country .catalog-card-row::after{
    content:"";
    flex:0 0 3px;
    width:3px;
  }

  .page-country .catalog-card-row>.business-card{
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    isolation:isolate!important;
    overflow:hidden!important;
  }
  .page-country .business-card-media{
    flex:0 0 auto!important;
    border-bottom:1px solid rgba(216,171,61,.12)!important;
  }
  .page-country .business-card-media:after{
    background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.34) 100%)!important;
  }
  .page-country .featured-badge{
    top:6px!important;
    left:6px!important;
    padding:3px 5px!important;
    border-radius:5px!important;
    background:rgba(3,3,3,.88)!important;
    font-size:6px!important;
    letter-spacing:.055em!important;
  }

  /* Fixed information band keeps real cards and Coming Soon cards aligned. */
  .page-country .business-card-body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:62px!important;
    box-sizing:border-box!important;
  }
  .page-country .business-card .eyebrow{
    color:#bc9236!important;
  }
  .page-country .business-card h2 a,
  .page-country .business-card h3 a{
    color:#f0ede6!important;
    text-decoration:none!important;
  }
  .page-country .rating-line{
    margin-top:auto!important;
    color:#8f897f!important;
  }
  .page-country .stars{
    color:#d5aa43!important;
  }
  .page-country .rating-line strong{
    color:#d9d3c8!important;
  }

  /* Placeholder inventory stays present but deliberately quieter. */
  .page-country .business-card-placeholder{
    border-color:rgba(216,171,61,.18)!important;
    background:#070706!important;
  }
  .page-country .business-card-placeholder .placeholder-card-media{
    border-bottom-color:rgba(216,171,61,.08)!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art{
    background:
      radial-gradient(circle at 50% 37%,rgba(216,171,61,.065),transparent 38%),
      linear-gradient(145deg,#0b0906,#050505 72%)!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art img{
    opacity:.50!important;
  }
  .page-country .business-card-placeholder .placeholder-diamond{
    color:#9b7830!important;
    opacity:.78!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    color:#a99155!important;
  }
  .page-country .business-card-placeholder .eyebrow{
    color:#756b59!important;
  }
  .page-country .business-card-placeholder h2,
  .page-country .business-card-placeholder h3{
    color:#a49c8f!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    margin-top:auto!important;
    color:#665f54!important;
  }

  /* Touch feedback: no desktop lift, only a restrained border response. */
  .page-country .business-card:active{
    transform:none!important;
    border-color:rgba(242,210,119,.42)!important;
  }
  .page-country .business-card-media:focus-visible,
  .page-country .business-card h2 a:focus-visible,
  .page-country .business-card h3 a:focus-visible{
    outline:2px solid rgba(242,210,119,.72)!important;
    outline-offset:-2px!important;
  }
}

@media (max-width:760px){
  .page-country .business-card-body{
    min-height:54px!important;
  }
  .page-country .featured-badge{
    top:5px!important;
    left:5px!important;
    padding:3px 4px!important;
    font-size:5.4px!important;
  }
  .page-country .catalog-card-row::after{
    flex-basis:2px;
    width:2px;
  }
}

@media (max-width:340px){
  .page-country .business-card-body{
    min-height:52px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M4 — TRUST BAND / FOOTER FINISH
   2026-08-30
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   Goal: close the long directory with a compact 2x2 trust block
   and a quieter footer so the last category remains the visual end.
   ========================================================= */
@media (max-width:1040px){
  .page-country .country-trust-band{
    padding:9px 0 8px!important;
    border-top:1px solid rgba(216,171,61,.10)!important;
    background:#020202!important;
  }
  .page-country .country-trust-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:hidden!important;
    border:1px solid rgba(216,171,61,.19)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#080706,#050505)!important;
  }
  .page-country .country-trust-item{
    min-width:0!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    gap:6px!important;
    padding:7px 10px!important;
    text-align:left!important;
  }
  .page-country .country-trust-item:before{
    content:none!important;
  }
  .page-country .country-trust-item:nth-child(2n){
    border-left:1px solid rgba(216,171,61,.12)!important;
  }
  .page-country .country-trust-item:nth-child(n+3){
    border-top:1px solid rgba(216,171,61,.12)!important;
  }
  .page-country .country-trust-item span{
    display:flex!important;
    width:22px!important;
    height:22px!important;
    align-items:center!important;
    justify-content:center!important;
    color:#d9b04a!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .page-country .country-trust-item strong{
    min-width:0!important;
    color:#a9a299!important;
    font-size:8px!important;
    font-weight:720!important;
    line-height:1.22!important;
    letter-spacing:.005em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Country page only: keep the common footer compact without changing INDEX/VIEW. */
  .page-country .site-footer{
    min-height:0!important;
    gap:4px!important;
    padding:9px 10px 10px!important;
    border-top-color:rgba(216,171,61,.13)!important;
    background:#020202!important;
  }
  .page-country .site-footer .footer-brand{
    display:none!important;
  }
  .page-country .site-footer .footer-meta{
    width:100%!important;
    max-width:720px!important;
    gap:3px!important;
    margin:0 auto!important;
  }
  .page-country .site-footer .footer-visitors{
    gap:7px!important;
    color:#8c867d!important;
    font-size:7.8px!important;
    line-height:1.25!important;
    letter-spacing:.015em!important;
  }
  .page-country .site-footer .footer-visitors span+span:before{
    margin-right:7px!important;
    color:#585248!important;
  }
  .page-country .site-footer .footer-visitors b{
    color:#c9a344!important;
  }
  .page-country .site-footer .footer-copy{
    color:#625e58!important;
    font-size:7.2px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
  }
  .page-country .site-footer .footer-legal{
    gap:11px!important;
    font-size:7.8px!important;
    line-height:1.2!important;
  }
  .page-country .site-footer .footer-legal a{
    color:#918b81!important;
  }
}

@media (max-width:760px){
  .page-country .country-trust-band{
    padding-top:7px!important;
  }
  .page-country .country-trust-item{
    min-height:44px!important;
    grid-template-columns:19px minmax(0,1fr)!important;
    gap:5px!important;
    padding:6px 8px!important;
  }
  .page-country .country-trust-item span{
    width:19px!important;
    height:19px!important;
    font-size:10px!important;
  }
  .page-country .country-trust-item strong{
    font-size:7px!important;
  }
  .page-country .site-footer{
    padding:8px 8px 9px!important;
  }
  .page-country .site-footer .footer-visitors,
  .page-country .site-footer .footer-legal{
    font-size:7.1px!important;
  }
  .page-country .site-footer .footer-copy{
    font-size:6.7px!important;
  }
}

@media (max-width:350px){
  .page-country .country-trust-item{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .page-country .country-trust-item strong{
    font-size:6.5px!important;
  }
  .page-country .site-footer .footer-visitors{
    gap:5px!important;
    font-size:6.7px!important;
  }
  .page-country .site-footer .footer-visitors span+span:before{
    margin-right:5px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M5 — FINAL INTEGRATION / BREAKPOINT GUARD
   2026-08-30
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   ========================================================= */
@media (max-width:1040px){
  .page-country{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  .page-country .country-hubbar-inner,
  .page-country .country-city-tabs,
  .page-country .country-category-nav,
  .page-country .country-directory,
  .page-country .catalog-section,
  .page-country .catalog-section-head,
  .page-country .catalog-card-row,
  .page-country .country-trust-grid,
  .page-country .site-footer{
    min-width:0!important;
    max-width:100%!important;
  }
  .page-country .country-city-tabs a{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-country .country-category-nav{
    overscroll-behavior-inline:contain!important;
  }
  .page-country .country-category-nav a{
    scroll-snap-stop:normal!important;
  }
  .page-country .catalog-section-head>div{
    overflow:hidden!important;
  }
  .page-country .catalog-section-head h2{
    min-width:0!important;
  }
  .page-country .catalog-view-all{
    max-width:38%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .page-country .catalog-card-row{
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
  }
  .page-country .catalog-card-row>.business-card{
    overflow:hidden!important;
    scroll-snap-stop:normal!important;
  }
  .page-country .business-card-body{
    overflow:hidden!important;
  }
  .page-country .country-trust-grid{
    width:100%!important;
  }
  .page-country .site-footer .footer-meta,
  .page-country .site-footer .footer-visitors,
  .page-country .site-footer .footer-copy,
  .page-country .site-footer .footer-legal{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (min-width:761px) and (max-width:1040px){
  .page-country .catalog-section-head h2{
    font-size:clamp(22px,3vw,27px)!important;
  }
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    font-size:clamp(20px,2.7vw,25px)!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:30.25%!important;
    width:30.25%!important;
  }
}

@media (max-width:360px){
  .page-country .country-city-tabs a{
    padding-inline:7px!important;
    font-size:10.2px!important;
  }
  .page-country .catalog-section-head{
    gap:6px!important;
  }
  .page-country .catalog-view-all{
    max-width:35%!important;
    padding-inline:6px!important;
  }
  .page-country .country-trust-item strong{
    line-height:1.16!important;
  }
}

/* Explicit desktop boundary: no mobile declarations exist above 1040px. */
@media (min-width:1041px){
  .page-country .catalog-card-row{
    overscroll-behavior-inline:auto;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M6 — REAL-DEVICE VISUAL POLISH
   2026-08-30
   Screenshot-driven refinement after M5.
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   ========================================================= */
@media (max-width:1040px){
  /* Keep the category rail obviously swipeable without making it dominant. */
  .page-country .country-category-nav a{
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    height:58px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }

  /* The hero already explains Thailand; this is only a compact city context strip. */
  .page-country .catalog-city-head{
    margin-bottom:8px!important;
    padding:8px 11px 9px 13px!important;
  }
  .page-country .catalog-city-head h2{
    margin:2px 0 2px!important;
    font-size:clamp(22px,4.8vw,29px)!important;
  }
  .page-country .catalog-city-head p{
    font-size:9.8px!important;
    line-height:1.30!important;
    -webkit-line-clamp:1!important;
  }

  /* Real listings should read first; placeholder inventory should stay quiet. */
  .page-country .business-card-placeholder .placeholder-card-art img{
    width:min(70px,56%)!important;
    opacity:.44!important;
  }
  .page-country .business-card-placeholder .placeholder-diamond{
    opacity:.55!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    color:#9c864f!important;
    font-size:7.2px!important;
  }
  .page-country .business-card-placeholder h2,
  .page-country .business-card-placeholder h3{
    display:none!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    margin-top:auto!important;
    color:#6f685d!important;
    font-size:6.2px!important;
  }
}

@media (max-width:760px){
  /* About 2.3 cards are visible: enough detail, with a clear swipe cue. */
  .page-country .catalog-card-row>.business-card{
    flex-basis:41.5%!important;
    width:41.5%!important;
  }
  .page-country .business-card-body{
    min-height:50px!important;
    padding:5px 6px 6px!important;
  }
  .page-country .business-card .eyebrow{
    font-size:6.1px!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:11.5px!important;
  }
  .page-country .catalog-city-head{
    padding-top:7px!important;
    padding-bottom:8px!important;
  }
  .page-country .catalog-city-head h2{
    font-size:clamp(21px,5.4vw,26px)!important;
  }
}

@media (max-width:390px){
  .page-country .country-category-nav a{
    flex-basis:82px!important;
    width:82px!important;
    min-width:82px!important;
    height:56px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:42.2%!important;
    width:42.2%!important;
  }
}

@media (max-width:340px){
  .page-country .catalog-card-row>.business-card{
    flex-basis:43.5%!important;
    width:43.5%!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M7 — DELIVERY-GRADE SCALE / BALANCE
   2026-08-30
   Screenshot-driven final polish for legibility and visual hierarchy.
   Mobile/tablet only (<=1040px). Desktop remains untouched.
   ========================================================= */
@media (max-width:1040px){
  /* Hero supporting copy was visually under-scaled on real devices. */
  .page-country .hero-eyebrow{
    font-size:9px!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
  }
  .page-country .country-hero p{
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:620!important;
  }

  /* City choice is a primary navigation action: readable at a glance. */
  .page-country .country-city-tabs a{
    min-height:44px!important;
    font-size:13px!important;
    font-weight:880!important;
  }

  /* Category rail: rebalance icon-to-label ratio instead of simply enlarging boxes. */
  .page-country .country-category-nav{
    gap:7px!important;
    padding-bottom:4px!important;
  }
  .page-country .country-category-nav a{
    flex-basis:96px!important;
    width:96px!important;
    min-width:96px!important;
    height:62px!important;
    grid-template-columns:41px minmax(0,1fr)!important;
    padding-right:6px!important;
    border-color:rgba(216,171,61,.30)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:41px!important;
    min-width:41px!important;
    max-width:41px!important;
    height:41px!important;
    min-height:41px!important;
    max-height:41px!important;
  }
  .page-country .category-label-mobile{
    padding-inline:2px!important;
    color:#e0dbd2!important;
    font-size:10.4px!important;
    font-weight:850!important;
    line-height:1.16!important;
  }

  /* City intro: useful context, not tiny SEO copy. */
  .page-country .catalog-city-head{
    min-height:70px!important;
    padding:10px 12px 11px 14px!important;
  }
  .page-country .catalog-city-head .country-eyebrow{
    font-size:9px!important;
    font-weight:900!important;
  }
  .page-country .catalog-city-head h2{
    margin:3px 0 4px!important;
    font-size:clamp(25px,5.2vw,31px)!important;
    line-height:1.05!important;
  }
  .page-country .catalog-city-head p{
    font-size:11.2px!important;
    line-height:1.40!important;
    -webkit-line-clamp:2!important;
  }

  /* Section headers must read before the cards. */
  .page-country .catalog-section{
    padding:11px 10px 11px!important;
  }
  .page-country .catalog-section-head{
    min-height:48px!important;
    margin-bottom:10px!important;
    padding-bottom:9px!important;
  }
  .page-country .catalog-section-head .country-eyebrow{
    margin-bottom:4px!important;
    font-size:8.8px!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(24px,4.7vw,30px)!important;
    line-height:1.04!important;
  }
  .page-country .catalog-view-all{
    min-height:35px!important;
    height:35px!important;
    padding:0 10px!important;
    gap:7px!important;
    font-size:9.5px!important;
    font-weight:900!important;
  }
  .page-country .catalog-view-all span{
    font-size:12px!important;
  }

  /* Card information was too small relative to the 3:4 media. */
  .page-country .business-card-body{
    min-height:66px!important;
    padding:7px 8px 8px!important;
  }
  .page-country .business-card .eyebrow{
    font-size:8px!important;
    font-weight:880!important;
    line-height:1.18!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    margin:4px 0 5px!important;
    font-size:14.5px!important;
    font-weight:760!important;
    line-height:1.10!important;
  }
  .page-country .rating-line{
    gap:3px!important;
    font-size:8.8px!important;
    line-height:1.18!important;
  }
  .page-country .stars{
    font-size:9px!important;
  }
  .page-country .featured-badge{
    padding:3px 5px!important;
    font-size:6.8px!important;
  }

  /* Placeholder cards stay secondary but no longer look unreadably faint. */
  .page-country .business-card-placeholder .placeholder-card-art img{
    width:min(76px,58%)!important;
    opacity:.48!important;
  }
  .page-country .business-card-placeholder .placeholder-diamond{
    font-size:16px!important;
    opacity:.64!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    color:#b59b5d!important;
    font-size:8.8px!important;
    font-weight:830!important;
    line-height:1.22!important;
  }
  .page-country .business-card-placeholder .eyebrow{
    font-size:7.6px!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    color:#787064!important;
    font-size:7.4px!important;
    line-height:1.2!important;
  }

  /* Trust/footer was functionally correct but too small for a shipped mobile UI. */
  .page-country .country-trust-item{
    min-height:50px!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:7px!important;
    padding:8px 10px!important;
  }
  .page-country .country-trust-item span{
    width:22px!important;
    height:22px!important;
    font-size:12px!important;
  }
  .page-country .country-trust-item strong{
    color:#b9b2a8!important;
    font-size:8.8px!important;
    font-weight:760!important;
    line-height:1.24!important;
  }
  .page-country .site-footer .footer-visitors{
    font-size:8.4px!important;
  }
  .page-country .site-footer .footer-copy{
    font-size:7.8px!important;
  }
  .page-country .site-footer .footer-legal{
    font-size:8.2px!important;
  }
}

@media (max-width:760px){
  .page-country .hero-eyebrow{
    font-size:8.2px!important;
  }
  .page-country .country-hero p{
    font-size:11.3px!important;
    line-height:1.43!important;
  }
  .page-country .country-city-tabs a{
    min-height:43px!important;
    font-size:12.5px!important;
  }
  .page-country .country-category-nav a{
    flex-basis:92px!important;
    width:92px!important;
    min-width:92px!important;
    height:61px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  .page-country .category-label-mobile{
    font-size:10px!important;
  }
  .page-country .catalog-city-head{
    min-height:68px!important;
    padding:9px 11px 10px 13px!important;
  }
  .page-country .catalog-city-head .country-eyebrow{
    font-size:8.5px!important;
  }
  .page-country .catalog-city-head h2{
    font-size:clamp(24px,6.1vw,29px)!important;
  }
  .page-country .catalog-city-head p{
    font-size:10.8px!important;
    line-height:1.38!important;
    -webkit-line-clamp:2!important;
  }
  .page-country .catalog-section{
    padding:10px 9px!important;
  }
  .page-country .catalog-section-head .country-eyebrow{
    font-size:8.2px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(23px,6vw,28px)!important;
  }
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    font-size:clamp(22px,5.5vw,26px)!important;
  }
  .page-country .catalog-view-all{
    height:34px!important;
    min-height:34px!important;
    padding-inline:9px!important;
    font-size:9px!important;
  }
  .page-country .business-card-body{
    min-height:62px!important;
    padding:7px 7px 8px!important;
  }
  .page-country .business-card .eyebrow{
    font-size:7.7px!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:14px!important;
  }
  .page-country .rating-line,
  .page-country .stars{
    font-size:8.4px!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    font-size:8.4px!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    font-size:7.1px!important;
  }
  .page-country .country-trust-item strong{
    font-size:8.4px!important;
  }
}

@media (max-width:390px){
  .page-country .country-city-tabs a{
    font-size:12px!important;
  }
  .page-country .country-category-nav a{
    flex-basis:89px!important;
    width:89px!important;
    min-width:89px!important;
    height:59px!important;
    grid-template-columns:39px minmax(0,1fr)!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:39px!important;
    min-width:39px!important;
    max-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
  }
  .page-country .category-label-mobile{
    font-size:9.7px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(22px,6.3vw,27px)!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:42.2%!important;
    width:42.2%!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:13.5px!important;
  }
  .page-country .country-trust-item strong{
    font-size:8px!important;
  }
}

@media (max-width:340px){
  .page-country .category-label-mobile{
    font-size:9.2px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:21px!important;
  }
  .page-country .catalog-view-all{
    font-size:8.4px!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:12.8px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M8 — ICON-ONLY 4.5 CATEGORY RAIL
   2026-08-30
   Category artwork already contains its own label, so external labels
   and duplicate button chrome are removed. 4.5 items signal horizontal scroll.
   ========================================================= */
@media (max-width:1040px){
  .page-country .country-category-nav{
    gap:6px!important;
    padding:0 0 3px!important;
    scroll-padding-inline:0!important;
    scroll-snap-type:x proximity!important;
  }

  .page-country .country-category-nav a{
    flex:0 0 calc(22.222% - 5px)!important;
    width:calc(22.222% - 5px)!important;
    min-width:calc(22.222% - 5px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:200 / 161!important;
    display:block!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
  }

  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:200 / 161!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:7px!important;
    background:#050505!important;
    box-shadow:none!important;
  }

  .page-country .category-label-mobile,
  .page-country .category-label-desktop{
    display:none!important;
  }

  .page-country .country-category-nav a[aria-current="location"]{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .page-country .country-category-nav a[aria-current="location"] img,
  .page-country .country-category-nav a[aria-current="location"] .category-icon-art{
    filter:brightness(1.06)!important;
  }
}

@media (max-width:390px){
  .page-country .country-category-nav{
    gap:5px!important;
  }
  .page-country .country-category-nav a{
    flex-basis:calc(22.222% - 4px)!important;
    width:calc(22.222% - 4px)!important;
    min-width:calc(22.222% - 4px)!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M9 — DELIVERY CATEGORY RAIL
   Approved mobile direction: artwork only, 4.5 items visible.
   Scope: category rail only. No hero/card/footer changes here.
   ========================================================= */
@media (max-width:540px){
  .page-country .country-category-nav{
    display:flex!important;
    align-items:stretch!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .page-country .country-category-nav::-webkit-scrollbar{
    display:none!important;
  }
  .page-country .country-category-nav a{
    /* 4.5 visible on phone widths, including inter-item gaps. */
    flex:0 0 calc(22.222% - 4px)!important;
    width:calc(22.222% - 4px)!important;
    min-width:calc(22.222% - 4px)!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:200/161!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:8px!important;
    background:#050505!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:8px!important;
    background:#050505!important;
    box-shadow:none!important;
  }
  .page-country .category-label-mobile,
  .page-country .category-label-desktop{
    display:none!important;
  }
  .page-country .country-category-nav a[aria-current="location"]{
    border:0!important;
    background:#050505!important;
    box-shadow:none!important;
  }
  .page-country .country-category-nav a[aria-current="location"] img,
  .page-country .country-category-nav a[aria-current="location"] .category-icon-art{
    filter:brightness(1.07) contrast(1.02)!important;
  }
}

/* Tablet: keep icon-only language but avoid oversized phone-style tiles. */
@media (min-width:541px) and (max-width:1040px){
  .page-country .country-category-nav{
    gap:7px!important;
  }
  .page-country .country-category-nav a{
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    aspect-ratio:200/161!important;
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:8px!important;
    background:#050505!important;
  }
  .page-country .country-category-nav img,
  .page-country .country-category-nav .category-icon-art{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:8px!important;
  }
  .page-country .category-label-mobile,
  .page-country .category-label-desktop{
    display:none!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M10 — DELIVERY TYPOGRAPHY SYSTEM
   2026-08-30
   Scope: typography / text rhythm only. Layout and card widths stay unchanged.
   Approved direction: premium, readable mobile hierarchy after icon-only rail.
   ========================================================= */
@media (max-width:1040px){
  /* Hero hierarchy */
  .page-country .hero-eyebrow{
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.15em!important;
  }
  .page-country .country-hero h1{
    font-size:clamp(36px,6.2vw,48px)!important;
    font-weight:760!important;
    line-height:1.02!important;
    letter-spacing:-.02em!important;
  }
  .page-country .country-hero p{
    max-width:680px!important;
    font-size:13.5px!important;
    font-weight:620!important;
    line-height:1.48!important;
  }

  /* City tabs are primary route controls. */
  .page-country .country-city-tabs a{
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:-.005em!important;
  }

  /* Bangkok/Pattaya intro panel. */
  .page-country .catalog-city-head .country-eyebrow{
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:.13em!important;
  }
  .page-country .catalog-city-head h2{
    font-size:clamp(27px,4.8vw,34px)!important;
    font-weight:760!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
  }
  .page-country .catalog-city-head p{
    font-size:13px!important;
    font-weight:520!important;
    line-height:1.52!important;
  }

  /* Category section headings. */
  .page-country .catalog-section-head .country-eyebrow{
    font-size:9.5px!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:.12em!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(25px,4.4vw,31px)!important;
    font-weight:760!important;
    line-height:1.04!important;
    letter-spacing:-.018em!important;
  }
  .page-country .catalog-view-all{
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
  }
  .page-country .catalog-view-all span{
    font-size:13px!important;
  }

  /* Listing card information. */
  .page-country .business-card .eyebrow{
    font-size:8.8px!important;
    font-weight:900!important;
    line-height:1.2!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:16px!important;
    font-weight:780!important;
    line-height:1.12!important;
    letter-spacing:-.01em!important;
  }
  .page-country .rating-line{
    font-size:9.6px!important;
    font-weight:560!important;
    line-height:1.25!important;
  }
  .page-country .stars{
    font-size:10px!important;
    line-height:1!important;
  }

  /* Placeholder copy remains subordinate, but fully legible. */
  .page-country .business-card-placeholder .placeholder-card-art strong{
    font-size:9.8px!important;
    font-weight:850!important;
    line-height:1.3!important;
  }
  .page-country .business-card-placeholder .eyebrow{
    font-size:8.2px!important;
    font-weight:820!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    font-size:8px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.04em!important;
  }

  /* CJK/Thai/Vietnamese: preserve readable native-script rhythm. */
  html[lang="ko"] .page-country .country-hero h1,
  html[lang="ja"] .page-country .country-hero h1,
  html[lang="zh"] .page-country .country-hero h1{
    font-weight:700!important;
    letter-spacing:-.035em!important;
  }
  html[lang="th"] .page-country .country-hero h1,
  html[lang="vi"] .page-country .country-hero h1{
    line-height:1.08!important;
  }
  html[lang="ko"] .page-country .catalog-section-head h2,
  html[lang="ja"] .page-country .catalog-section-head h2,
  html[lang="zh"] .page-country .catalog-section-head h2{
    letter-spacing:-.03em!important;
  }
}

@media (max-width:540px){
  .page-country .hero-eyebrow{
    font-size:9px!important;
  }
  .page-country .country-hero h1{
    font-size:clamp(34px,8.7vw,40px)!important;
  }
  .page-country .country-hero p{
    font-size:12.5px!important;
    line-height:1.48!important;
  }
  html[lang="th"] .page-country .country-hero h1,
  html[lang="vi"] .page-country .country-hero h1{
    font-size:clamp(32px,8.1vw,38px)!important;
  }
  .page-country .country-city-tabs a{
    font-size:13.5px!important;
  }

  .page-country .catalog-city-head .country-eyebrow{
    font-size:9px!important;
  }
  .page-country .catalog-city-head h2{
    font-size:clamp(25px,6.4vw,30px)!important;
  }
  .page-country .catalog-city-head p{
    font-size:12px!important;
    line-height:1.48!important;
  }

  .page-country .catalog-section-head .country-eyebrow{
    font-size:8.8px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:clamp(23px,6.1vw,28px)!important;
  }
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    font-size:clamp(22px,5.7vw,27px)!important;
  }
  .page-country .catalog-view-all{
    font-size:10.5px!important;
  }

  .page-country .business-card .eyebrow{
    font-size:8.2px!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:15px!important;
  }
  .page-country .rating-line{
    font-size:9px!important;
  }
  .page-country .stars{
    font-size:9.5px!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    font-size:9.2px!important;
  }
  .page-country .business-card-placeholder .eyebrow{
    font-size:7.8px!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    font-size:7.6px!important;
  }
}

@media (max-width:360px){
  .page-country .country-hero h1{
    font-size:31px!important;
  }
  html[lang="th"] .page-country .country-hero h1,
  html[lang="vi"] .page-country .country-hero h1{
    font-size:29px!important;
  }
  .page-country .country-hero p{
    font-size:11.5px!important;
  }
  .page-country .catalog-city-head h2{
    font-size:23px!important;
  }
  .page-country .catalog-city-head p{
    font-size:11.5px!important;
  }
  .page-country .catalog-section-head h2{
    font-size:21.5px!important;
  }
  .page-country .catalog-view-all{
    font-size:10px!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    font-size:14px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M11 — DELIVERY CARD GEOMETRY / SPACING
   2026-08-30
   Scope: card footprint, media ratio, section rhythm and swipe peek only.
   Typography and icon-only 4.5 category rail remain unchanged.
   ========================================================= */
@media (max-width:1040px){
  /* Section frame: consistent inset and calmer vertical rhythm. */
  .page-country .catalog-section{
    margin-bottom:14px!important;
    padding:12px 12px 13px!important;
    border-radius:13px!important;
  }
  .page-country .catalog-section-head{
    min-height:0!important;
    margin-bottom:11px!important;
    padding-bottom:10px!important;
  }

  /* Deliberate swipe rail: complete cards first, then a controlled next-card cue. */
  .page-country .catalog-card-row{
    gap:10px!important;
    padding:0 0 4px!important;
    scroll-padding-inline:0 18px!important;
  }
  .page-country .catalog-card-row::after{
    content:""!important;
    flex:0 0 18px!important;
    width:18px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex:0 0 30.25%!important;
    width:30.25%!important;
    max-width:none!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }

  /* Source listing artwork is 4:5; using its native family reduces needless card height. */
  .page-country .business-card-media,
  .page-country .business-card-placeholder .placeholder-card-media{
    aspect-ratio:4 / 5!important;
  }
  .page-country .business-card-media img,
  .page-country .business-card-media video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .page-country .business-card-body{
    min-height:64px!important;
    padding:8px 9px 9px!important;
  }

  /* Placeholder and live inventory must occupy the exact same footprint. */
  .page-country .business-card-placeholder{
    min-height:0!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art{
    min-height:0!important;
    height:100%!important;
  }
}

@media (max-width:760px){
  .page-country .catalog-section{
    margin-bottom:12px!important;
    padding:11px 10px 12px!important;
  }
  .page-country .catalog-section-head{
    margin-bottom:10px!important;
    padding-bottom:9px!important;
  }
  .page-country .catalog-card-row{
    gap:9px!important;
    scroll-padding-inline:0 16px!important;
  }
  .page-country .catalog-card-row::after{
    flex-basis:16px!important;
    width:16px!important;
  }
  /* ~2.2 cards visible on phones: enough detail, obvious continuation, no oversized tiles. */
  .page-country .catalog-card-row>.business-card{
    flex:0 0 42.5%!important;
    width:42.5%!important;
    border-radius:11px!important;
  }
  .page-country .business-card-body{
    min-height:60px!important;
    padding:7px 8px 8px!important;
  }
}

@media (max-width:430px){
  .page-country .catalog-section{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .page-country .catalog-card-row{
    gap:8px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:42.8%!important;
    width:42.8%!important;
  }
}

@media (max-width:360px){
  .page-country .catalog-section{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .page-country .catalog-card-row{
    gap:7px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:43.6%!important;
    width:43.6%!important;
  }
  .page-country .business-card-body{
    min-height:58px!important;
    padding:7px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M12 — DELIVERY CONTENT STATE HIERARCHY
   2026-08-30
   Scope: visual priority of live listings vs partnership placeholders only.
   Geometry, typography and category rail are intentionally unchanged.
   ========================================================= */
@media (max-width:1040px){
  /* Live listings: slightly clearer edge and image presence, without adding glow. */
  .page-country .business-card:not(.business-card-placeholder){
    border-color:rgba(227,183,76,.34)!important;
    background:linear-gradient(180deg,#0a0907 0%,#070706 100%)!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .business-card-media{
    border-bottom-color:rgba(227,183,76,.18)!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .business-card-media img,
  .page-country .business-card:not(.business-card-placeholder) .business-card-media video{
    filter:brightness(1.04) contrast(1.035) saturate(1.035)!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .eyebrow{
    color:#d3a641!important;
  }
  .page-country .business-card:not(.business-card-placeholder) h2 a,
  .page-country .business-card:not(.business-card-placeholder) h3 a{
    color:#fff8e8!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .rating-line{
    color:#aaa399!important;
  }

  /* Placeholder inventory: preserve footprint but clearly recede behind real content. */
  .page-country .business-card-placeholder{
    border-color:rgba(184,143,52,.14)!important;
    background:#060605!important;
  }
  .page-country .business-card-placeholder .placeholder-card-media{
    border-bottom-color:rgba(184,143,52,.07)!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art{
    background:
      radial-gradient(circle at 50% 38%,rgba(188,145,48,.04),transparent 38%),
      linear-gradient(145deg,#090806,#050505 74%)!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art img{
    opacity:.34!important;
    filter:saturate(.78) brightness(.88)!important;
  }
  .page-country .business-card-placeholder .placeholder-diamond{
    color:#8d6c29!important;
    opacity:.46!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    color:#9e8752!important;
    opacity:.90!important;
  }
  .page-country .business-card-placeholder .business-card-body{
    background:rgba(5,5,4,.84)!important;
  }
  .page-country .business-card-placeholder .eyebrow{
    color:#706858!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    color:#625d54!important;
  }
}

@media (max-width:430px){
  /* Small phones need a little more contrast on real listings, not larger text. */
  .page-country .business-card:not(.business-card-placeholder){
    border-color:rgba(227,183,76,.38)!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art img{
    opacity:.31!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M13 — DELIVERY SECTION RHYTHM
   2026-08-30
   Scope: category section header geometry and vertical rhythm only.
   Card geometry, typography sizes and icon rail remain unchanged.
   ========================================================= */
@media (max-width:1040px){
  .page-country .catalog-section{
    margin-bottom:12px!important;
  }
  .page-country .catalog-section:last-child{
    margin-bottom:0!important;
  }
  .page-country .catalog-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    column-gap:12px!important;
    min-height:52px!important;
    margin-bottom:10px!important;
    padding:0 1px 9px!important;
    border-bottom:1px solid rgba(216,171,61,.16)!important;
  }
  .page-country .catalog-section-head>div{
    min-width:0!important;
  }
  .page-country .catalog-section-head .country-eyebrow{
    display:block!important;
    margin:0 0 5px!important;
  }
  .page-country .catalog-section-head h2{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .page-country .catalog-view-all{
    align-self:end!important;
    margin:0 0 1px!important;
  }
  .page-country .catalog-card-row{
    margin-top:0!important;
  }
}

@media (max-width:540px){
  .page-country .catalog-section{
    margin-bottom:11px!important;
  }
  .page-country .catalog-section-head{
    column-gap:9px!important;
    min-height:49px!important;
    margin-bottom:9px!important;
    padding-bottom:8px!important;
  }
  .page-country .catalog-section-head .country-eyebrow{
    margin-bottom:4px!important;
  }
  .page-country .catalog-view-all{
    margin-bottom:0!important;
  }
}

@media (max-width:360px){
  .page-country .catalog-section-head{
    column-gap:7px!important;
  }
  .page-country .catalog-view-all{
    padding-inline:8px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M14 — DELIVERY TOP FLOW POLISH
   2026-08-30
   Scope: hero, city tabs and city intro only.
   Category rail, card geometry, card states and section typography unchanged.
   ========================================================= */
@media (max-width:1040px){
  /* Hero: retain premium destination image while getting users to inventory faster. */
  .page-country .country-hero{
    height:180px!important;
  }
  .page-country .country-hero-bg{
    object-position:center 48%!important;
    filter:brightness(.76) saturate(.94) contrast(1.045)!important;
  }
  .page-country .country-hero-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.90) 100%),
      radial-gradient(circle at 50% 40%,rgba(0,0,0,0) 0%,rgba(0,0,0,.22) 76%)!important;
  }
  .page-country .country-hero-inner{
    padding-bottom:17px!important;
  }
  .page-country .country-hero-copy{
    width:min(700px,100%)!important;
    padding-inline:10px!important;
  }
  .page-country .hero-eyebrow{
    margin-bottom:5px!important;
  }
  .page-country .country-hero h1{
    margin:3px auto 7px!important;
    max-width:94%!important;
  }
  .page-country .country-hero p{
    max-width:640px!important;
    -webkit-line-clamp:2!important;
  }

  /* City selector: primary route control, visually stronger than the icon rail but not taller. */
  .page-country .country-hubbar{
    padding:8px 0 9px!important;
  }
  .page-country .country-city-tabs{
    margin-bottom:7px!important;
    border-radius:9px!important;
  }
  .page-country .country-city-tabs a{
    min-height:43px!important;
    padding-inline:12px!important;
  }
  .page-country .country-city-tabs a + a{
    border-left:1px solid rgba(216,171,61,.18)!important;
  }
  .page-country .country-city-tabs a[aria-current="page"]{
    background:linear-gradient(180deg,rgba(105,74,21,.64),rgba(38,27,10,.88))!important;
    box-shadow:inset 0 0 0 1px rgba(242,210,119,.12)!important;
  }

  /* City introduction: compact editorial context, not a second hero. */
  .page-country .country-directory{
    padding-top:9px!important;
  }
  .page-country .catalog-city-head{
    margin-bottom:9px!important;
    padding:11px 13px 12px 15px!important;
    border-radius:10px!important;
    box-shadow:inset 2px 0 0 rgba(216,171,61,.68)!important;
  }
  .page-country .catalog-city-head .country-eyebrow{
    margin-bottom:3px!important;
  }
  .page-country .catalog-city-head h2{
    margin:2px 0 5px!important;
  }
  .page-country .catalog-city-head p{
    max-width:720px!important;
    -webkit-line-clamp:2!important;
  }
}

@media (max-width:540px){
  .page-country .country-hero{
    height:166px!important;
  }
  .page-country .country-hero-inner{
    padding-bottom:14px!important;
  }
  .page-country .country-hero-copy{
    padding-inline:7px!important;
  }
  .page-country .country-hero h1{
    max-width:96%!important;
    margin-bottom:6px!important;
  }
  .page-country .country-hero p{
    max-width:94%!important;
  }
  .page-country .country-hubbar{
    padding-top:7px!important;
    padding-bottom:8px!important;
  }
  .page-country .country-city-tabs a{
    min-height:41px!important;
    padding-inline:8px!important;
  }
  .page-country .catalog-city-head{
    margin-bottom:8px!important;
    padding:10px 11px 11px 13px!important;
  }
  .page-country .catalog-city-head h2{
    margin-bottom:4px!important;
  }
  .page-country .catalog-city-head p{
    -webkit-line-clamp:2!important;
  }
}

@media (max-width:360px){
  .page-country .country-hero{
    height:158px!important;
  }
  .page-country .country-hero-inner{
    padding-bottom:12px!important;
  }
  .page-country .country-city-tabs a{
    min-height:39px!important;
  }
  .page-country .catalog-city-head{
    padding:9px 10px 10px 12px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M15 — DELIVERY TRUST / FOOTER FINISH
   2026-08-30
   Scope: bottom trust band, footer and final bottom rhythm only.
   Hero, category rail, section/card geometry and typography unchanged.
   ========================================================= */
@media (max-width:1040px){
  /* Give the final catalog section a controlled landing before the trust block. */
  .page-country .country-directory{
    padding-bottom:8px!important;
  }
  .page-country .country-trust-band{
    margin-top:0!important;
    padding:10px 0 8px!important;
    border-top:1px solid rgba(216,171,61,.14)!important;
    background:#030303!important;
  }
  .page-country .country-trust-grid{
    border-color:rgba(216,171,61,.26)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#090807 0%,#050505 100%)!important;
  }
  .page-country .country-trust-item{
    min-height:54px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px 11px!important;
  }
  .page-country .country-trust-item:nth-child(2n){
    border-left-color:rgba(216,171,61,.16)!important;
  }
  .page-country .country-trust-item:nth-child(n+3){
    border-top-color:rgba(216,171,61,.16)!important;
  }
  .page-country .country-trust-item span{
    width:24px!important;
    height:24px!important;
    color:#e0b84f!important;
    font-size:13px!important;
    opacity:.96!important;
  }
  .page-country .country-trust-item strong{
    color:#c8c0b5!important;
    font-size:9.4px!important;
    font-weight:760!important;
    line-height:1.28!important;
    letter-spacing:.002em!important;
  }

  /* Footer must remain readable, but visually subordinate to the listing content. */
  .page-country .site-footer{
    gap:5px!important;
    padding:10px 10px 12px!important;
    border-top-color:rgba(216,171,61,.16)!important;
  }
  .page-country .site-footer .footer-meta{
    gap:4px!important;
  }
  .page-country .site-footer .footer-visitors{
    gap:8px!important;
    color:#aaa39a!important;
    font-size:9.2px!important;
    line-height:1.3!important;
  }
  .page-country .site-footer .footer-visitors span+span:before{
    margin-right:8px!important;
    color:#665e52!important;
  }
  .page-country .site-footer .footer-visitors b{
    color:#ddb64e!important;
    font-weight:800!important;
  }
  .page-country .site-footer .footer-copy{
    color:#817b73!important;
    font-size:8.2px!important;
    line-height:1.3!important;
    letter-spacing:.055em!important;
  }
  .page-country .site-footer .footer-legal{
    gap:14px!important;
    font-size:9px!important;
    line-height:1.3!important;
  }
  .page-country .site-footer .footer-legal a{
    color:#aaa39a!important;
  }
}

@media (max-width:540px){
  .page-country .country-directory{
    padding-bottom:7px!important;
  }
  .page-country .country-trust-band{
    padding-top:8px!important;
    padding-bottom:7px!important;
  }
  .page-country .country-trust-item{
    min-height:51px!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:7px!important;
    padding:8px 9px!important;
  }
  .page-country .country-trust-item span{
    width:22px!important;
    height:22px!important;
    font-size:12px!important;
  }
  .page-country .country-trust-item strong{
    font-size:8.9px!important;
    line-height:1.27!important;
  }
  .page-country .site-footer{
    padding:9px 8px 11px!important;
  }
  .page-country .site-footer .footer-visitors{
    font-size:8.8px!important;
  }
  .page-country .site-footer .footer-copy{
    font-size:7.9px!important;
  }
  .page-country .site-footer .footer-legal{
    gap:12px!important;
    font-size:8.6px!important;
  }
}

@media (max-width:360px){
  .page-country .country-trust-item{
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:6px!important;
    padding:7px 7px!important;
  }
  .page-country .country-trust-item span{
    width:20px!important;
    height:20px!important;
    font-size:11px!important;
  }
  .page-country .country-trust-item strong{
    font-size:8.3px!important;
  }
  .page-country .site-footer .footer-visitors{
    gap:6px!important;
    font-size:8.2px!important;
  }
  .page-country .site-footer .footer-visitors span+span:before{
    margin-right:6px!important;
  }
  .page-country .site-footer .footer-copy{
    font-size:7.5px!important;
  }
  .page-country .site-footer .footer-legal{
    gap:10px!important;
    font-size:8.1px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M16 — FINAL DELIVERY INTEGRATION AUDIT
   2026-08-30
   Scope: breakpoint/overflow/long-copy guards only.
   Approved M9–M15 visual system is intentionally preserved.
   ========================================================= */
@media (max-width:1040px){
  .page-country,
  .page-country *,
  .page-country *::before,
  .page-country *::after{
    box-sizing:border-box!important;
  }

  /* Prevent translated copy from forcing page-level horizontal overflow. */
  .page-country .country-hero-copy,
  .page-country .country-hubbar-inner,
  .page-country .country-directory,
  .page-country .catalog-city-head,
  .page-country .catalog-section,
  .page-country .catalog-section-head,
  .page-country .business-card-body,
  .page-country .country-trust-item,
  .page-country .site-footer{
    min-width:0!important;
  }

  .page-country .country-city-tabs{
    overflow:hidden!important;
  }
  .page-country .country-city-tabs a{
    flex:1 1 0!important;
    min-width:0!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
  }

  /* Approved category rail: keep horizontal scrolling local to the rail. */
  .page-country .country-category-nav{
    max-width:100%!important;
    touch-action:pan-x pan-y!important;
  }

  /* Intro copy can wrap naturally in every locale without changing hierarchy. */
  .page-country .catalog-city-head h2,
  .page-country .catalog-city-head p{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }

  /* Section title owns remaining width; CTA never squeezes off-screen. */
  .page-country .catalog-section-head{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .page-country .catalog-section-head>div{
    min-width:0!important;
  }
  .page-country .catalog-view-all{
    flex:0 0 auto!important;
    max-width:none!important;
  }

  /* Card text must never alter the approved card footprint. */
  .page-country .business-card h2,
  .page-country .business-card h3,
  .page-country .business-card .eyebrow,
  .page-country .rating-line,
  .page-country .business-card-placeholder .placeholder-status{
    max-width:100%!important;
  }
  .page-country .business-card h2,
  .page-country .business-card h3{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .page-country .rating-line{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* Lock the trust block to a stable 2×2 grid through all mobile/tablet widths. */
  .page-country .country-trust-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .page-country .country-trust-item strong{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }

  .page-country .site-footer .footer-visitors,
  .page-country .site-footer .footer-legal{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
  }
}

@media (max-width:430px){
  /* Extra guard for long translated headings on narrow phones. */
  .page-country .catalog-section-head{
    column-gap:8px!important;
  }
  .page-country .catalog-view-all{
    min-width:0!important;
    padding-inline:9px!important;
  }
  html[lang="ko"] .page-country .catalog-section-head h2,
  html[lang="ja"] .page-country .catalog-section-head h2,
  html[lang="zh"] .page-country .catalog-section-head h2,
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    min-width:0!important;
  }
}

@media (max-width:340px){
  .page-country .catalog-view-all{
    padding-inline:7px!important;
  }
  .page-country .country-trust-item{
    padding-inline:6px!important;
  }
}

/* Hard desktop boundary: M16 is mobile/tablet only. */
@media (min-width:1041px){
  .page-country .country-category-nav,
  .page-country .catalog-card-row{
    touch-action:auto;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M17 — 96+ DELIVERY PIXEL TUNING
   2026-08-30
   Approved mockup implementation.
   Scope: placeholder density, live-card info height, 2.2-card peek,
          section header spacing, multilingual wrapping and vertical rhythm.
   Desktop >=1041px and source portfolio media remain untouched.
   ========================================================= */
@media (max-width:1040px){
  /* 1) Vertical rhythm: slightly tighter without changing hierarchy. */
  .page-country .country-hubbar{
    padding-top:8px!important;
    padding-bottom:9px!important;
  }
  .page-country .country-directory{
    padding-top:9px!important;
  }
  .page-country .catalog-city-head{
    margin-bottom:8px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .page-country .catalog-section{
    margin-bottom:13px!important;
  }

  /* 2) Section heading: title owns the line, CTA gets deliberate breathing room. */
  .page-country .catalog-section-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:12px!important;
    min-height:46px!important;
    margin-bottom:9px!important;
    padding-bottom:9px!important;
  }
  .page-country .catalog-section-head>div{
    min-width:0!important;
  }
  .page-country .catalog-section-head h2{
    max-width:100%!important;
  }
  .page-country .catalog-view-all{
    flex:0 0 auto!important;
    min-height:36px!important;
    height:36px!important;
    padding-inline:11px!important;
  }

  /* 3) Swipe rail: preserve roughly 2.2 cards and a visible next-card cue. */
  .page-country .catalog-card-row{
    gap:9px!important;
    scroll-padding-inline:0 16px!important;
  }
  .page-country .catalog-card-row::after{
    flex-basis:16px!important;
    width:16px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:31%!important;
    width:31%!important;
  }

  /* 4) Live listing card: compact the information deck, keep typography readable. */
  .page-country .business-card:not(.business-card-placeholder){
    border-color:rgba(216,171,61,.34)!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .business-card-body{
    min-height:54px!important;
    padding:6px 8px 7px!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .eyebrow{
    margin-bottom:1px!important;
  }
  .page-country .business-card:not(.business-card-placeholder) h2,
  .page-country .business-card:not(.business-card-placeholder) h3{
    margin:3px 0 4px!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .rating-line{
    gap:3px!important;
  }

  /* 5) Placeholder: quieter, smaller brand mark and less empty visual weight. */
  .page-country .business-card-placeholder{
    border-color:rgba(216,171,61,.19)!important;
    background:#050504!important;
  }
  .page-country .business-card-placeholder .placeholder-card-media{
    background:#050504!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art{
    gap:5px!important;
    padding:11px 8px 8px!important;
    background:
      radial-gradient(circle at 50% 39%,rgba(216,171,61,.035),transparent 34%),
      linear-gradient(180deg,#070604 0%,#040404 100%)!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art img{
    width:min(52px,40%)!important;
    max-height:24px!important;
    object-fit:contain!important;
    filter:brightness(.72) saturate(.70)!important;
    opacity:.34!important;
  }
  .page-country .business-card-placeholder .placeholder-diamond{
    margin-top:2px!important;
    color:#9f8240!important;
    font-size:13px!important;
    opacity:.52!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    max-width:88%!important;
    color:#a78f55!important;
    font-size:8.6px!important;
    font-weight:800!important;
    line-height:1.22!important;
    text-align:center!important;
  }
  .page-country .business-card-placeholder .business-card-body{
    min-height:46px!important;
    padding:6px 7px 7px!important;
    border-top-color:rgba(216,171,61,.08)!important;
  }
  .page-country .business-card-placeholder .eyebrow{
    color:#777064!important;
    font-size:7.4px!important;
    font-weight:720!important;
  }
  .page-country .business-card-placeholder .placeholder-status{
    margin-top:auto!important;
    color:#625d54!important;
    font-size:6.9px!important;
    font-weight:650!important;
    letter-spacing:.045em!important;
  }

  /* 6) Long-copy guards: consistent two-line cadence across all six locales. */
  .page-country .country-hero p,
  .page-country .catalog-city-head p{
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  html[lang="ko"] .page-country .catalog-section-head h2,
  html[lang="ja"] .page-country .catalog-section-head h2,
  html[lang="zh"] .page-country .catalog-section-head h2,
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  html[lang="th"] .page-country .country-hero p,
  html[lang="vi"] .page-country .country-hero p,
  html[lang="ja"] .page-country .country-hero p,
  html[lang="zh"] .page-country .country-hero p,
  html[lang="ko"] .page-country .country-hero p{
    line-height:1.42!important;
  }

  /* 7) Bottom rhythm: keep trust/footer close, but clearly separate from inventory. */
  .page-country .country-trust-band{
    padding-top:9px!important;
  }
  .page-country .country-trust-item strong{
    font-size:9.3px!important;
  }
  .page-country .site-footer .footer-visitors{
    font-size:9.1px!important;
  }
  .page-country .site-footer .footer-legal{
    font-size:8.9px!important;
  }
}

@media (max-width:760px){
  /* Phone target: ~2.2 cards visible with an obvious next-card peek. */
  .page-country .catalog-card-row{
    gap:8px!important;
    scroll-padding-inline:0 14px!important;
  }
  .page-country .catalog-card-row::after{
    flex-basis:14px!important;
    width:14px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:43.4%!important;
    width:43.4%!important;
  }
  .page-country .business-card:not(.business-card-placeholder) .business-card-body{
    min-height:52px!important;
    padding:6px 7px 7px!important;
  }
  .page-country .business-card-placeholder .business-card-body{
    min-height:44px!important;
    padding:5px 7px 6px!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art img{
    width:min(48px,38%)!important;
    max-height:22px!important;
  }
  .page-country .catalog-section-head{
    column-gap:11px!important;
  }
}

@media (max-width:430px){
  .page-country .catalog-section{
    margin-bottom:12px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:43.8%!important;
    width:43.8%!important;
  }
  .page-country .catalog-section-head{
    column-gap:10px!important;
  }
  .page-country .catalog-view-all{
    min-height:35px!important;
    height:35px!important;
    padding-inline:9px!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art strong{
    font-size:8.2px!important;
  }
}

@media (max-width:360px){
  .page-country .catalog-card-row{
    gap:7px!important;
  }
  .page-country .catalog-card-row>.business-card{
    flex-basis:44.2%!important;
    width:44.2%!important;
  }
  .page-country .catalog-section-head{
    column-gap:8px!important;
  }
  .page-country .catalog-view-all{
    padding-inline:8px!important;
  }
  .page-country .business-card-placeholder .placeholder-card-art img{
    width:min(44px,36%)!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M18 — REAL DEVICE DELIVERY FINISH
   2026-08-30
   Scope: fixed mobile header rhythm, hero copy fit, first-content start,
          section spacing and trust/footer boundary only.
   Desktop >=1041px and source media remain untouched.
   ========================================================= */
@media (max-width:1040px){
  /* Header: keep the chrome visually quiet and perfectly centered. */
  .page-country .site-header,
  .page-country .mobile-header,
  .page-country .header-inner{
    box-sizing:border-box!important;
  }
  .page-country .header-inner{
    min-height:66px!important;
  }

  /* Hero: reduce oversized headline pressure seen on real phones. */
  .page-country .country-hero{
    height:184px!important;
  }
  .page-country .country-hero-inner{
    padding-bottom:17px!important;
  }
  .page-country .country-hero-copy{
    padding-inline:10px!important;
  }
  .page-country .country-hero h1{
    max-width:94%!important;
    margin-top:3px!important;
    margin-bottom:7px!important;
    font-size:clamp(31px,6.7vw,45px)!important;
    line-height:1.02!important;
  }
  .page-country .country-hero p{
    max-width:94%!important;
    font-size:11.2px!important;
    line-height:1.40!important;
  }

  /* City/category hub: maintain the approved hierarchy with less dead air. */
  .page-country .country-hubbar{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .page-country .country-city-tabs{
    margin-bottom:7px!important;
  }
  .page-country .country-category-nav{
    padding-bottom:2px!important;
  }

  /* First content begins immediately after navigation without feeling glued. */
  .page-country .country-directory{
    padding-top:10px!important;
  }
  .page-country .catalog-city-head{
    margin-bottom:10px!important;
  }
  .page-country .catalog-section{
    margin-bottom:14px!important;
  }
  .page-country .catalog-section-head{
    min-height:45px!important;
    padding-bottom:8px!important;
    margin-bottom:10px!important;
  }

  /* Prevent the final inventory block from visually colliding with trust band. */
  .page-country .catalog-section:last-of-type{
    margin-bottom:18px!important;
  }
  .page-country .country-trust-band{
    margin-top:0!important;
    padding-top:0!important;
  }
  .page-country .country-trust-grid{
    border-top-color:rgba(216,171,61,.22)!important;
  }
  .page-country .site-footer{
    padding-top:10px!important;
  }
}

@media (max-width:760px){
  .page-country .header-inner{
    min-height:64px!important;
  }
  .page-country .country-hero{
    height:178px!important;
  }
  .page-country .country-hero-inner{
    padding-bottom:15px!important;
  }
  .page-country .country-hero h1{
    max-width:96%!important;
    font-size:clamp(30px,7.6vw,39px)!important;
  }
  .page-country .country-hero p{
    max-width:96%!important;
    font-size:10.4px!important;
  }

  /* Locale-specific optical correction: no layout change, only fit. */
  html[lang="ko"] .page-country .country-hero h1,
  html[lang="ja"] .page-country .country-hero h1,
  html[lang="zh"] .page-country .country-hero h1{
    font-size:clamp(29px,7.2vw,37px)!important;
    line-height:1.04!important;
  }
  html[lang="th"] .page-country .country-hero h1{
    font-size:clamp(29px,7.1vw,36px)!important;
    line-height:1.08!important;
  }
  html[lang="vi"] .page-country .country-hero h1{
    max-width:92%!important;
    font-size:clamp(28px,6.8vw,35px)!important;
    line-height:1.05!important;
  }

  html[lang="th"] .page-country .country-hero p,
  html[lang="vi"] .page-country .country-hero p,
  html[lang="ja"] .page-country .country-hero p,
  html[lang="zh"] .page-country .country-hero p,
  html[lang="ko"] .page-country .country-hero p{
    line-height:1.44!important;
  }

  .page-country .catalog-section{
    margin-bottom:13px!important;
  }
  .page-country .catalog-section:last-of-type{
    margin-bottom:17px!important;
  }
}

@media (max-width:430px){
  .page-country .country-hero{
    height:174px!important;
  }
  .page-country .country-hero h1{
    font-size:clamp(29px,7.2vw,36px)!important;
  }
  .page-country .country-hero p{
    font-size:10px!important;
  }
  html[lang="vi"] .page-country .country-hero h1{
    font-size:clamp(27px,6.6vw,33px)!important;
  }
  .page-country .catalog-city-head{
    margin-bottom:9px!important;
  }
}

@media (max-width:360px){
  .page-country .country-hero{
    height:170px!important;
  }
  .page-country .country-hero h1{
    max-width:98%!important;
    font-size:clamp(27px,7vw,33px)!important;
  }
  .page-country .country-hero p{
    max-width:98%!important;
    font-size:9.6px!important;
  }
}

/* =========================================================
   N2A COUNTRY MOBILE M19 — PRE-DELIVERY QA / REGRESSION GUARD
   2026-08-30
   Scope: horizontal overflow, swipe rails, sticky-header safety,
          narrow-phone title/CTA fit, footer boundary and desktop isolation.
   Visual system from M9–M18 is intentionally preserved.
   ========================================================= */
@media (max-width:1040px){
  /* 1) Global horizontal containment without clipping local swipe rails. */
  html,
  body{
    max-width:100%;
    overflow-x:clip;
  }
  .page-country,
  .page-country main,
  .page-country .site-main{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:clip;
  }

  /* 2) Header safety: keep the existing sticky/fixed behavior, only harden stacking/size. */
  .page-country .site-header,
  .page-country .mobile-header{
    max-width:100vw!important;
    z-index:1000!important;
  }
  .page-country .header-inner{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* 3) Category rail: local horizontal interaction only; no accidental page overflow. */
  .page-country .country-category-nav{
    width:100%!important;
    max-width:100%!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    scroll-snap-type:x proximity!important;
    scroll-behavior:smooth!important;
  }
  .page-country .country-category-nav>a{
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }

  /* 4) Listing rails: preserve 2.2-card composition while stabilizing touch/swipe behavior. */
  .page-country .catalog-card-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    scroll-snap-type:x proximity!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .page-country .catalog-card-row>.business-card{
    min-width:0!important;
    max-width:none!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }

  /* 5) Section header guard: title and CTA can never collide in long locales. */
  .page-country .catalog-section-head{
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
  }
  .page-country .catalog-section-head>div{
    min-width:0!important;
  }
  .page-country .catalog-section-head h2{
    min-width:0!important;
    max-width:100%!important;
  }
  .page-country .catalog-view-all{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* 6) Cards: no translated text may change the approved footprint. */
  .page-country .business-card,
  .page-country .business-card-media,
  .page-country .business-card-body,
  .page-country .business-card-placeholder,
  .page-country .placeholder-card-media,
  .page-country .placeholder-card-art{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .page-country .business-card-body>*{
    min-width:0!important;
  }

  /* 7) Trust/footer: keep final boundary clean and safe on gesture-navigation phones. */
  .page-country .country-trust-band,
  .page-country .country-trust-grid,
  .page-country .site-footer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .page-country .site-footer{
    padding-bottom:max(12px, env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:430px){
  /* Narrow-phone QA: preserve the title/CTA hierarchy before reducing type. */
  .page-country .catalog-section-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:9px!important;
  }
  .page-country .catalog-view-all{
    max-width:104px!important;
    min-height:34px!important;
    height:34px!important;
    padding-inline:9px!important;
  }
  html[lang="ko"] .page-country .catalog-section-head h2,
  html[lang="ja"] .page-country .catalog-section-head h2,
  html[lang="zh"] .page-country .catalog-section-head h2,
  html[lang="th"] .page-country .catalog-section-head h2,
  html[lang="vi"] .page-country .catalog-section-head h2{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* Keep the next-card cue visible without allowing the rail to touch viewport edge. */
  .page-country .catalog-card-row{
    padding-right:2px!important;
  }
}

@media (max-width:360px){
  .page-country .catalog-section-head{
    column-gap:7px!important;
  }
  .page-country .catalog-view-all{
    max-width:98px!important;
    padding-inline:7px!important;
  }
  .page-country .country-trust-item strong{
    line-height:1.3!important;
  }
}

/* M19 hard desktop isolation. */
@media (min-width:1041px){
  .page-country .country-category-nav,
  .page-country .catalog-card-row{
    scroll-behavior:auto;
  }
}

/* N2A 2026-09-02 — real-device horizontal card drag guard.
   JS owns horizontal drags; the browser keeps vertical page scrolling native. */
@media (max-width:1040px){
  .page-country [data-catalog-slider]{
    touch-action:pan-y!important;
    -webkit-user-drag:none;
  }
}

/* N2A 2026-09-02 — COUNTRY business cards: continuous infinite left rail on mobile/tablet. */
@media (max-width:1040px){
  .page-country .catalog-card-row[data-n2a-infinite-ready="1"]{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    touch-action:pan-y!important;
  }
  .page-country .catalog-card-row[data-n2a-infinite-ready="1"]::-webkit-scrollbar{display:none!important;}
  .page-country .catalog-card-row[data-n2a-infinite-ready="1"]>.business-card{
    max-width:none!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }
}