/* A peach interval between the cream page and the sand phone collection. */
.rental-timeline{
 --timeline-green:#437b50;
 --timeline-orange:#ab4422;
 container: rental-journey / inline-size;
 display:block;
 min-width:0;
 padding:40px 36px 32px;
 margin-block:0 64px;
 border:0;
 border-radius:34px;
 background:#f5e5d9;
 color:var(--ink,#201e1d);
 list-style:none;
}
.section.rental-timeline{margin-inline:auto}
.rental-timeline span{margin:0;font-size:inherit;color:inherit}
.rental-timeline .rental-timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}
.rental-timeline .rental-timeline-heading h2{max-width:460px;font:400 clamp(1.8rem,2.9vw,2.4rem)/1.18 var(--display,Caprasimo,Georgia,serif);letter-spacing:-.02em;text-wrap:balance}
.rental-timeline .rental-timeline-intro{margin-top:10px;color:var(--muted,#6a6056);font-size:.98rem}
.rental-timeline .rental-timeline-date{display:grid;gap:7px;flex:0 0 248px;min-width:0}
.rental-timeline .rental-timeline-date label{font-size:.73rem;font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.rental-timeline .rental-timeline-date input,.rental-timeline .rental-timeline-date .date-picker-trigger{width:100%;height:48px;min-height:48px;min-width:0;padding:10px 15px;border:1px solid #bea38e;border-radius:24px;background:#fffaf2c9;color:var(--ink,#201e1d);font:600 1rem/1.4 var(--font,Figtree,Arial,sans-serif);color-scheme:light}
.rental-timeline .rental-timeline-date .date-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.rental-timeline .rental-timeline-date .date-picker-trigger>svg{width:18px;height:18px;flex:none}
.rental-timeline .rental-timeline-date .fine{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted,#6a6056)}
.rental-timeline .rental-timeline-status{margin:18px 0 0;color:var(--orange,#ab4422);font-size:.875rem;line-height:1.5}
.rental-timeline .rental-timeline-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:30px 0 0}
.rental-timeline .rental-timeline-step{position:relative;min-width:0;margin:0;padding:0;border:0;text-align:center}
.rental-timeline .rental-timeline-symbol{position:relative;display:flex;align-items:center;justify-content:center;height:138px}
.rental-timeline .rental-timeline-disc{position:relative;z-index:1;display:grid;place-items:center;width:104px;height:104px;flex:none;border-radius:50%;background:#ffdccb;color:var(--timeline-orange)}
.rental-timeline .rental-timeline-disc>.rental-timeline-icon{display:block;width:64px;height:64px;max-width:none;flex:none;stroke-width:1.8}
.rental-timeline .rental-timeline-arrival .rental-timeline-disc{background:#d5eacc;color:var(--timeline-green)}
.rental-timeline .rental-timeline-event .rental-timeline-disc{width:124px;height:124px;background:#ed6c32;color:#fffaf2;box-shadow:0 7px 15px #96532920;transform:rotate(-7deg)}
.rental-timeline .rental-timeline-event .rental-timeline-disc>.rental-timeline-icon{width:72px;height:72px}
.rental-timeline .rental-timeline-return .rental-timeline-disc{background:#f6efe1;color:var(--timeline-green)}
.rental-timeline .rental-timeline-return .rental-timeline-disc>.rental-timeline-icon{width:58px;height:58px;transform:translate(-4px,5px)}
.rental-timeline .rental-timeline-return-arrow{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f6efe1;color:var(--timeline-orange)}
.rental-timeline .rental-timeline-return-arrow>.rental-timeline-icon{display:block;width:30px;height:30px;max-width:none;stroke-width:2}
.rental-timeline .rental-timeline-connector{position:absolute;top:42px;left:calc(50% + 56px);width:calc(100% - 90px);height:32px;overflow:visible;color:var(--timeline-green)}
.rental-timeline .rental-timeline-event .rental-timeline-connector{left:calc(50% + 67px);width:calc(100% - 101px);color:var(--timeline-orange)}
.rental-timeline .rental-timeline-connector path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rental-timeline .rental-timeline-value{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65px;margin:0;font:400 clamp(1.4rem,2.2vw,1.8rem)/1.16 var(--display,Caprasimo,Georgia,serif);letter-spacing:-.02em;text-wrap:balance}
.rental-timeline .rental-timeline-value>span{display:block;color:inherit;font:inherit;letter-spacing:inherit}
.rental-timeline .rental-timeline-value time{white-space:nowrap}
.rental-timeline .rental-timeline-event .rental-timeline-value{font-size:clamp(1.7rem,2.4vw,2rem);color:var(--timeline-orange)}
.rental-timeline .rental-timeline-return .rental-timeline-value{font-size:1.3rem}
.rental-timeline .rental-timeline-value small{font:600 .76rem/1.4 var(--font,Figtree,Arial,sans-serif);color:var(--muted,#6a6056);letter-spacing:normal;margin-bottom:3px}
.rental-timeline .rental-timeline-label{margin:8px 0 0;font-size:.71rem;font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.rental-timeline .rental-timeline-event .rental-timeline-label{color:var(--timeline-orange)}
.rental-timeline .rental-timeline-followup{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #dac3b0;text-align:center;color:var(--muted,#6a6056);font-size:.88rem;line-height:1.5}
.rental-timeline .rental-timeline-followup>.rental-timeline-icon{display:block;width:20px;height:20px;max-width:none;flex:none;color:var(--timeline-orange)}
.rental-timeline .rental-timeline-followup p{margin:0}
.rental-timeline .rental-timeline-followup strong{display:inline;font-size:inherit;font-weight:600;color:var(--ink,#201e1d)}
.rental-timeline .rental-timeline-shipping-note{margin:10px 0 0;text-align:center;font-size:.8rem;line-height:1.5;color:#386b42}
.rental-timeline .rental-timeline-action{display:flex;justify-content:center;margin-top:21px}
.rental-timeline .rental-timeline-action .button{min-height:48px}
.rental-timeline .rental-timeline-action .button>span{display:inline;color:inherit}

/* The Book version shares its selected date with the existing date field. */
.rental-timeline.rental-timeline-book{width:100%;margin:20px 0 30px;padding:24px 20px 22px;border-radius:25px}
.rental-timeline.rental-timeline-book .rental-timeline-heading h2{font-size:1.45rem;line-height:1.23}
.rental-timeline.rental-timeline-book .rental-timeline-steps{gap:12px;margin-top:18px}
.rental-timeline.rental-timeline-book .rental-timeline-symbol{height:104px}
.rental-timeline.rental-timeline-book .rental-timeline-disc{width:78px;height:78px}
.rental-timeline.rental-timeline-book .rental-timeline-disc>.rental-timeline-icon{width:48px;height:48px}
.rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-disc{width:94px;height:94px}
.rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-disc>.rental-timeline-icon{width:56px;height:56px}
.rental-timeline.rental-timeline-book .rental-timeline-return-arrow{top:5px;right:5px;width:27px;height:27px}
.rental-timeline.rental-timeline-book .rental-timeline-return-arrow>.rental-timeline-icon{width:25px;height:25px}
.rental-timeline.rental-timeline-book .rental-timeline-connector{top:29px;left:calc(50% + 43px);width:calc(100% - 72px);height:28px}
.rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-connector{left:calc(50% + 51px);width:calc(100% - 80px)}
.rental-timeline.rental-timeline-book .rental-timeline-value{min-height:54px;font-size:1.18rem}
.rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-value{font-size:1.38rem}
.rental-timeline.rental-timeline-book .rental-timeline-return .rental-timeline-value{font-size:1.03rem}
.rental-timeline.rental-timeline-book .rental-timeline-label{font-size:.63rem;letter-spacing:.035em;margin-top:6px}
.rental-timeline.rental-timeline-book .rental-timeline-followup{margin-top:22px;padding-top:16px;font-size:.81rem}
.rental-timeline.rental-timeline-book .rental-timeline-shipping-note{font-size:.76rem}

/* Keep the large illustrations legible when the content itself becomes narrow. */
@container rental-journey (max-width:640px){
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-heading{display:block}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-date{max-width:260px;margin-top:22px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-steps{grid-template-columns:1fr;gap:10px;margin-top:23px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-step{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:16px;text-align:left}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-symbol{height:116px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-disc{width:88px;height:88px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-disc>.rental-timeline-icon{width:54px;height:54px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-event .rental-timeline-disc{width:106px;height:106px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-event .rental-timeline-disc>.rental-timeline-icon{width:64px;height:64px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-return .rental-timeline-disc>.rental-timeline-icon{width:50px;height:50px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-return-arrow{top:5px;right:5px;width:28px;height:28px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-return-arrow>.rental-timeline-icon{width:27px;height:27px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-connector{display:none}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-step:not(:last-child)::after{content:'';position:absolute;left:53px;top:106px;height:27px;border-left:2px dotted #85a074}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-event::after{top:116px;height:17px;border-color:#ce8664}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-value{align-items:flex-start;min-height:0;font-size:1.48rem}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-event .rental-timeline-value{font-size:1.75rem}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-return .rental-timeline-value{font-size:1.25rem}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-label{margin-top:7px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-followup{align-items:flex-start;text-align:left;margin-top:22px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-followup>.rental-timeline-icon{margin-top:2px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-shipping-note{text-align:left;margin-left:30px}
}
@container rental-journey (max-width:440px){
 .rental-timeline.rental-timeline-book .rental-timeline-steps{grid-template-columns:1fr;gap:4px}
 .rental-timeline.rental-timeline-book .rental-timeline-step{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;text-align:left}
 .rental-timeline.rental-timeline-book .rental-timeline-connector{display:none}
 .rental-timeline.rental-timeline-book .rental-timeline-step:not(:last-child)::after{content:'';position:absolute;left:47px;top:94px;height:26px;border-left:2px dotted #85a074}
 .rental-timeline.rental-timeline-book .rental-timeline-event::after{top:102px;height:18px;border-color:#ce8664}
 .rental-timeline.rental-timeline-book .rental-timeline-value{align-items:flex-start;min-height:0;font-size:1.2rem}
 .rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-value{font-size:1.45rem}
 .rental-timeline.rental-timeline-book .rental-timeline-return .rental-timeline-value{font-size:1.08rem}
 .rental-timeline.rental-timeline-book .rental-timeline-label{font-size:.67rem}
 .rental-timeline.rental-timeline-book .rental-timeline-followup{align-items:flex-start;text-align:left}
 .rental-timeline.rental-timeline-book .rental-timeline-followup>.rental-timeline-icon{margin-top:2px}
 .rental-timeline.rental-timeline-book .rental-timeline-shipping-note{text-align:left;margin-left:30px}
}
@media(max-width:640px){
 .rental-timeline{padding:27px 22px 28px;margin-bottom:46px;border-radius:27px}
 .rental-timeline .rental-timeline-heading h2{font-size:1.8rem}
 .rental-timeline.rental-timeline-book{padding:23px 18px;margin-bottom:28px}
}
@media(max-width:360px){
 .rental-timeline{padding-inline:17px}
 .rental-timeline:not(.rental-timeline-book) .rental-timeline-step{column-gap:12px}
 .rental-timeline.rental-timeline-book .rental-timeline-step{column-gap:10px}
}

/* Book: one shared grid lets the timeline align with both columns. */
.booking-layout.booking-layout-wide{display:block}
.booking-layout-wide>.planner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:24px 48px;align-items:start;min-width:0}
.booking-layout-wide>.planner>fieldset{margin:0}
.booking-layout-wide>.planner>.booking-reassurance{margin:0}
.booking-layout-wide>.planner>.rental-timeline-book{grid-column:1 / -1;margin:0 0 12px}
@media(min-width:1001px){
 .booking-layout-wide .booking-sidebar>.booking-summary{grid-row:2}
}
@media(max-width:1100px){
 .booking-layout-wide>.planner{column-gap:28px}
}
@media(max-width:1000px){
 .booking-layout-wide>.planner{grid-template-columns:minmax(0,1fr)}
}
@container rental-journey (min-width:800px){
 .rental-timeline.rental-timeline-book .rental-timeline-heading h2{font-size:1.65rem}
 .rental-timeline.rental-timeline-book .rental-timeline-steps{gap:24px;margin-top:22px}
 .rental-timeline.rental-timeline-book .rental-timeline-symbol{height:138px}
 .rental-timeline.rental-timeline-book .rental-timeline-disc{width:104px;height:104px}
 .rental-timeline.rental-timeline-book .rental-timeline-disc>.rental-timeline-icon{width:64px;height:64px}
 .rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-disc{width:124px;height:124px}
 .rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-disc>.rental-timeline-icon{width:72px;height:72px}
 .rental-timeline.rental-timeline-book .rental-timeline-return .rental-timeline-disc>.rental-timeline-icon{width:58px;height:58px}
 .rental-timeline.rental-timeline-book .rental-timeline-return-arrow{top:9px;right:9px;width:32px;height:32px}
 .rental-timeline.rental-timeline-book .rental-timeline-return-arrow>.rental-timeline-icon{width:30px;height:30px}
 .rental-timeline.rental-timeline-book .rental-timeline-connector{top:42px;left:calc(50% + 56px);width:calc(100% - 90px);height:32px}
 .rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-connector{left:calc(50% + 67px);width:calc(100% - 101px)}
 .rental-timeline.rental-timeline-book .rental-timeline-value{min-height:62px;font-size:1.55rem}
 .rental-timeline.rental-timeline-book .rental-timeline-event .rental-timeline-value{font-size:1.75rem}
 .rental-timeline.rental-timeline-book .rental-timeline-return .rental-timeline-value{font-size:1.25rem}
 .rental-timeline.rental-timeline-book .rental-timeline-label{font-size:.71rem;letter-spacing:.06em}
}

/* An optional overview on Book; native details also works without JavaScript. */
.rental-timeline.rental-timeline-book.rental-timeline-disclosure{padding:0}
.rental-timeline-disclosure>.rental-timeline-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;margin:0;padding:18px 24px;border-radius:25px;cursor:pointer;list-style:none;font:600 1.1rem/1.4 var(--font,Figtree,Arial,sans-serif);color:var(--ink,#201e1d);transition:background-color .18s}
.rental-timeline-disclosure>.rental-timeline-toggle::-webkit-details-marker{display:none}
.rental-timeline-disclosure>.rental-timeline-toggle::marker{content:''}
.rental-timeline-disclosure .rental-timeline-chevron{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#fffaf2b3;color:var(--timeline-orange);transition:transform .28s}
.rental-timeline-disclosure .rental-timeline-chevron svg{display:block;width:20px;height:20px}
.rental-timeline-disclosure[open] .rental-timeline-chevron{transform:rotate(180deg)}
.rental-timeline-disclosure .rental-timeline-panel-inner{display:flow-root;padding:0 24px 24px}
@media(hover:hover){.rental-timeline-disclosure>.rental-timeline-toggle:hover{background:#edd7c780}}
@media(max-width:640px){
 .rental-timeline-disclosure>.rental-timeline-toggle{padding:16px 18px;gap:14px;font-size:1rem}
 .rental-timeline-disclosure .rental-timeline-panel-inner{padding:0 18px 23px}
}
@media(prefers-reduced-motion:reduce){
 .rental-timeline-disclosure>.rental-timeline-toggle,.rental-timeline-disclosure .rental-timeline-chevron{transition:none}
}