/* Externalized from inline css in public page bloat-reduction phase. Source marker: assets/css/oloropa-package-detail-sales-story.css. */
/* Inlined from assets/css/oloropa-package-detail-sales-story.css */
/* Phase 5 — Package Detail Pages as Private Route Sales Stories
   Purpose: final sales-story layer on top of the unified Oloropa Scroll Story Engine. */
:root{
  --pd5-story-green:#18382c;
  --pd5-story-deep:#08140f;
  --pd5-story-ivory:#fff8ea;
  --pd5-story-sand:#f4ead8;
  --pd5-story-gold:#d5a85d;
  --pd5-story-line:rgba(213,168,93,.34);
  --pd5-story-glass:rgba(255,248,234,.76);
}
[data-pd5-route-sales-story="true"]{
  position:relative;
  --pd5-story-progress:0;
}
.pd5-sales-story-progress{
  position:fixed;
  left:clamp(1rem,2.4vw,2rem);
  bottom:clamp(5.8rem,9vh,7.2rem);
  z-index:60;
  width:min(21rem,calc(100vw - 2rem));
  padding:.75rem .9rem .85rem;
  border:1px solid rgba(213,168,93,.28);
  border-radius:1.15rem;
  background:linear-gradient(135deg,rgba(8,20,15,.88),rgba(24,56,44,.82));
  color:#fff8ea;
  box-shadow:0 1.3rem 3rem rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
  opacity:0;
  transform:translateY(16px);
  pointer-events:none;
  transition:opacity .55s ease,transform .55s ease;
}
body.pd5-story-active .pd5-sales-story-progress{opacity:1;transform:translateY(0)}
.pd5-sales-story-progress strong{display:block;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#f7ddb0;margin-bottom:.45rem}
.pd5-sales-story-progress span{display:block;font-size:.82rem;line-height:1.35;color:rgba(255,248,234,.82)}
.pd5-sales-story-progress .pd5-sales-story-bar{position:relative;height:.18rem;background:rgba(255,248,234,.18);border-radius:999px;overflow:hidden;margin-top:.65rem}
.pd5-sales-story-progress .pd5-sales-story-bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--pd5-story-progress,0) * 100%);background:linear-gradient(90deg,var(--pd5-story-gold),#fff0bf);border-radius:999px;transition:width .14s linear}
.pd5-sales-stage-label{
  display:inline-flex;align-items:center;gap:.42rem;margin:.1rem 0 .72rem;padding:.42rem .7rem;border-radius:999px;border:1px solid rgba(213,168,93,.35);background:rgba(213,168,93,.1);color:#fff4d7;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
}
.pd5-sales-stage-label::before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:var(--pd5-story-gold);box-shadow:0 0 0 .3rem rgba(213,168,93,.12)}
.pd5-quote-card .pd5-active-stage-chip{
  display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .7rem;padding:.42rem .65rem;border-radius:999px;background:rgba(24,56,44,.08);border:1px solid rgba(24,56,44,.14);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#294c3c;
}
.pd5-quote-card .pd5-active-stage-chip strong{font-size:inherit;color:#7c5b24;margin:0;text-transform:none;letter-spacing:normal}
[data-pd5-sales-stage]{position:relative;isolation:isolate;scroll-margin-top:7.6rem}
[data-pd5-sales-stage]::after{
  content:"";position:absolute;inset:1.2rem auto 1.2rem 1rem;width:1px;background:linear-gradient(180deg,transparent,var(--pd5-story-line),transparent);opacity:0;transform:scaleY(.45);transform-origin:top;transition:opacity .6s ease,transform .8s ease;pointer-events:none;
}
[data-pd5-sales-stage].is-pd5-stage-active::after{opacity:1;transform:scaleY(1)}
[data-pd5-sales-stage] .pd-head,
[data-pd5-sales-stage] .pd5-head,
[data-pd5-sales-stage] .pd5-control-copy,
[data-pd5-sales-stage] .pd5-summary-card,
[data-pd5-sales-stage] article,
[data-pd5-sales-stage] details,
[data-pd5-sales-stage] .pd5-final-route-card{
  transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .75s ease,filter .75s ease;
}
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd-head,
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-head,
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-control-copy,
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-summary-card,
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) article,
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) details,
[data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-final-route-card{opacity:.55;transform:translateY(18px);filter:saturate(.94)}
.pd5-quote-rail{transition:opacity .36s ease,transform .36s ease;z-index:4}
.pd5-quote-rail.is-following-route{transform:translateY(0)}
.pd5-quote-rail.is-before-footer{opacity:.72;transform:translateY(-.55rem)}
.pd5-day{transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease}
.pd5-day.is-active-day{border-color:rgba(213,168,93,.52);box-shadow:0 1rem 2.4rem rgba(24,56,44,.12);transform:translateY(-.2rem)}
.pd5-day.is-active-day .pd5-day-number strong{color:var(--pd5-story-gold)}
.pd5-addon-card{position:relative;overflow:hidden}
.pd5-addon-card::after{content:"";position:absolute;inset:auto .9rem .75rem .9rem;height:1px;background:linear-gradient(90deg,transparent,rgba(213,168,93,.55),transparent);opacity:0;transform:scaleX(.4);transition:opacity .28s ease,transform .28s ease}
.pd5-addon-card:has(input:checked)::after{opacity:1;transform:scaleX(1)}
body.pd5-stage-itinerary .pd5-sales-story-progress strong::after{content:" · day rhythm";color:rgba(255,248,234,.58);font-weight:500;text-transform:none;letter-spacing:normal}
body.pd5-stage-pricing .pd5-sales-story-progress strong::after{content:" · rate logic";color:rgba(255,248,234,.58);font-weight:500;text-transform:none;letter-spacing:normal}
body.pd5-stage-handoff .pd5-sales-story-progress{border-color:rgba(213,168,93,.55)}
@media (max-width: 860px){
  .pd5-sales-story-progress{display:none}
  [data-pd5-sales-stage]::after{display:none}
  [data-pd5-sales-stage]{scroll-margin-top:5.6rem}
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd-head,
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-head,
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-control-copy,
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-summary-card,
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) article,
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) details,
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) .pd5-final-route-card{opacity:1;transform:none;filter:none}
}
@media (prefers-reduced-motion: reduce){
  .pd5-sales-story-progress,[data-pd5-sales-stage] *, .pd5-day{transition:none!important;animation:none!important;transform:none!important}
  [data-pd5-sales-stage]:not(.is-pd5-stage-seen) *{opacity:1!important;filter:none!important}
}