:root{
  --cream:#f4efe8;--cream2:#fffaf5;--ink:#12213d;--muted:#687487;
  --orange:#ff6500;--green:#0aa264;--blue:#1767b1;--border:#e7ded4;--white:#fff;
  --shadow:0 8px 24px rgba(18,33,61,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ebe6df;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,select{font:inherit}
.app{width:100%;min-height:100vh;background:var(--cream2)}
.top{
  height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;
  border-bottom:1px solid var(--border);background:rgba(255,250,245,.96);position:sticky;top:0;z-index:20
}
.brand{font-weight:800;letter-spacing:.08em;font-size:.95rem}.brand span{color:var(--orange)}
.hero{
  padding:30px 20px 58px;
  background:
    linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.80) 50%,rgba(244,239,232,.18)),
    url("/assets/hero-generic.png?v=20260824-1755") center/cover no-repeat;
}
.hero h1{font-family:Georgia,serif;font-size:42px;line-height:.95;margin:0}
.hero h1 em{color:var(--orange);font-weight:400}
.hero p{max-width:380px;line-height:1.5;margin-bottom:0}
.filter{
  margin:-32px 14px 18px;background:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow)
}
.filter label{font-size:14px;font-weight:700;display:block;margin-bottom:7px}
.filter select,.filter button{width:100%;min-height:48px;border-radius:11px}
.filter select{border:1px solid var(--border);padding:0 12px;background:#fff;margin-bottom:12px}
.toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.toggle button{border:1px solid var(--border);background:#fff;color:var(--ink)}
.toggle .active{border-color:var(--orange);color:var(--orange);background:#fff2e8}
.filter .show{border:0;background:var(--orange);color:#fff;font-weight:800}
.info{margin-top:12px;padding:11px;background:#eef6ff;color:#2a5c92;border-radius:10px;font-size:13px;line-height:1.45}
.chips{display:flex;gap:8px;overflow:auto;padding:0 14px 8px;scrollbar-width:none}
.chip{white-space:nowrap;background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 13px;font-size:13px}
.chip.active{color:var(--orange);border-color:var(--orange)}
main{padding:16px 14px 90px}
h2{font-family:Georgia,serif;font-size:28px;margin:6px 0}
h2 span{color:var(--orange)}
.legend{font-size:12px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 16px}
.cards{display:grid;gap:14px}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 5px 16px rgba(0,0,0,.05)}
.img{
  height:190px;background:linear-gradient(135deg,#f8b36f,#ff7620);
  position:relative;background-size:cover;background-position:center
}
.badge{position:absolute;left:10px;top:10px;color:#fff;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:800}
.pickup,.near{background:var(--green)}.easy{background:var(--orange)}.trip,.check{background:var(--blue)}
.body{padding:15px}.body h3{font-family:Georgia,serif;font-size:22px;margin:0 0 7px}
.desc{color:var(--muted);font-size:14px;line-height:1.45}
.meta{display:grid;gap:6px;font-size:13px;line-height:1.4}.meta strong{color:var(--green)}
.book{width:100%;margin-top:14px;padding:12px;border:1px solid var(--orange);border-radius:10px;background:#fff;color:var(--orange);font-weight:800}
.note{margin-top:18px;background:#fff3e8;border:1px solid #ffd4b4;border-radius:13px;padding:13px;font-size:12px;line-height:1.5;color:#76523c}
.state{text-align:center;color:var(--muted);padding:28px}
.bottom{
  position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid var(--border);
  display:flex;justify-content:space-around;padding:10px;z-index:30
}
.bottom a{text-decoration:none;color:var(--ink);font-size:12px;text-align:center}.bottom .active{color:var(--orange)}

@media(min-width:760px){
  .app{max-width:1180px;margin:24px auto;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px rgba(18,33,61,.13)}
  .top{padding:0 28px}
  .hero{padding:54px 48px 88px;min-height:330px}
  .hero h1{font-size:64px}
  .filter{margin:-44px 36px 22px;padding:22px;display:grid;grid-template-columns:1.3fr 1fr .75fr;gap:14px;align-items:end}
  .filter label{margin-bottom:7px}
  .filter select{margin-bottom:0}
  .filter .block-location{grid-column:1}
  .filter .block-pickup{grid-column:2}
  .filter .show{grid-column:3}
  .filter .info{grid-column:1/-1;margin-top:0}
  .chips{padding:0 36px 8px}
  main{padding:20px 36px 110px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .card{display:grid;grid-template-rows:auto 1fr}
  .img{height:220px}
  .bottom{left:50%;transform:translateX(-50%);max-width:1180px;border-radius:0 0 24px 24px}
}

@media(min-width:1100px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero{min-height:360px}
}


.menu-btn{border:0;background:transparent;font-size:28px;color:var(--ink);padding:6px;cursor:pointer}
.menu-panel{
  display:none;
  position:fixed;
  top:68px;
  left:0;
  right:0;
  z-index:35;
  background:#fffaf5;
  border-bottom:1px solid var(--border);
  box-shadow:0 10px 24px rgba(18,33,61,.10);
  padding:12px 18px 16px;
}
.menu-panel.open{display:block}
.menu-panel a{
  display:block;
  padding:12px 4px;
  color:var(--ink);
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid var(--border);
}
.menu-panel a:last-child{border-bottom:0}


/* Filtros siempre clicables en móvil y PC */
.chips{position:relative;z-index:25;pointer-events:auto}
.chip{appearance:none;-webkit-appearance:none;cursor:pointer;pointer-events:auto;user-select:none;font-family:inherit;color:var(--ink)}
.chip:hover{border-color:var(--orange);color:var(--orange)}
.chip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* Ubicación y precio más visibles */
.location-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.location-row span{color:var(--muted)}
.location-row strong{font-size:15px;font-weight:800;color:var(--ink)}
.price-row{margin-top:5px;padding-top:8px;border-top:1px solid var(--border);font-size:14px}
.price-row span{color:var(--muted);margin-right:4px}
.price-row strong{color:var(--orange);font-size:20px;line-height:1}


/* v4: generic mixed home + category modes */
.hero-generic{
  background:
    linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.80) 50%,rgba(244,239,232,.18)),
    url("/assets/hero-generic.png?v=20260824-1755") center/cover no-repeat;
}
.hero-couples{
  background:
    linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.80) 50%,rgba(244,239,232,.12)),
    url("/assets/hero-couples.png?v=20260824-1755") center/cover no-repeat;
}
.hero-families{
  background:
    linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.76) 48%,rgba(244,239,232,.08)),
    url("/assets/hero-family.jpg?v=20260824-1755") center/cover no-repeat;
}
.category-switch{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:14px 14px 4px;
  scrollbar-width:none;
}
.category-switch::-webkit-scrollbar{display:none}
.category-pill{
  white-space:nowrap;
  border:1px solid var(--border);
  background:#fff;
  color:var(--ink);
  border-radius:999px;
  padding:10px 15px;
  font-weight:700;
  cursor:pointer;
}
.category-pill.active{
  border-color:var(--orange);
  color:var(--orange);
  background:#fff2e8;
}
.square-ad-wrap{
  display:flex;
  justify-content:center;
  padding:18px 14px;
}
.square-ad{
  width:300px;
  height:300px;
  flex:0 0 300px;
  border:0;
  border-radius:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.square-ad img{
  width:300px;
  height:300px;
  display:block;
  object-fit:cover;
}
.ad-placeholder{
  padding:22px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.ad-placeholder strong{
  display:block;
  color:var(--ink);
  font-size:15px;
}
.family-line{color:var(--muted)}
.family-line strong{color:var(--ink)}


/* v4.1 — Main audience selector clearly separated from secondary filters */
.category-switch{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:16px 14px 8px;
  padding:6px;
  background:#10213d;
  border-radius:15px;
  overflow:visible;
}
.category-pill{
  min-height:46px;
  padding:10px 8px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.1px;
  cursor:pointer;
}
.category-pill.active{
  background:#fff;
  color:#10213d;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
  border:0;
}

/* Secondary filters remain light, smaller and horizontally scrollable */
#experienceFilters{
  margin-top:4px;
  padding-top:7px;
  padding-bottom:10px;
  border-bottom:1px solid var(--border);
}
#experienceFilters .chip{
  font-size:13px;
  font-weight:600;
}
#experienceFilters .chip.active{
  font-weight:800;
}

@media(min-width:760px){
  .category-switch{
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
  }
}

.hero-adventure{
  background:
    linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.78) 48%,rgba(244,239,232,.08)),
    url("/assets/hero-adventure.jpg?v=20260824-1755") center/cover no-repeat;
}
.adventure-line{margin-top:2px;font-size:13px}.adventure-line.easy{color:#148a57}.adventure-line.moderate{color:#c56c00}.adventure-line.high{color:#b12f2f}.adventure-line strong{font-weight:800}
.category-switch{grid-template-columns:repeat(4,1fr)}.category-pill{font-size:13px;padding-left:6px;padding-right:6px}@media(max-width:430px){.category-pill{font-size:12px}}


/* v5.1 - Secondary filter visibility fix */
#experienceFilters .chip.active{
  background:#10213d !important;
  color:#fff !important;
  border-color:#10213d !important;
}
#experienceFilters .chip.active:hover{
  color:#fff !important;
  border-color:#10213d !important;
}


/* v5.2 - Fix collision with generic .easy badge class */
.adventure-line.easy,
.adventure-line.moderate,
.adventure-line.high{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  display:block;
}
.adventure-line.easy{color:#148a57 !important}
.adventure-line.moderate{color:#c56c00 !important}
.adventure-line.high{color:#b12f2f !important}


/* v6 - Sea & Boats */
.hero-sea{
  background:
    linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.76) 48%,rgba(244,239,232,.06)),
    url("/assets/hero-sea.jpg?v=20260824-2005") center/cover no-repeat;
}

/* Five main sections: keep the navy selector clear on mobile */
.category-switch{
  grid-template-columns:repeat(5,1fr);
  max-width:720px;
}
@media(max-width:620px){
  .category-switch{
    display:flex;
    overflow-x:auto;
    gap:6px;
    justify-content:flex-start;
    scrollbar-width:none;
  }
  .category-switch::-webkit-scrollbar{display:none}
  .category-pill{
    flex:0 0 auto;
    min-width:92px;
    padding-left:10px;
    padding-right:10px;
  }
}


/* v6.1 - Main category layout: 3 on first row, 2 on second row */
.category-switch{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:8px !important;
  overflow:visible !important;
  max-width:720px;
}

/* Row 1: All / Couples / Families */
.category-switch .category-pill:nth-child(1),
.category-switch .category-pill:nth-child(2),
.category-switch .category-pill:nth-child(3){
  grid-column:span 2;
}

/* Row 2: Adventure / Sea & Boats */
.category-switch .category-pill:nth-child(4),
.category-switch .category-pill:nth-child(5){
  grid-column:span 3;
}

.category-switch .category-pill{
  width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.15;
}

@media(min-width:760px){
  .category-switch{
    grid-template-columns:repeat(5,1fr) !important;
    max-width:760px;
  }
  .category-switch .category-pill:nth-child(1),
  .category-switch .category-pill:nth-child(2),
  .category-switch .category-pill:nth-child(3),
  .category-switch .category-pill:nth-child(4),
  .category-switch .category-pill:nth-child(5){
    grid-column:span 1;
  }
}

/* v7 Nature + 3 ad slots */
.hero-nature{background:linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.76) 48%,rgba(244,239,232,.06)),url("hero-nature.jpg") center/cover no-repeat}
.square-ad img{display:block;width:300px;height:300px;object-fit:cover;border-radius:18px}
.ad-link{display:block;width:300px;height:300px}
.ad-middle{margin-top:18px;margin-bottom:22px}
@media(max-width:759px){
.category-switch{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;overflow:visible!important}
.category-switch .category-pill:nth-child(1),.category-switch .category-pill:nth-child(2),.category-switch .category-pill:nth-child(3){grid-column:span 2}
.category-switch .category-pill:nth-child(4),.category-switch .category-pill:nth-child(5),.category-switch .category-pill:nth-child(6){grid-column:span 2}
}
@media(min-width:760px){.category-switch{grid-template-columns:repeat(6,1fr)!important;max-width:900px!important}.category-switch .category-pill{grid-column:span 1!important}}

/* v7.2 — Advertising blocks match the width of an experience card */
.square-ad-wrap{
  padding:18px 14px;
}
.square-ad{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  flex:0 0 auto;
}
.square-ad img,
.ad-link{
  width:100%;
  height:100%;
}
.square-ad img{
  object-fit:cover;
}
@media(min-width:760px){
  .square-ad-wrap{padding-left:36px;padding-right:36px}
  .square-ad{width:calc((100% - 72px - 18px) / 2)}
}
@media(min-width:1100px){
  .square-ad{width:calc((100% - 72px - 36px) / 3)}
}

/* v7.3 — live affiliate advertising */
.affiliate-ad{overflow:hidden;border-style:solid}
.ad-network-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}
.ad-network-inner h4{margin:8px 0 4px;font-size:12px;letter-spacing:.08em;color:var(--muted)}
.tradetracker-ad > div,.tradetracker-ad iframe,.tradetracker-ad img{max-width:100%!important}
.adsense-ad .adsbygoogle{width:100%!important;max-width:100%;}

/* v7.4 — advertising without visible container/frame */
.square-ad,
.affiliate-ad{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
}

/* v7.5 — definitive clean advertising containers */
.square-ad-wrap{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;}
.square-ad,.affiliate-ad,.tradetracker-ad,.adsense-ad,.ad-network-inner{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
.square-ad:before,.square-ad:after,.affiliate-ad:before,.affiliate-ad:after{content:none!important;display:none!important;}
\n\n/* v7.6 — mobile layout recovery + full-width top transfer */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app,.top,.hero,.filter,.category-switch,.chips,main,#experiences,.cards{max-width:100%}
.top-transfer-wrap{width:100%;padding:0!important;margin:0!important;display:block!important}
.top-transfer-ad{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;display:block!important}
.top-transfer-ad .ad-link{width:100%!important;height:auto!important;display:block!important}
.top-transfer-ad img{width:100%!important;height:auto!important;max-width:none!important;display:block!important;object-fit:contain!important;border-radius:0!important}
.affiliate-ad{max-width:100%!important;min-width:0!important}
.tradetracker-ad,.adsense-ad,.ad-network-inner{max-width:100%!important;min-width:0!important;overflow:hidden!important}
.tradetracker-ad iframe,.tradetracker-ad img,.tradetracker-ad > div{max-width:100%!important}
@media(max-width:759px){
  .app{width:100%!important;min-width:0!important}
  main{width:100%!important;padding-left:14px!important;padding-right:14px!important}
  .cards{width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .card{width:100%!important;min-width:0!important}
  .category-switch{width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important}
  .chips{width:100%!important}
  .square-ad-wrap:not(.top-transfer-wrap){width:100%!important;padding-left:0!important;padding-right:0!important}
  .square-ad-wrap:not(.top-transfer-wrap) .square-ad{width:100%!important;max-width:100%!important}
}
@media(min-width:760px){
  .top-transfer-wrap{padding:18px 36px!important;display:flex!important;justify-content:center!important}
  .top-transfer-ad{width:calc((100% - 72px - 18px) / 2)!important;aspect-ratio:1/1!important}
  .top-transfer-ad .ad-link,.top-transfer-ad img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:18px!important}
}
@media(min-width:1100px){
  .top-transfer-ad{width:calc((100% - 72px - 36px) / 3)!important}
}

/* v7.7 — hard mobile-width fix: prevents any ad/widget from making the page render as desktop */
@media (max-width:759px){
  html,body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body{margin:0!important;}
  .app{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .top,.hero,.filter,.top-transfer-wrap,.category-switch,.chips,main,#experiences,.cards{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .top-transfer-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .top-transfer-ad,
  .top-transfer-ad .ad-link,
  .top-transfer-ad img{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .top-transfer-ad{
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .top-transfer-ad img{
    height:auto!important;
    object-fit:contain!important;
  }
  .category-switch{
    width:calc(100% - 28px)!important;
    margin-left:14px!important;
    margin-right:14px!important;
  }
  main{
    display:block!important;
    padding-left:14px!important;
    padding-right:14px!important;
    overflow:hidden!important;
  }
  .cards{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  .card{width:100%!important;min-width:0!important;max-width:100%!important;}

  /* Affiliate widgets are isolated so fixed-size creative code cannot enlarge the page */
  .square-ad-wrap:not(.top-transfer-wrap){
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  .square-ad-wrap:not(.top-transfer-wrap) .square-ad{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  .tradetracker-ad,.adsense-ad,.ad-network-inner{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  .tradetracker-ad > *,
  .tradetracker-ad iframe,
  .tradetracker-ad img,
  .tradetracker-ad table,
  .adsense-ad > *,
  .adsense-ad iframe,
  .adsense-ad ins{
    max-width:100%!important;
  }
}

/* v7.9 — restore original centred desktop shell without touching mobile */
@media (min-width:760px){
  .app{
    width:100% !important;
    max-width:1180px !important;
    margin:24px auto !important;
  }
  .top,.hero,.filter,.top-transfer-wrap,.category-switch,.chips,main,#experiences,.cards{
    max-width:none;
  }
  main{
    width:auto !important;
    padding-left:36px !important;
    padding-right:36px !important;
  }
  .bottom{
    width:100% !important;
    max-width:1180px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}

/* v7.10 — 10px extra separation between Private Transfer ad and category menu */
.category-switch{margin-top:10px !important;}


/* Food & Wine — seventh main category */
.hero-food-wine{
  background:linear-gradient(90deg,rgba(244,239,232,.96),rgba(244,239,232,.78) 48%,rgba(244,239,232,.08)),url("hero-generic.png") center/cover no-repeat;
}
@media(max-width:759px){
  .category-switch{grid-template-columns:repeat(6,1fr)!important;}
  .category-switch .category-pill:nth-child(1),
  .category-switch .category-pill:nth-child(2),
  .category-switch .category-pill:nth-child(3){grid-column:span 2!important;}
  .category-switch .category-pill:nth-child(4),
  .category-switch .category-pill:nth-child(5),
  .category-switch .category-pill:nth-child(6),
  .category-switch .category-pill:nth-child(7){grid-column:span 3!important;}
}
@media(min-width:760px){
  .category-switch{grid-template-columns:repeat(7,1fr)!important;max-width:1040px!important;}
  .category-switch .category-pill{grid-column:span 1!important;}
}

/* 2026-09-02 — Main category menu: All centered + two-column pairs on mobile */
@media(max-width:759px){
  .category-switch{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .category-switch .category-pill{
    grid-column:span 1!important;
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .category-switch .category-pill:nth-child(1){
    grid-column:1 / -1!important;
  }
}

/* 2026-09-02 — Larger main-category typography now that mobile uses two columns */
@media(max-width:759px){
  .category-switch .category-pill{
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.2!important;
    min-height:48px!important;
    padding:11px 8px!important;
  }
  .category-switch .category-pill:nth-child(1){
    font-size:17px!important;
  }
}

/* Launch: reserve bottom navigation bar without options for now */
.bottom-placeholder{
  min-height:52px !important;
  display:block !important;
}


/* 2026-09-02 — slim fixed Private Transfer banner */
.bottom-transfer-banner{
  min-height:0 !important;
  padding:0 !important;
  background:#fff !important;
  border-top:1px solid var(--border) !important;
  display:block !important;
}
.bottom-transfer-banner .bottom-transfer-link{
  display:block !important;
  width:100% !important;
  padding:9px 14px calc(9px + env(safe-area-inset-bottom)) !important;
  background:var(--blue) !important;
  color:#fff !important;
  text-align:center !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
}


/* 2026-09-02 — slightly taller fixed transfer banner */
.bottom-transfer-banner .bottom-transfer-link{
  padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
}

/* SEO launch: useful crawlable introduction without competing with the experience cards */
.seo-intro{max-width:900px;margin:0 auto 14px;padding:0 2px;color:#4b5563;line-height:1.55;font-size:14px}
.seo-intro p{margin:0}
@media(max-width:759px){.seo-intro{font-size:13.5px;margin-bottom:12px}}


/* SEO category introduction: compact editorial card */
.seo-intro{position:relative;display:flex;max-width:900px;margin:4px auto 18px;padding:16px 18px 16px 20px;background:#faf7f2;border:1px solid rgba(16,42,67,.08);border-radius:16px;box-shadow:0 4px 16px rgba(16,42,67,.05);color:#475569;line-height:1.55;font-size:14px;overflow:hidden}
.seo-intro-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:#e48700}
.seo-intro-content{min-width:0}
.seo-intro h2{margin:0 0 5px;color:#102a43;font-size:17px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.seo-intro p{margin:0!important}
.seo-intro strong{color:#243b53;font-weight:700}
@media(max-width:759px){.seo-intro{margin:4px 0 14px;padding:13px 14px 13px 17px;border-radius:13px;font-size:13.5px;line-height:1.48}.seo-intro h2{font-size:16px;margin-bottom:4px}}