/* Overview A-D only. Small-screen DOM and styles remain unchanged. */
@media (min-width:1024px){
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-day-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/3.2);gap:22px;align-items:stretch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:0;scrollbar-width:none;scrollbar-color:#8b5961 #eee7dc;padding:4px 0 14px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-route{display:flex;flex-direction:column;min-width:0;padding:0 0 18px;border:1px solid #e9e0d4;border-radius:14px;background:#fffdf9;box-shadow:0 2px 6px rgba(64,39,24,.025);scroll-snap-align:start}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips :is(.fbc-overview-lead,.fbc-overview-copy,.fbc-overview-title-row,.fbc-provence-overview-booking){display:contents}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-hero{order:0;flex:none;width:100%;aspect-ratio:16/9;margin:0 0 16px;border-radius:0;overflow:hidden}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-hero img{width:100%;height:100%;object-fit:cover;transition:transform 220ms ease}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-route:hover .fbc-overview-hero img{transform:scale(1.02)}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-letter{order:1;flex:none;align-self:flex-start;width:30px;height:30px;margin:0 18px 10px;border-radius:6px;font-size:18px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-route-title{order:2;min-height:2.9em;margin:0 18px 10px;font-size:20px;line-height:1.45;font-weight:600}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-day-meta{order:3;display:flex;flex-wrap:nowrap;margin:0 18px 10px;font-size:13px;line-height:1.6}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-meta-dot{margin-inline:6px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-intro{order:4;min-height:5.1em;margin:0 18px 12px;font-size:14px;line-height:1.7}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-provence-overview-season{order:5;margin:0 18px 14px;padding:0;border:0;background:none;font-size:12px;line-height:1.65}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-provence-overview-season :is(strong,span){display:block}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-provence-overview-prices{order:6;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:auto 18px 8px;padding-top:6px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-provence-overview-prices>div{padding:8px 3px;border:1px solid #ebe1d3;border-radius:8px;background:#fff}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-provence-overview-prices dt{font-size:12px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-provence-overview-prices dd{margin:2px 0 0;font-size:19px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-price-note{order:7;margin:auto 18px 8px;font-size:12px;line-height:1.6}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-consult{order:8;align-self:flex-start;width:auto;min-height:22px;margin:0 18px 10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--overview-wine,#861b26);font-size:12px;font-weight:500;line-height:1.8;text-decoration:underline;text-underline-offset:3px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-detail{order:9;width:auto;min-height:44px;margin:0 18px;padding:9px 12px;border:1px solid #ad9163;border-radius:8px;background:#861b26;box-shadow:none;color:#fffaf0;font-size:14px;line-height:1.6}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-detail::before{content:none;animation:none}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-detail:hover{background:#3b2423}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-desktop-route-controls{order:3;display:flex;flex:none;align-items:center;gap:8px}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-desktop-route-controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #c6b18b;border-radius:50%;background:#fffdf9;color:#861b26;font:400 23px/1 Georgia,serif;cursor:pointer;transition:background 220ms ease,color 220ms ease}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-desktop-route-controls button:hover:not(:disabled){background:#861b26;color:#fffaf0}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-desktop-route-controls button:disabled{opacity:.35;cursor:default}
body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-day-grid:focus-visible{outline:2px solid #a98545;outline-offset:4px}
}
@media (min-width:1024px) and (max-width:1199px){body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-route-title{min-height:4.35em}}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-day-grid{scroll-behavior:auto}body.page-id-30 #fbc-provence-tourism #fbc-provence-day-trips .fbc-overview-hero img{transition:none}}

/* Homepage cue reused verbatim; only the scope and actual scroll position differ. */
@media (min-width:1024px){
/*
 * FAGUOBAOCHE — 首页热门景点 / 手机版底部滑动提示
 * Scope: shared desktop/mobile cue. No global selectors.
 * Design: warm ivory + burgundy + champagne-gold moving gradient.
 */


  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue {
    --fbc-ivory: #FFF9F1;
    --fbc-burgundy: #8F1833;
    --fbc-burgundy-deep: #5E0F23;
    --fbc-gold: #C8A96B;
    --fbc-gold-deep: #9E7C3A;
    --fbc-gold-light: #F2D99A;
    --fbc-ink: #6A2433;

    width: min(88vw, 430px);
    margin: 18px auto 22px;
    display: grid;
    gap: 11px;
    justify-items: center;
  }

  /* Decorative progress rail: visually echoes the site's burgundy/gold palette. */
  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__rail {
    position: relative;
    width: min(72vw, 340px);
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(75, 43, 35, 0.16);
    box-shadow:
      inset 0 1px 2px rgba(77, 45, 35, 0.10),
      0 1px 0 rgba(255, 255, 255, 0.75);
  }

  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__rail::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 34%;
    border-radius: inherit;
    background: linear-gradient(
      90deg,
      var(--fbc-burgundy-deep) 0%,
      var(--fbc-burgundy) 30%,
      var(--fbc-gold) 66%,
      var(--fbc-gold-light) 100%
    );
    background-size: 220% 100%;
    box-shadow:
      0 0 8px rgba(143, 24, 51, 0.14),
      0 0 10px rgba(200, 169, 107, 0.12);
    animation:
      fbc-hotspots-rail-travel 5.6s cubic-bezier(.42, 0, .58, 1) infinite alternate,
      fbc-hotspots-gradient-flow 4s linear infinite;
  }

  /* Main pill with a moving burgundy→gold→champagne border. */
  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__pill {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 50px;
    padding: 10px 29px;
    border: 1.5px solid transparent;
    border-radius: 999px;

    background:
      linear-gradient(var(--fbc-ivory), var(--fbc-ivory)) padding-box,
      linear-gradient(
        105deg,
        var(--fbc-burgundy-deep) 0%,
        var(--fbc-burgundy) 18%,
        var(--fbc-gold-deep) 42%,
        var(--fbc-gold-light) 56%,
        var(--fbc-gold) 72%,
        var(--fbc-burgundy) 92%,
        var(--fbc-burgundy-deep) 100%
      ) border-box;
    background-size: 100% 100%, 320% 100%;
    background-position: 0 0, 0 0;

    color: var(--fbc-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .015em;
    white-space: nowrap;
    text-align: center;

    box-shadow:
      0 7px 20px rgba(89, 36, 45, 0.08),
      0 1px 0 rgba(255, 255, 255, 0.82) inset;

    animation: fbc-hotspots-border-flow 4s linear infinite;
    transform: translateZ(0);
  }

  /* Soft interior shimmer; deliberately subtle. */
  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__pill::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 3px;
    overflow: hidden;
    border-radius: inherit;
    background:
      linear-gradient(
        110deg,
        rgba(255,255,255,0) 18%,
        rgba(242,217,154,.20) 43%,
        rgba(255,255,255,.54) 50%,
        rgba(242,217,154,.15) 57%,
        rgba(255,255,255,0) 80%
      );
    background-size: 260% 100%;
    background-position: 130% 0;
    animation: fbc-hotspots-inner-shimmer 4s ease-in-out infinite;
    pointer-events: none;
  }

  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__arrow {
    color: var(--fbc-gold-deep);
    font-weight: 700;
    padding: 0 .18em;
    text-shadow: 0 1px 0 rgba(255,255,255,.65);
  }

  body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__text {
    color: var(--fbc-burgundy);
  }

  @keyframes fbc-hotspots-border-flow {
    from { background-position: 0 0, 0% 0; }
    to   { background-position: 0 0, 320% 0; }
  }

  @keyframes fbc-hotspots-gradient-flow {
    from { background-position: 0% 0; }
    to   { background-position: 220% 0; }
  }

  @keyframes fbc-hotspots-inner-shimmer {
    0%, 18%  { background-position: 135% 0; opacity: .28; }
    50%      { opacity: .72; }
    82%,100% { background-position: -35% 0; opacity: .25; }
  }

  @keyframes fbc-hotspots-rail-travel {
    0%   { left: 0; }
    100% { left: 66%; }
  }


/* Preserve JS compatibility; the package supplies its own decorative moving rail. */
body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__rail{margin:0}
body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__rail > span{display:none}
/* Only width/padding adapt. The visual palette, type and animation are shared. */
@media(min-width:768px){body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__pill{padding-left:36px;padding-right:36px}}
@media(max-width:767px){body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue{padding-bottom:38px}}

body.page-id-30 #fbc-provence-day-trips .fbc-overview-day-grid::-webkit-scrollbar{display:none}
body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__rail::after{left:calc(var(--fbc-route-progress,0) * 66%);animation:fbc-hotspots-gradient-flow 4s linear infinite}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__rail::after,body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__pill,body.page-id-30 #fbc-provence-day-trips .fbc-desktop-route-cue .fbc-hotspots-mobile-cue__pill::before{animation:none}}