/* Rental guide geometry; typography and palette live in page-design.css. */
.catalog-home.public-page .process-page{padding-bottom:24px}
.rental-process-heading{margin:0 0 28px}
#rental-steps,#rental-faq{scroll-margin-top:24px}
.rental-process-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:30px;align-items:start}
.rental-process-steps{min-width:0}
.rental-timeline{--rental-marker-size:50px;--rental-symbol-size:30px;--rental-step-gap:28px;list-style:none;margin:0;padding:0;display:grid;gap:var(--rental-step-gap)}
.rental-timeline>li{position:relative;display:grid;grid-template-columns:var(--rental-marker-size) minmax(0,1fr);gap:28px;align-items:start;min-width:0}
.rental-timeline>li:not(:last-child)::before{content:"";position:absolute;left:calc(var(--rental-marker-size)/2 - .5px);top:calc(var(--rental-marker-size)/2);bottom:calc(-1 * (var(--rental-marker-size)/2 + var(--rental-step-gap)));width:1px;background:color-mix(in srgb,var(--ui-accent) 25%,transparent)}
.rental-step-marker{position:relative;z-index:1;display:grid;place-items:center;width:var(--rental-marker-size);height:var(--rental-marker-size);border:var(--ui-outline-width,1.5px) solid var(--ui-accent);border-radius:50%;background:var(--public-surface)}
.rental-step-number{display:inline-block;margin-right:4px;white-space:nowrap}
.rental-process-icon{display:block;width:44px;height:44px;object-fit:contain;color:var(--ui-icon-colour);flex:none}
/* Reference contours are real vector paths; one mask keeps their crisp edges. */
.rental-process-reference-icon{background:var(--ui-icon-colour);-webkit-mask-image:var(--rental-icon-source);mask-image:var(--rental-icon-source);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.rental-step-marker>.rental-process-icon{width:var(--rental-symbol-size);height:var(--rental-symbol-size);place-self:center;margin:0;object-position:center}
.rental-timeline h3{margin:10px 0 8px}
.rental-timeline p{margin:0 0 8px}
.rental-timeline p:last-child{margin-bottom:0}
.rental-timeline b{color:var(--ui-primary);font-weight:600}
.rental-process-callout{padding:10px 14px;border-left:3px solid var(--ui-accent);border-radius:4px 8px 8px 4px;background:color-mix(in srgb,var(--ui-accent) 10%,transparent)}
.rental-faq{min-width:0;margin:0;padding:0}
.rental-faq h2{display:flex;align-items:flex-start;gap:14px;margin:0 0 28px}
.rental-faq-list{padding:4px 16px;border:var(--ui-outline-width,1.5px) solid var(--ui-info-panel-border);border-radius:var(--ui-info-panel-radius);background:var(--ui-info-panel-background)}
.rental-faq details{position:relative}
.rental-faq details[open]{border-radius:var(--ui-control-radius)}
.rental-faq details+details::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--ui-accent) 25%,transparent);pointer-events:none}
.rental-faq summary{position:relative;list-style:none;cursor:pointer;min-height:56px;padding:16px 34px 16px 14px;display:flex;align-items:center;border-radius:var(--ui-control-radius);transition:background-color .18s ease,color .18s ease}
.rental-faq summary::-webkit-details-marker{display:none}
.rental-faq summary::after{content:"";position:absolute;right:14px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--ui-accent);border-bottom:1.5px solid var(--ui-accent);transform:translateY(-70%) rotate(45deg)}
.rental-faq details[open]>summary::after{transform:translateY(-20%) rotate(225deg)}
.rental-faq summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-4px;border-radius:8px}
@media(prefers-reduced-motion:reduce){.rental-faq summary{transition:none}}
.rental-faq details[open]>summary{padding-bottom:14px}
.rental-faq details>div{padding:0 14px 20px}
.rental-faq p{margin:0}
.rental-process-cta{margin-top:28px;padding-top:22px;border-top:1px solid var(--public-border);text-align:center}
.rental-process-cta h3{margin:0 0 12px}
.rental-process-cta .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:200px;min-height:44px}
@media(max-width:1000px){.rental-process-layout{gap:24px}.rental-timeline{--rental-marker-size:45px}.rental-timeline>li{gap:24px}}
@media(max-width:900px){.rental-process-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.rental-timeline{--rental-marker-size:38px;--rental-symbol-size:25px;--rental-step-gap:26px}.rental-timeline>li{gap:14px}.rental-timeline h3{margin-top:8px}.rental-faq-list{padding-inline:12px}.rental-faq h2{gap:14px}.rental-faq h2 .rental-process-icon{width:36px;height:36px}.rental-faq summary{padding-left:14px;padding-right:28px}.rental-faq summary::after{right:8px}.rental-faq details>div{padding-inline:14px}.rental-process-cta{margin-top:24px}}
