:root{
      --page-gutter:16px;
      --listing-max:1180px; --list-card:220px; --list-gap:12px; --pill-gap:.6rem;
      --main-nav-height:calc(var(--icon-btn) + (var(--header-pad-y) * 2));
      --breadcrumb-height:36px;
      /* Pill palette (your brand) */
      --chip:#eef3f2;          /* light green background */
      --chip-ink:#355752;      /* dark green text */
      --teal:#52968B;          /* active teal */
      --line:#e3ece9;          /* subtle line */
    }

    .listing-wrap{ max-width:1236px; margin:0 auto; padding:0 var(--page-gutter); }

    /* Listing pages: keep hero tucked directly under the site header */
    body > .meta-nav{
      margin:0 auto .35rem;
    }

    /* Hero */
.listing-hero{
  --listing-hero-image:url("/images/city-brazil.jpg");
  width:100vw;
  margin:0 0 1in;
  margin-left:calc(50% - 50vw);
  min-height:640px;
  height:auto;
  position:relative;
  overflow:hidden;
  background:#111;
}
    .listing-hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:var(--listing-hero-image) center 38% / cover no-repeat;
      z-index:0;
    }
    .listing-hero::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.88) 100%);
      z-index:1;
    }
.listing-hero-panel{
  position:relative;
  z-index:2;
  min-height:100%;
  display:flex;
  align-items:center;
  gap:0;
  padding:56px 0;
}
.listing-hero-text{
  position:relative;
  margin:0;
  padding:0;
  padding-left:max(24px, calc((100vw - 1236px) / 2 + var(--page-gutter)));
  padding-right:max(24px, calc((100vw - 1236px) / 2 + var(--page-gutter)));
  display:flex;
  flex-direction:column;
      justify-content:flex-start;
      align-items:flex-start;
      max-width:820px;
    }
    .listing-hero-video-col{
      display:none !important;
    }
    .listing-hero-tagline{
      margin:0 0 24px;
      width:fit-content;
      border-radius:2px;
      padding:6px 14px;
      background:#FF4D4D;
      color:#fff;
      font-family:"Fira Sans",sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:2px;
      text-transform:uppercase;
      line-height:1.2;
    }
    .listing-hero-title{
      margin:0 0 28px;
      color:#fff;
      font-family:"Fira Sans",sans-serif;
      font-weight:900;
      font-size:clamp(38px,5.5vw,74px);
      line-height:.95;
      letter-spacing:-2px;
      text-transform:uppercase;
    }
    .listing-hero-title .hero-line{
      display:block;
      line-height:1;
    }
    .listing-hero-title .hero-thin{ font-weight:400; }
    .listing-hero-title .hero-highlight{
      background:#FF4D4D;
      border-radius:2px;
      padding:4px 10px;
      display:inline-block;
      width:fit-content;
      max-width:max-content;
    }
    .listing-hero-title .hero-brand{
      background:#FF4D4D;
      border-radius:2px;
      padding:2px 8px;
      display:inline-block;
    }
    .listing-description-wrap{
      width:100%;
      max-width:580px;
      margin:0 0 48px;
    }
    .listing-description{
      background:transparent !important;
      box-shadow:none !important;
      padding:0 !important;
      margin:0;
      color:rgba(255,255,255,.75);
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:17px;
      font-weight:400;
      line-height:1.65;
      max-width:580px;
    }
    .listing-hero .listing-description strong,
    .listing-hero .listing-description b{
      color:#C5EF14;
    }
    .listing-description-toggle{
      margin-top:.45rem;
      border:none;
      background:transparent;
      color:#fff;
      font-weight:700;
      padding:0;
      cursor:pointer;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      text-decoration:underline;
      text-underline-offset:2px;
      display:none;
    }
    .listing-hero-stats{
      display:flex;
      align-items:stretch;
      gap:0;
      flex-wrap:nowrap;
    }
    .listing-hero-stat{
      padding-right:28px;
      margin-right:28px;
      border-right:1px solid rgba(255,255,255,.28);
      display:flex;
      flex-direction:column;
      gap:0;
    }
    .listing-hero-stat:last-child{
      padding-right:0;
      margin-right:0;
      border-right:none;
    }
    .listing-hero-stat strong{
      margin:0;
      color:#fff;
      font-family:"Fira Sans",sans-serif;
      font-size:34px;
      font-weight:900;
      line-height:1;
      letter-spacing:-.02em;
    }
    .listing-hero-stat span{
      margin:5px 0 0;
      color:rgba(255,255,255,.75);
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.14em;
      line-height:1;
    }
    .listing-hero-image{
      display:none;
    }
    .hero-animate{
      opacity:0;
      transform:translateY(24px);
      animation:heroFadeUp .7s ease forwards;
    }
    .hero-animate-tag{ animation-delay:0s; }
    .hero-animate-title{ animation-delay:.1s; }
    .hero-animate-desc{ animation-delay:.22s; }
    .hero-animate-stats{ animation-delay:.38s; }

    @keyframes heroFadeUp{
      from{ opacity:0; transform:translateY(24px); }
      to{ opacity:1; transform:translateY(0); }
    }
@media (max-width:900px){
  .listing-hero{
    min-height:460px;
    height:auto;
    margin:0 0 .75in;
  }
  .listing-hero-panel{
    min-height:100%;
    display:flex;
    align-items:center;
    padding:36px 0;
  }
  .listing-hero-text{
    margin:0;
    padding-left:24px;
    padding-right:24px;
  }
  .listing-hero-title .hero-highlight{ max-width:100%; }
  .listing-hero-stats{
    flex-wrap:wrap;
    row-gap:14px;
  }
  .listing-hero-stat{
    padding-right:18px;
    margin-right:18px;
  }
}

    /* Intro */
    .listing-intro{
      display:block;
      margin:0 0 1.5rem;
    }
    @media (max-width:480px){
      .listing-description.is-collapsed{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden;
      }
      .listing-description-toggle{
        display:inline-flex;
      }
      .listing-description-wrap,
      .listing-description{
        margin-left:0;
      }
    }

    /* Strong, obvious accent for keywords */
    .listing-description strong,
    .listing-description b{
      font-weight:800;
      color:var(--teal,#52968B);
    }
    .listing-description .pill-ink{
      font-weight:700;
      color:var(--ink,#1d2a27);
    }

    /* Hide only the intro while booting so hero/title can show immediately */
    .booting .listing-intro { visibility:hidden; }

    /* ---- VIDEO: exact 16:9 + overlay ---- */
    .listing-video{
      position:relative;
      border-radius:12px;
      overflow:hidden;
      box-shadow:0 4px 12px rgba(0,0,0,.12);
      background:#EFEFEC;
      width:100%;
      height:auto;
      aspect-ratio:16/9;
      border:3px solid #fff;
      margin-left:0;
      margin-right:0;
      display:none;
    }
    .listing-video::before{ content:""; display:block; padding-top:56.25%; }
    .listing-video > video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .listing-video .video-link{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.1) 50%, transparent 100%);
      color:#fff;
      text-decoration:none;
      border:0;
      cursor:pointer;
      z-index:2;
    }
    .listing-video .video-link.is-hidden{ display:none; }
    .listing-video .video-cta{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
    }
    .listing-video .play{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:64px;
      height:64px;
      border-radius:999px;
      background:#fff;
      box-shadow:0 8px 32px rgba(0,0,0,.18);
      transition:background-color .2s ease, box-shadow .2s ease;
    }
    .listing-video .play svg{ fill:#0a0a0a; }
    .listing-video .video-link:hover .play,
    .listing-video .video-link:focus-visible .play{
      background:#C5EF14;
      box-shadow:0 12px 40px rgba(0,0,0,.22);
    }
    .listing-video .video-link-label{
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:.15em;
      text-transform:uppercase;
      color:#fff;
      opacity:.7;
      transition:opacity .2s ease;
    }
    .listing-video .video-link:hover .video-link-label,
    .listing-video .video-link:focus-visible .video-link-label{
      opacity:1;
    }
    .listing-video .video-duration{
      position:absolute;
      right:12px;
      bottom:12px;
      z-index:3;
      background:#fff;
      border-radius:100px;
      padding:4px 10px;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:11px;
      font-weight:700;
      line-height:1;
      color:#000;
      pointer-events:none;
    }
    .listing-video .video-duration[hidden],
    .listing-video.is-playing .video-duration{
      display:none;
    }
    .listing-video-title{
      margin:0 0 4px;
      font-family:"Fira Sans",sans-serif;
      font-size:15px;
      font-weight:700;
      color:#000;
    }
    .listing-video-subtitle{
      margin:0;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:12px;
      font-weight:400;
      line-height:1.7;
      color:#444;
    }
    @media (max-width:900px){
      .listing-video{
        margin-left:0;
        width:100%;
      }
    }
    .listing-hero-mosaic{
      width:100%;
      aspect-ratio:16/9;
      overflow:hidden;
      background:#ff4d4d;
      display:grid;
      grid-template-columns:1fr 1fr;
      grid-template-rows:1fr 1fr;
      gap:3px;
    }
    .listing-hero-mosaic[data-count="1"]{
      grid-template-columns:1fr;
      grid-template-rows:1fr;
    }
    .listing-hero-mosaic[data-count="2"]{
      grid-template-columns:1fr 1fr;
      grid-template-rows:1fr;
    }
    .listing-hero-mosaic[data-count="3"]{
      grid-template-columns:1.22fr 1fr;
      grid-template-rows:1fr 1fr;
    }
    .listing-hero-mosaic[data-count="3"] .listing-hero-mosaic-cell:nth-child(1){
      grid-column:1;
      grid-row:1 / 3;
    }
    .listing-hero-mosaic[data-count="3"] .listing-hero-mosaic-cell:nth-child(2){
      grid-column:2;
      grid-row:1;
    }
    .listing-hero-mosaic[data-count="3"] .listing-hero-mosaic-cell:nth-child(3){
      grid-column:2;
      grid-row:2;
    }
    .listing-hero-mosaic[hidden]{
      display:none !important;
    }
    .listing-hero-mosaic-cell{
      position:relative;
      overflow:hidden;
      background:#0f0f0f;
    }
    .listing-hero-mosaic-cell[hidden]{
      display:none !important;
    }
    .listing-hero-mosaic-cell img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform 6s ease;
    }
    .listing-hero-mosaic-cell:hover img{
      transform:scale(1.04);
    }
    .listing-hero-mosaic-city{
      position:absolute;
      left:14px;
      bottom:14px;
      z-index:2;
      margin:0;
      color:rgba(255,255,255,.65);
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:9px;
      font-weight:700;
      letter-spacing:.22em;
      text-transform:uppercase;
      line-height:1.2;
    }

    .tour-category-row{
      margin:0 0 1rem;
    }
    .tour-category-tabs{
      border-bottom:1px solid #e0e0de;
      background:transparent;
      min-height:44px;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    .tour-category-tabs::-webkit-scrollbar{ display:none; }
    .tour-category-parent-tabs{
      display:flex;
      align-items:stretch;
      gap:0;
      width:max-content;
      min-width:100%;
    }
    #tourCategoryRow .pill{
      display:inline-flex;
      align-items:center;
      gap:.42rem;
      border:0;
      border-radius:0;
      background:transparent;
      color:#666;
      padding:.85rem .9rem .72rem;
      font-weight:400;
      font-size:12px;
      letter-spacing:.1em;
      text-transform:uppercase;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      cursor:pointer;
      line-height:1;
      position:relative;
      transition:color .18s ease, background .18s ease;
      white-space:nowrap;
    }
    #tourCategoryRow .pill[hidden]{ display:none !important; }
    #tourCategoryRow .pill:hover{
      color:#000;
      background:rgba(255,255,252,.72);
    }
    #tourCategoryRow .pill.active{
      color:#000;
      font-weight:700;
      background:transparent;
      padding-right:.9rem;
      box-shadow:none;
    }
    #tourCategoryRow .pill[data-kind="parent"]::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-1px;
      height:3px;
      background:#C5EF14;
      opacity:0;
      transform:scaleX(.85);
      transition:opacity .2s ease, transform .2s ease;
    }
    #tourCategoryRow .pill[data-kind="parent"].active::after{
      opacity:1;
      transform:scaleX(1);
    }
    .tour-category-btn-label{
      white-space:nowrap;
    }
    .tour-category-count{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:18px;
      padding:2px 5px;
      font-size:9px;
      font-weight:700;
      letter-spacing:.03em;
      border-radius:999px;
      background:#e2e2de;
      color:#777;
      line-height:1;
    }
    #tourCategoryRow .pill.active .tour-category-count{
      background:#C5EF14;
      color:#000;
    }
    .tour-category-chevron{
      display:inline-flex;
      width:10px;
      height:10px;
      color:#888;
      transform:rotate(0deg);
      transition:transform .22s ease, color .18s ease;
    }
    #tourCategoryRow .pill:hover .tour-category-chevron,
    #tourCategoryRow .pill.active .tour-category-chevron{
      color:#000;
    }
    #tourCategoryRow .pill.active .tour-category-chevron{
      transform:rotate(180deg);
    }
    .tour-category-chevron svg{
      width:10px;
      height:10px;
      display:block;
      fill:none;
      stroke:currentColor;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .tour-category-tray{
      background:#f0f0ee;
      border-bottom:1px solid #e0e0de;
      min-height:48px;
      padding:0 clamp(16px, 4vw, 48px);
      display:flex;
      align-items:center;
      gap:.65rem;
      flex-wrap:wrap;
      opacity:0;
      transform:translateY(8px);
      transition:opacity .22s ease, transform .22s ease;
      margin-bottom:1rem;
    }
    .tour-category-tray[hidden]{ display:none !important; }
    .tour-category-tray.is-open{
      opacity:1;
      transform:translateY(0);
    }
    .tour-category-tray-label{
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:9px;
      font-weight:700;
      letter-spacing:.11em;
      text-transform:uppercase;
      color:#888;
      white-space:nowrap;
      margin-right:.2rem;
    }
    .tour-category-tray-children{
      display:flex;
      align-items:center;
      gap:.45rem;
      flex-wrap:wrap;
      margin:6px 0;
    }
    #tourCategoryRow .pill[data-kind="child"]{
      font-size:11px;
      letter-spacing:.08em;
      color:#444;
      border:1px solid transparent;
      padding:.38rem .68rem;
      margin:0;
    }
    #tourCategoryRow .pill[data-kind="child"]:hover{
      border-color:#d7d7d1;
      background:#fff;
      color:#000;
    }
    #tourCategoryRow .pill[data-kind="child"].active{
      background:#000;
      color:#fff;
      border-color:#000;
      box-shadow:none;
    }
    .tour-category-dot{
      width:6px;
      height:6px;
      border-radius:999px;
      background:#C5EF14;
      opacity:0;
      transition:opacity .2s ease;
      flex:0 0 6px;
    }
    #tourCategoryRow .pill[data-kind="child"].active .tour-category-dot{
      opacity:1;
    }

    .tours-toolbar{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      border-bottom:1px solid #e0e0de;
      padding-bottom:24px;
      margin-bottom:32px;
    }
    .tours-toolbar-left,
    .tours-toolbar-right{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .toolbar-city-search input{
      height:34px;
      min-width:180px;
      border-radius:100px;
      border:1.5px solid #e0e0de;
      background:#fff;
      color:#333;
      font:400 12px/1 "Glacial Indifference","Fira Sans",sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
      padding:0 14px;
      outline:none;
      transition:border-color .16s ease, color .16s ease;
    }
    .toolbar-city-search input::placeholder{
      color:#8a8a8a;
      opacity:1;
    }
    .toolbar-city-search input:hover,
    .toolbar-city-search input:focus{
      border-color:#000;
      color:#111;
    }
    .toolbar-filter{ position:relative; }
    .toolbar-filter-btn{
      height:34px;
      border-radius:100px;
      border:1.5px solid #e0e0de;
      background:#fff;
      color:#3f3f3f;
      font:400 12px/1 "Glacial Indifference","Fira Sans",sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
      padding:0 14px;
      cursor:pointer;
      transition:border-color .16s ease, color .16s ease, background .16s ease;
    }
    .toolbar-filter-btn:hover{
      border-color:#000;
      color:#000;
    }
    .toolbar-filter.open .toolbar-filter-btn{
      background:#000;
      color:#fff;
      border-color:#000;
    }
    .toolbar-filter-btn.has-filter{
      border-color:#000;
      color:#000;
    }
    .toolbar-filter-btn.has-filter::after{
      content:"";
      display:inline-block;
      width:6px;
      height:6px;
      border-radius:50%;
      background:#C5EF14;
      margin-left:8px;
      vertical-align:middle;
    }
    .toolbar-dropdown{
      position:absolute;
      top:calc(100% + 6px);
      left:0;
      z-index:200;
      background:#fff;
      border:1.5px solid #e0e0de;
      border-radius:16px;
      box-shadow:0 8px 32px rgba(0,0,0,.10);
      padding:8px 0;
      min-width:210px;
      opacity:0;
      transform:translateY(6px);
      visibility:hidden;
      pointer-events:none;
      transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    .toolbar-filter.open .toolbar-dropdown{
      opacity:1;
      transform:translateY(0);
      visibility:visible;
      pointer-events:auto;
    }
    .toolbar-filter--sort .toolbar-dropdown{
      left:auto;
      right:0;
    }
    .dd-option{
      display:flex;
      align-items:center;
      gap:10px;
      padding:9px 18px;
      font:400 12px/1.2 "Glacial Indifference","Fira Sans",sans-serif;
      color:#444;
      cursor:pointer;
    }
    .dd-option:hover{
      background:#f0f0ee;
      color:#000;
    }
    .dd-option input{
      width:13px;
      height:13px;
      margin:0;
      accent-color:#0a0a0a;
    }
    .toolbar-results-count{
      font:400 12px/1 "Glacial Indifference","Fira Sans",sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#6a6a6a;
      white-space:nowrap;
    }
    @media (max-width:900px){
      .tours-toolbar{
        flex-direction:column;
        align-items:stretch;
      }
      .tours-toolbar-right{
        justify-content:space-between;
      }
      .toolbar-city-search input{
        min-width:150px;
      }
      .tour-category-tray{
        padding:0 16px;
      }
    }

    .tour-place-row{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:12px;
      margin:0 0 .75rem;
      min-height:48px;
    }
    .tour-place-row .listing-sort-control{
      margin-left:auto;
    }
    .sort-text-mobile{
      display:none;
    }
    .sort-label-desktop{
      display:inline;
    }
    .sort-dropdown summary .sort-icon-svg{
      width:18px;
      height:18px;
      min-width:18px;
      flex:0 0 18px;
      display:inline-block;
      color:currentColor;
    }
    .filter-controls{
      display:flex;
      align-items:center;
      gap:0;
      position:relative;
    }
    .filter-btn{
      border:1px solid var(--line);
      background:#fff;
      color:#111;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      justify-content:center;
      padding:.38rem .78rem;
      cursor:pointer;
      transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
      margin-right:0;
      font-size:.78rem;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-weight:600;
      letter-spacing:normal;
      text-transform:none;
    }
    .filter-btn .filter-icon-svg{
      width:16px;
      height:16px;
      flex:0 0 16px;
      stroke-width:1.8;
      line-height:1;
    }
    .filter-btn:hover{
      transform:translateY(-1px);
      background:#f6f6f6;
      box-shadow:0 6px 14px rgba(0,0,0,.1);
    }
    .filter-btn:focus-visible{
      outline:2px solid #cde2de;
      outline-offset:2px;
    }
    .filter-btn.is-active{
      background:#C5EF14;
      border-color:#C5EF14;
      color:#000;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
    }
    .filter-popover{
      position:absolute;
      top:calc(100% + 10px);
      left:0;
      right:auto;
      width:min(92vw, 360px);
      z-index:40;
    }
    .filter-popover__inner{
      border:1px solid rgba(17,17,17,.14);
      border-radius:18px;
      background:linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
      box-shadow:0 18px 44px rgba(8,23,20,.18);
      padding:14px;
      backdrop-filter:blur(4px);
    }
    .filter-group{
      margin-bottom:.9rem;
    }
    .filter-group h4{
      margin:0 0 .4rem;
      font-size:.72rem;
      letter-spacing:.11em;
      text-transform:uppercase;
      color:#33453f;
      font-family:"Fira Sans",sans-serif;
    }
    .filter-option{
      display:flex;
      align-items:center;
      gap:.58rem;
      padding:.32rem .45rem;
      border-radius:10px;
      font-size:.9rem;
      border:1px solid #dee8e4;
      margin-bottom:.35rem;
      cursor:pointer;
      transition:border-color .2s ease, background .2s ease;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      background:#fff;
    }
    .filter-option:hover{
      border-color:#b9c8c2;
      background:#f8fcfb;
    }
    .filter-option input{
      margin:0;
    }
    .price-range{
      display:flex;
      flex-direction:column;
      gap:.4rem;
    }
    .price-range__track{
      position:relative;
      height:8px;
      border-radius:999px;
      background:#dde9e1;
      overflow:hidden;
    }
    .price-range__fill{
      position:absolute;
      top:0;
      bottom:0;
      left:0;
      right:0;
      border-radius:999px;
      background:#C5EF14;
      pointer-events:none;
      transition:left .15s ease, right .15s ease;
    }
    .price-range__input{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      margin:0;
      background:none;
      -webkit-appearance:none;
      appearance:none;
      pointer-events:auto;
    }
    .price-range__input::-webkit-slider-runnable-track,
    .price-range__input::-moz-range-track{
      width:100%;
      height:8px;
      background:transparent;
      border:none;
    }
    .price-range__input::-webkit-slider-thumb,
    .price-range__input::-moz-range-thumb{
      width:14px;
      height:14px;
      border-radius:50%;
      border:2px solid #fff;
      background:#111;
      box-shadow:0 2px 5px rgba(0,0,0,.22);
      cursor:pointer;
      position:relative;
    }
    .price-range__input--min{ z-index:1; }
    .price-range__input--max{ z-index:2; }
    .price-range__values{
      display:flex;
      justify-content:space-between;
      font-size:.72rem;
      letter-spacing:.07em;
      text-transform:uppercase;
      font-weight:700;
      color:#55625d;
    }
    .price-range__values span{
      font-size:.83rem;
      text-transform:none;
      letter-spacing:normal;
      font-weight:700;
    }
    .filter-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:.45rem;
      margin-top:.85rem;
    }
    .filter-action{
      border-radius:999px;
      border:1px solid #111;
      padding:.45rem .8rem;
      font-size:.7rem;
      letter-spacing:.09em;
      text-transform:uppercase;
      font-family:"Fira Sans",sans-serif;
      font-weight:700;
      cursor:pointer;
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .filter-action:hover{
      transform:translateY(-1px);
      box-shadow:0 6px 14px rgba(0,0,0,.1);
    }
    .filter-action--clear{
      background:#fff;
      color:#111;
    }
    .filter-action--apply{
      background:#111;
      color:#fff;
    }

    /* Filters */
    .listing-filters{
      display:flex;
      gap:var(--pill-gap);
      align-items:center;
      flex-wrap:wrap;
      margin:.25rem 0 .25rem;
      min-height:44px;
    }
    .pill{
      display:inline-flex; align-items:center; gap:.4rem;
      background:#050505;
      color:#fff;
      border:.5px solid #050505; border-radius:999px;
      padding:.45rem .8rem;
      font-weight:400; font-size:.9rem;
      letter-spacing:.02em;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      cursor:pointer;
      transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
      position:relative;
    }
    .pill:hover{ border-color:#050505; box-shadow:0 1px 0 rgba(0,0,0,.1) inset; }
    .pill.active{
      background:#C5EF14;
      border-color:#C5EF14;
      color:#050505;
      font-weight:700;
      box-shadow:0 6px 14px rgba(197,239,20,.28);
      padding-right:2.5rem;
    }
    .listing-filters .material-symbols-rounded{
      font-variation-settings:'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;
      font-size:18px; line-height:1;
    }
    .pill-more{ border-style:dashed; }
    .listing-filters .spacer{ flex:1 1 auto; }
    .listing-sort-control{ flex:0 0 auto; }
    .listing-subfilters{
      display:flex;
      align-items:center;
      gap:var(--pill-gap);
      margin:.25rem 0 .35rem;
      min-height:44px;
    }
    .listing-subfilters .pill-group{ flex:1 1 auto; }
    .listing-subfilters .listing-sort-control{ margin-left:auto; }
    .showing{ color:#3a3a3a; font-family:"Glacial Indifference","Fira Sans",sans-serif; letter-spacing:.01em; }
    .pill-group{ display:flex; gap:var(--pill-gap); flex-wrap:wrap; align-items:center; }
    .pill-group[hidden]{ display:none !important; }
    .pill-close{
      position:absolute; top:50%; right:8px;
      transform:translateY(-50%);
      background:transparent; color:currentColor;
      border:none;
      display:none; align-items:center; justify-content:center;
      font-size:22px; line-height:1;
      font-weight:900;
      pointer-events:auto; cursor:pointer;
    }
    .pill.active .pill-close{ display:flex; }
    .pill[data-kind="child"]{
      background:#fff;
      color:#050505;
      border-color:#050505;
    }
    .pill[data-kind="child"].active{
      background:#C5EF14;
      color:#050505;
      border-color:#C5EF14;
    }

    .city-articles .inspiration-more{
      display:flex;
      justify-content:flex-start;
      margin-top:8px;
    }
    .city-articles .paint-underline::after{
      background:#C5EF14;
    }
    .legend-mobile-toggle{
      display:none;
    }

    /* Fallback map height for listing pages if map.css loads late */
    #city-map-section #ml-map{
      min-height:520px;
    }

    @media (max-width:900px){
      #city-map-section #ml-map{
        min-height:480px;
      }
    }

    @media (max-width:900px){
      .map-section .map-and-panel{
        position:relative;
      }
      .map-section .map-and-panel .legend-panel{
        position:absolute;
        left:10px;
        right:10px;
        bottom:10px;
        z-index:22;
        width:auto;
        margin:0;
        padding:0;
        max-height:min(52vh, 360px);
        border-radius:14px;
        overflow:hidden;
      }
      .map-section .map-and-panel .legend-mobile-toggle{
        display:flex;
        width:100%;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        border:none;
        background:#fff;
        color:#1d2a27;
        padding:12px 14px;
        font:700 .95rem "Glacial Indifference","Fira Sans",sans-serif;
        cursor:pointer;
      }
      .map-section .map-and-panel .legend-mobile-toggle .material-symbols-rounded{
        font-size:20px;
      }
      .map-section .map-and-panel .legend-panel-body{
        max-height:260px;
        overflow:auto;
        padding:0 14px 12px;
      }
      .map-section .map-and-panel .legend-panel.is-collapsed .legend-panel-body{
        display:none;
      }
    }

    /* Grid */
    .listing-grid{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, var(--list-card)));
      gap:var(--list-gap);
      justify-content:space-between;
    }
    .listing-grid.is-load-stable{
      --tour-card-estimate:238px;
      min-height:calc((var(--tour-card-estimate) * 5) + (var(--list-gap) * 4));
      align-content:start;
    }
    .listing-grid .tour-card{
      width:var(--list-card);
      margin:0 !important;
      align-self:start;
      justify-self:start;
      max-width:100%;
    }
    .listing-grid .tour-card{
      transition:none;
    }
    .listing-grid .tour-card:hover{
      transform:none;
    }
    .listing-grid .tour-image-wrapper{
      position:relative;
      aspect-ratio:1/1;
      overflow:hidden;
      border-radius:16px;
      border:0;
      background:transparent;
      margin:0;
    }
    .listing-grid .tour-image-wrapper::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top, rgba(0,0,0,0.52) 0%, transparent 52%);
      pointer-events:none;
      z-index:1;
    }
    .listing-grid .tour-image-wrapper img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:0;
      transform:scale(1);
      transition:transform 1.6s ease;
      will-change:transform;
    }
    .listing-grid .tour-card:hover .tour-image-wrapper img{
      transform:scale(1.06);
    }
    .listing-grid .tour-image-meta{
      position:absolute;
      bottom:9px;
      left:10px;
      right:10px;
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      z-index:2;
      pointer-events:none;
    }
    .listing-grid .tour-city-meta,
    .listing-grid .tour-duration-meta{
      font-family:'Glacial Indifference','Fira Sans',sans-serif;
      font-size:12px;
      font-weight:700;
      color:rgba(255,255,255,0.92);
      letter-spacing:.04em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .listing-grid .tour-city-meta{
      display:inline-flex;
      align-items:center;
      gap:3px;
      margin-left:0;
      background:#C5EF14;
      color:#000;
      padding:2px 6px;
      border-radius:6px;
    }
    .listing-grid .tour-city-icon{
      width:16px;
      height:16px;
      flex-shrink:0;
      color:#000;
      filter:none;
    }
    .listing-grid .tour-city-icon path{
      fill:currentColor !important;
      stroke:none !important;
    }
    .listing-grid .tour-duration-meta{
      display:inline-flex;
      align-items:center;
      gap:4px;
      text-align:right;
      flex-shrink:0;
    }
    .listing-grid .tour-duration-icon{
      font-size:14px;
      line-height:1;
      flex-shrink:0;
    }
    .listing-grid .tour-sale-badge{
      position:absolute;
      top:10px;
      left:10px;
      z-index:2;
      background:#ff4d4d;
      color:#fff;
      font-family:'Glacial Indifference','Fira Sans',sans-serif;
      font-size:13px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.02em;
      line-height:1;
      padding:4px 9px;
      border-radius:100px;
      pointer-events:none;
    }
    .listing-grid .tour-card-content{
      padding:11px 12px 13px;
      display:flex;
      flex-direction:column;
      gap:5px;
    }
    .listing-grid .tour-title{
      font-family:'Fira Sans',sans-serif;
      font-size:13px;
      font-weight:700;
      line-height:1.3;
      color:#000;
      flex:1;
    }
    .listing-grid .tour-meta-row{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:6px;
      width:100%;
    }
    .listing-grid .tour-price{
      display:inline-flex;
      align-items:baseline;
      gap:3px;
    }
    .listing-grid .tour-price-label{
      font-family:'Glacial Indifference','Fira Sans',sans-serif;
      font-size:9px;
      font-weight:400;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:#999;
    }
    .listing-grid .tour-price-value{
      font-family:'Fira Sans',sans-serif;
      font-size:17px;
      font-weight:900;
      color:#000;
      line-height:1;
    }
    .listing-grid .tour-price-value.is-discounted{
      color:#ff4d4d;
    }
    .listing-grid .tour-price-was{
      margin-left:0;
      font-family:'Fira Sans',sans-serif;
      font-size:12px;
      font-weight:500;
      color:#999;
      text-decoration:line-through;
      line-height:1;
    }
    .listing-grid .tour-price-unit{
      font-family:'Glacial Indifference','Fira Sans',sans-serif;
      font-size:9px;
      font-weight:400;
      color:#999;
      line-height:1;
    }
    .listing-grid .tour-rating{
      display:inline-flex;
      align-items:center;
      gap:3px;
      margin-left:auto;
      flex-shrink:0;
    }
    .listing-grid .tour-rating .stars{
      color:#f0b429;
      font-size:11px;
      line-height:1;
    }
    .listing-grid .tour-rating-value{
      font-family:'Fira Sans',sans-serif;
      font-size:11px;
      font-weight:700;
      color:#000;
      line-height:1;
    }
    .listing-grid .tour-rating .review-count{
      font-family:'Glacial Indifference','Fira Sans',sans-serif;
      font-size:10px;
      font-weight:400;
      color:#999;
      line-height:1;
    }
    @media (max-width:480px){
      .listing-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        justify-content:stretch;
      }
      .listing-grid.is-load-stable{
        min-height:calc((var(--tour-card-estimate) * 13) + (var(--list-gap) * 12));
      }
      .listing-grid .tour-card{
        width:100%;
      }
      .listing-grid .tour-image-wrapper{
        height:160px;
        aspect-ratio:auto;
      }
      .listing-grid .tour-image-wrapper img{
        height:100%;
      }
      .listing-grid .tour-image-meta{
        bottom:8px;
        left:8px;
        right:8px;
        align-items:flex-end;
        gap:6px;
      }
      .listing-grid .tour-city-meta{
        font-size:10.5px;
        line-height:1.2;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        max-width:100%;
        word-break:break-word;
      }
      .listing-grid .tour-duration-meta{
        font-size:10.5px;
        position:absolute;
        top:34px;
        left:8px;
        right:auto;
        text-align:left;
        background:rgba(0,0,0,0.55);
        color:#fff;
        border-radius:999px;
        padding:2px 6px;
        line-height:1.1;
        letter-spacing:.02em;
        flex-shrink:0;
      }
    }
    .listing-grid-footer{ margin:1rem 0 2rem; width:100%; display:flex; justify-content:flex-end; gap:.45rem; align-items:center; min-height:24px; }
    .listing-grid-footer .showing-count{ font-weight:700; }
    .listing-grid-footer .showing-label{ font-weight:500; }
    .listing-loading{
      text-align:center;
      color:var(--muted,#5c6b68);
      font-weight:600;
      margin:1.25rem 0;
    }
    .tours-pagination{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:14px;
      margin:48px 0 0;
    }
    .tours-pagination[hidden]{ display:none; }
    .pagination-row{
      display:flex;
      align-items:center;
      gap:4px;
    }
    .pagination-btn{
      border:1.5px solid transparent;
      background:transparent;
      color:#444;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition:background .15s ease, border-color .15s ease, color .15s ease;
    }
    .pagination-page-btn{
      width:36px;
      height:36px;
      border-radius:8px;
      font-family:"Fira Sans",sans-serif;
      font-size:13px;
      font-weight:600;
    }
    .pagination-page-btn:hover{
      background:#f0f0ee;
      border-color:#e0e0de;
    }
    .pagination-page-btn.is-active{
      background:#C5EF14;
      color:#0a0a0a;
      border-color:#C5EF14;
      font-weight:700;
      pointer-events:none;
    }
    .pagination-numbers{
      display:inline-flex;
      align-items:center;
      gap:4px;
    }
    .pagination-ellipsis{
      width:36px;
      height:36px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-family:"Fira Sans",sans-serif;
      font-size:13px;
      color:#999;
      pointer-events:none;
    }
    .pagination-range{
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:11px;
      font-weight:400;
      text-transform:uppercase;
      letter-spacing:.1em;
      color:#999;
    }
    .pagination-btn--nav{
      height:36px;
      padding:0 14px;
      border-radius:100px;
      border-color:#e0e0de;
      background:#fff;
      color:#0a0a0a;
      font-family:"Glacial Indifference","Fira Sans",sans-serif;
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.1em;
      gap:6px;
    }
    .pagination-btn--nav:hover{
      border-color:#0a0a0a;
    }
    .pagination-btn:disabled{
      color:#ccc;
      border-color:#e0e0de;
      pointer-events:none;
    }
    .pagination-chevron{
      width:12px;
      height:12px;
      stroke:currentColor;
      stroke-width:1.8;
      fill:none;
    }


    /* rich text accents in listing descriptions */
    .listing-description strong { color: var(--teal, #52968B); font-weight: 700; }
    .listing-description .pill-ink { color: var(--ink, #1d2a27); font-weight: 700; }

    /* Make the children pill row break onto a new line and span full width */
#pillChildren {
  display: flex;         /* keep it a flex row of chips */
  gap: var(--pill-gap);
}

/* Ensure parent pills sit together on the first row */
#pillParents {
  display: flex;
  gap: var(--pill-gap);
  flex-wrap: wrap;
  min-height:44px;
}

.meta-nav{
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  margin-top:0;
  width:100%;
  height:var(--breadcrumb-height);
  padding:0 48px;
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(12px);
  border-top:none;
  z-index:1;
  display:flex;
  align-items:center;
  font-family:"Glacial Indifference","Fira Sans",sans-serif;
  font-size:11px;
  letter-spacing:.07em;
  font-weight:300;
}
.meta-nav::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:rgba(0,0,0,0.09);
  pointer-events:none;
}
.meta-nav__list{
  list-style:none;
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
}
.meta-nav__item{
  display:inline-flex;
  align-items:center;
}
.meta-nav a{
  color:#999;
  text-decoration:none;
  font-weight:300;
  transition:color .15s ease;
}
.meta-nav a:hover,
.meta-nav a:focus-visible{
  color:#0a0a0a;
}
.meta-nav__current{
  color:#0a0a0a;
  font-weight:700;
}
.meta-nav__sep{
  color:#e0e0de;
  font-size:10px;
  margin:0 8px;
  user-select:none;
}
.meta-nav__sep-item{
  user-select:none;
  pointer-events:none;
}


@media (max-width:720px){
  .tour-place-row{
    gap:10px;
    margin:0 0 .5rem;
  }
  .sort-text-desktop,
  .sort-label-desktop{
    display:none;
  }
  .sort-text-mobile{
    display:inline;
    order:1;
  }
  .sort-dropdown summary .sort-icon-svg{
    width:16px;
    height:16px;
    min-width:16px;
    flex-basis:16px;
    order:2;
  }
  .listing-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .listing-filters::-webkit-scrollbar{ display:none; }
  .listing-filters .spacer{ display:none; }
  #pillParents{
    flex-wrap:nowrap;
  }
  .listing-filters .pill,
  #pillParents .pill,
  #pillChildren .pill{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .listing-subfilters{
    display:block;
  }
  #pillChildren{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  #pillChildren::-webkit-scrolsting-sort-control{
    margin-top:.45rem;
    margin-left:0;
  }
}


:root{
  --ink:#1d2a27;--muted:#5c6b68;--line:#e3ece9;--chip:#eef3f2;--chip-ink:#355752;
  --accent:#FF8C00;--teal:#52968B;--bg:#FFFFFF;--forest:#52968B;
  --padY:clamp(12px,1.6vw,18px);--padX:clamp(14px,2.2vw,22px);
  --gap:12px;--card-min-h:112px;--media-h:clamp(150px,22vh,190px);
  --shape-tilt:-.8deg;--text-tilt:0deg;--text-nudge-y:0px;
}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Fira Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

.slide.ops{--media-h:clamp(150px,18vh,170px)}
@media (min-width:901px){.slide.ops{--gap:10px}}

/* Match Tours page pill close spacing/placement exactly on listing */
.listing-wrap #pillParents .pill.active{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#000 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.listing-wrap #pillChildren .pill.active{
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.listing-wrap #pillParents .pill .pill-close,
.listing-wrap #pillChildren .pill .pill-close{
  top:-1px !important;
  right:10px !important;
  transform:none !important;
}
.listing-wrap #pillParents .pill.active .pill-label,
.listing-wrap #pillChildren .pill.active .pill-label{
  margin-right:.35rem;
}
@media (max-width: 768px){
  .city-articles .inspiration-more > a.view-all.view-all-pill.view-all-pill-tours,
  .city-articles .inspiration-side > a.view-all.view-all-pill.view-all-pill-tours{
    display:inline-flex !important;
    inline-size:max-content !important;
    width:auto !important;
    max-width:max-content !important;
    flex:0 0 auto !important;
  }
}

.city-articles .inspiration-heading{
  font-family:'Fira Sans', system-ui, -apple-system, sans-serif;
  font-size:clamp(30px, 3.4vw, 38px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:0;
  white-space:nowrap;
}

/* Listing article cards: match updated Tours card treatment */
.city-articles .inspired-layout{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
  align-items:stretch;
}
.city-articles .mini-column{
  width:auto;
  display:block;
}
.city-articles .mini-column .mini-article,
.city-articles .mini-article{
  height:auto;
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  border:1.5px solid #e0e0de;
  background:#fff;
  box-shadow:none;
  transition:box-shadow .3s ease, transform .3s ease;
}
.city-articles .mini-article:hover{
  box-shadow:0 12px 40px rgba(0,0,0,.09);
  transform:translateY(-2px);
}
.city-articles .mini-article-link{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.city-articles .mini-article-image{
  position:relative;
  height:auto;
  border-radius:0;
  overflow:hidden;
}
.city-articles .mini-article-image::before{
  content:none;
}
.city-articles .mini-article-image img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .6s ease;
}
.city-articles .mini-article:hover .mini-article-image img{
  transform:scale(1.04);
}
.city-articles .mini-article-caption{
  position:static;
  inset:auto;
  z-index:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 22px 20px;
  background:#fff;
}
.city-articles .caption-bottom-left{
  justify-content:flex-start;
  align-items:stretch;
}
.city-articles .mini-article-caption .article-destination{
  margin:0 0 2px;
  color:#ff4d4d;
  font-family:'Glacial Indifference','Fira Sans',sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1;
  text-transform:uppercase;
}
.city-articles .mini-article-title{
  margin:0;
  color:#000;
  font-family:'Fira Sans',sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:0;
}
.city-articles .mini-column .mini-article-title{
  font-size:15px;
}
.city-articles .mini-article-title strong,
.city-articles .mini-article-title span,
.city-articles .mini-article-title .mini-article-title-highlight,
.city-articles .mini-article-title .mini-article-title-light,
.city-articles .mini-article-title .lapa-accent{
  color:#000 !important;
}
.city-articles .mini-article-body{
  margin:0;
  color:#444;
  font-family:'Glacial Indifference','Fira Sans',sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1.7;
  flex:1;
}
.city-articles .article-read-more{
  display:none;
}
.city-articles .mini-article-caption .article-meta{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e0e0de;
  color:#999;
  font-family:'Glacial Indifference','Fira Sans',sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.city-articles .mini-article-caption .dot{
  background:#999;
  opacity:1;
}
@media (max-width: 1100px){
  .city-articles .inspired-layout{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 860px){
  .city-articles .inspired-layout{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  .city-articles .inspired-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 768px){
  .city-articles .browse-articles-inner{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
  }
  .city-articles .head{
    display:contents;
  }
  .city-articles .inspiration-heading-group{
    order:1;
  }
  .city-articles .inspired-layout{
    order:2;
  }
  .city-articles .inspiration-side,
  .city-articles .inspiration-more{
    order:3;
    width:100%;
    display:flex;
    justify-content:flex-start;
    margin-top:4px;
  }
  .city-articles .inspiration-side{
    position:static;
  }
  .city-articles .inspiration-side .view-all-pill,
  .city-articles .inspiration-more .view-all-pill{
    position:static;
    top:auto;
    left:auto;
    transform:none;
    width:auto;
    max-width:max-content;
    flex:0 0 auto;
    display:inline-flex;
    align-self:flex-start;
  }
}
@media (max-width: 768px){
  .city-articles .inspiration-more > .view-all-pill,
  .city-articles .inspiration-side > .view-all-pill{
    display:inline-flex !important;
    width:fit-content !important;
    max-width:none !important;
    flex:0 0 auto !important;
    align-self:flex-start !important;
    white-space:nowrap;
  }
  .city-articles .inspiration-more > .view-all-pill > span,
  .city-articles .inspiration-side > .view-all-pill > span{
    display:inline !important;
    width:auto !important;
  }
}

/* Listing article header + CTA parity with tours page */
.city-articles .inspiration-subhead{
  margin:0;
  max-width:540px;
  color:var(--muted);
  font-family:"Glacial Indifference","Fira Sans",sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  text-align:left;
}
.city-articles .inspiration-side{
  display:flex;
  flex-direction:column;
}
.city-articles .inspiration-side > a.view-all.view-all-pill.view-all-pill-tours{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  padding:6px 16px;
  border:1px solid #000;
  border-radius:999px;
  background:transparent;
  color:#000;
  font:600 12px "Glacial Indifference","Fira Sans",sans-serif;
  text-decoration:none;
  white-space:nowrap;
}
.city-articles .inspiration-side > a.view-all.view-all-pill.view-all-pill-tours::after{
  content:"→";
  margin-left:10px;
  font-size:13px;
  color:#000;
}
@media (min-width: 769px){
  .city-articles .head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    column-gap:20px;
    row-gap:2px;
    align-items:end;
  }
  .city-articles .inspiration-heading-group{
    display:contents;
  }
  .city-articles .inspiration-heading-row{
    grid-column:1 / -1;
  }
  .city-articles .inspiration-subhead{
    grid-column:1;
  }
  .city-articles .inspiration-side{
    grid-column:2;
    grid-row:2;
    align-self:end;
    justify-self:end;
    margin-top:0;
  }
  .city-articles .inspired-layout{
    margin-top:10px;
  }
}
@media (max-width: 768px){
  .city-articles .inspiration-side > a.view-all.view-all-pill.view-all-pill-tours{
    position:static;
    top:auto;
    left:auto;
    border-color:#000;
    background:#000;
    color:#fff;
    padding:6px 16px;
  }
  .city-articles .inspiration-side > a.view-all.view-all-pill.view-all-pill-tours::after{
    content:none;
  }
  .city-articles{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .city-articles .browse-articles-inner{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box;
  }
  .city-articles .inspired-layout{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

/* Match Cities/Tours section heading thickness on listing */
#city-map-section .map-title{
  font-weight:800;
}
#city-map-section .map-title-thin{
  font-weight:800;
}