/* Bérlés oldal (/golfkocsi-berles/). A színek és a tipográfia a design-rendszerből jönnek. */
.info-type-rental .rental-band{padding-block:clamp(56px,7vw,92px)}
.info-type-rental .rental-band-mist{background:var(--color-surface,#f5f5f7)}
.rental-head{max-width:820px;margin-bottom:38px}
.rental-head-wide{max-width:900px}
.info-type-rental .rental-eyebrow{margin:0 0 8px;font-size:15px!important;font-weight:600;color:var(--color-accent,#287858)}
.rental-head h2{margin:0}
.info-type-rental .rental-head p:last-child{margin:12px 0 0;color:var(--color-secondary,#626268)}
.info-type-rental .rental-lead{margin:0 0 16px;max-width:900px}

/* Fejléc kép a cím mögött, a termékoldalakkal azonos sötétítéssel. */
.rental-hero{position:relative;isolation:isolate;min-height:clamp(340px,42vw,520px);display:flex;align-items:flex-end;padding-block:48px;color:#fff}
.rental-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.rental-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#000000e0,#0000009e 24%,#00000047 44%,transparent 66%),linear-gradient(to bottom,#000000b3,#0000005c 12%,transparent 22%)}
.rental-hero h1{margin:6px 0 0;max-width:20ch;text-shadow:0 1px 14px #0009}
.info-type-rental .rental-hero .rental-eyebrow{color:#fff;text-shadow:0 1px 14px #0009}

.rental-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px;padding-top:26px;border-top:1px solid var(--color-separator,#dcdce1)}
.rental-facts div{display:flex;flex-direction:column;gap:2px}
.rental-facts b{font-size:28px;font-weight:700;color:var(--color-accent,#287858)}
.rental-facts span{font-size:14px;color:var(--color-secondary,#626268);line-height:1.4}

/* Konstrukciók: fülek és a hozzájuk tartozó panel. */
.mode-rail{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-card,24px);overflow:hidden;background:#fff}
.mode-tab{display:flex;flex-direction:column;gap:5px;text-align:left;padding:20px 22px;background:transparent;border:0;border-right:1px solid var(--color-separator,#dcdce1);cursor:pointer;font:inherit;color:inherit;transition:background-color .18s}
.mode-tab:last-child{border-right:0}
.mode-tab:hover{background:var(--color-surface,#f5f5f7)}
.mode-tab[aria-selected=true]{background:#e4f2ec;box-shadow:inset 0 3px 0 var(--color-brand,#56b28d)}
.mode-span{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent,#287858)}
.mode-name{font-size:17px;font-weight:700}
.mode-note{font-size:14px;color:var(--color-secondary,#626268);line-height:1.45}
.mode-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:start;margin-top:22px;padding:26px 28px;background:#fff;border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-card,24px)}
.mode-panel:focus{outline:none}
.mode-panel h3{margin:0 0 9px;font-size:21px}
.info-type-rental .mode-panel p{margin:0;color:var(--color-secondary,#626268)}
.mode-facts{font-size:15px}
.mode-facts div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed var(--color-separator,#dcdce1)}
.mode-facts div:last-child{border-bottom:0}
.mode-facts span{color:var(--color-secondary,#626268)}
.mode-facts b{font-weight:600;text-align:right}
.info-type-rental .rental-note{margin:18px 0 0;font-size:14px!important;color:var(--color-secondary,#626268);max-width:900px}

/* Mit tartalmaz a díj */
.rental-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-separator,#dcdce1);border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-card,24px);overflow:hidden}
.rental-values>div{display:flex;flex-direction:column;gap:8px;padding:26px 24px;background:#fff}
.rental-values h3{margin:0;font-size:17px}
.info-type-rental .rental-values p{margin:0;font-size:15px!important;color:var(--color-secondary,#626268)}
.rental-icon{width:26px;height:26px;color:var(--color-brand,#56b28d)}

/* Flotta */
.rental-fleet{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fleet-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-card,24px);overflow:hidden}
/* A bérflotta fotói fehér stúdióháttérrel készültek: teljes szélességben ülnek, fehér alapon.
   Nincs vágás – a járművek saját 4:3 arányukban látszanak, különben a magasabb buszok teteje levágódik. */
.fleet-pic{position:relative;background:#fff}
/* Kártyán belüli lapozó: vízszintes sáv illesztési pontokkal, rajta nyilak és pöttyök. */
.fleet-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.fleet-slides::-webkit-scrollbar{display:none}
.fleet-slides img{display:block;flex:0 0 100%;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start;scroll-snap-stop:always}
.fleet-slides:focus{outline:none}
.fleet-slides:focus-visible{outline:3px solid var(--color-accent,#287858);outline-offset:-3px}
.fleet-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #0000001a;border-radius:50%;background:#ffffffeb;color:var(--color-label,#1d1d1f);box-shadow:0 2px 12px #0000001f;cursor:pointer;transition:opacity .2s,background .2s}
.fleet-nav:hover{background:#fff}
.fleet-prev{left:12px}.fleet-next{right:12px}
.fleet-nav svg{width:20px;height:20px;stroke-width:2.2}
.fleet-nav:disabled{opacity:0;pointer-events:none}
/* A pöttyök saját, áttetsző fehér alapon ülnek: a stúdiófotók világosak, a belső téri képek alja viszont sötét –
   alap nélkül a sötét pöttyök ott eltűnnének. */
.fleet-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;padding:6px 9px;border-radius:999px;background:#ffffffe0;box-shadow:0 1px 6px #0000001f;pointer-events:none}
.fleet-dots span{width:7px;height:7px;border-radius:999px;background:#0000003d;transition:width .2s,background .2s}
.fleet-dots span.is-active{width:20px;background:var(--color-accent,#287858)}
@media (hover:hover){.fleet-nav{opacity:.9}.fleet-card:hover .fleet-nav:not(:disabled){opacity:1}}
.fleet-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px 22px 22px}
.fleet-tag{align-self:flex-start;padding:4px 9px;border-radius:5px;background:#e4f2ec;color:var(--color-accent,#287858);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
/* Darabszám csak ott, ahol egynél több van belőle. */
.fleet-labels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fleet-count{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--color-accent,#287858);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em}
.fleet-card h3{margin:0;font-size:21px}
.fleet-spec{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--color-secondary,#626268)}
.fleet-spec b{font-weight:600;color:var(--color-label,#1d1d1f)}
.info-type-rental .fleet-use{margin:0;font-size:15px!important;color:var(--color-secondary,#626268)}
.fleet-cta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:15px;border-top:1px solid var(--color-separator,#dcdce1);font-size:15px;font-weight:700;color:var(--color-accent,#287858);text-decoration:none}
.fleet-cta svg{width:15px;height:15px;transition:transform .18s}
.fleet-cta:hover svg{transform:translateX(3px)}

/* Menete */
.rental-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0}
.rental-steps li{display:flex;flex-direction:column;gap:8px;padding-right:22px}
.info-type-rental .step-when{margin:0 0 6px;padding-bottom:14px;border-bottom:2px solid var(--color-brand,#56b28d);font-size:13px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent,#287858)}
.rental-steps h3{margin:0;font-size:17px}
.info-type-rental .rental-steps p:last-child{margin:0;font-size:15px!important;color:var(--color-secondary,#626268)}

/* Kinek ajánljuk */
.rental-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rental-use{display:flex;flex-direction:column;gap:5px;padding:2px 0 2px 18px;border-left:2px solid var(--color-brand,#56b28d)}
.rental-use h3{margin:0;font-size:17px}
.info-type-rental .rental-use p{margin:0;font-size:15px!important;color:var(--color-secondary,#626268)}

/* Feltételek */
.mode-common{margin-top:34px;padding-top:26px;border-top:1px solid var(--color-separator,#dcdce1)}
.mode-common h3{margin:0 0 6px;font-size:17px}
.rental-terms{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px;margin:0}
.rental-terms div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--color-separator,#dcdce1);font-size:16px}
.rental-terms dt{color:var(--color-secondary,#626268)}
.rental-terms dd{margin:0;font-weight:600;text-align:right}

/* GYIK */
.rental-faq{border-top:1px solid var(--color-separator,#dcdce1)}
.rental-faq details{border-bottom:1px solid var(--color-separator,#dcdce1)}
.rental-faq summary{position:relative;padding:19px 44px 19px 0;cursor:pointer;font-size:17px;font-weight:700;list-style:none}
.rental-faq summary::-webkit-details-marker{display:none}
.rental-faq summary:after{content:'';position:absolute;right:8px;top:26px;width:10px;height:10px;border-right:2px solid var(--color-brand,#56b28d);border-bottom:2px solid var(--color-brand,#56b28d);transform:rotate(45deg);transition:transform .2s}
.rental-faq details[open] summary:after{transform:rotate(-135deg);top:30px}
.info-type-rental .rental-faq p{margin:0;padding:0 40px 20px 0;color:var(--color-secondary,#626268)}

/* Ajánlatkérés */
.rental-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px;padding:20px 24px;background:var(--color-surface,#f5f5f7);border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-card,24px)}
.rental-contact a,.rental-contact span{display:flex;flex-direction:column;gap:1px;text-decoration:none;color:var(--color-label,#1d1d1f)}
.rental-contact em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary,#626268)}
.rental-contact b{font-size:17px}
.rental-contact a:hover b{color:var(--color-accent,#287858)}

/* Záró sáv */
.rental-closing{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;margin-bottom:clamp(56px,7vw,86px);padding:clamp(34px,5vw,54px);border-radius:var(--radius-card,24px);background:var(--color-label,#1d1d1f);color:#fff}
.rental-closing h2{margin:0;max-width:26ch;color:#fff}
.info-type-rental .rental-closing p{margin:10px 0 0;max-width:58ch;color:#ffffffbf}

@media(max-width:900px){
 .rental-values,.rental-fleet,.rental-uses{grid-template-columns:repeat(2,1fr)}
 .rental-steps{grid-template-columns:repeat(2,1fr);gap:30px 0}
}
@media(max-width:760px){
 .mode-rail{grid-template-columns:1fr}
 .mode-tab{border-right:0;border-bottom:1px solid var(--color-separator,#dcdce1)}
 .mode-tab:last-child{border-bottom:0}
 .mode-tab[aria-selected=true]{box-shadow:inset 3px 0 0 var(--color-brand,#56b28d)}
 .mode-panel{grid-template-columns:1fr;padding:22px}
 .rental-terms{grid-template-columns:1fr}
 .rental-contact{grid-template-columns:1fr;gap:14px}
}
@media(max-width:620px){
 .rental-facts{grid-template-columns:repeat(2,1fr)}
 .rental-values,.rental-fleet,.rental-uses,.rental-steps{grid-template-columns:1fr}
 .rental-steps{gap:26px}
 .rental-hero h1{max-width:none}
}