/* Rental and public-page refinements, 2026-09-22. */
html{scroll-padding-top:100px}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #527963;outline-offset:4px}
[hidden]{display:none!important}
.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fleet-card,.fleet-card:nth-child(even){display:flex;flex-direction:column;border-radius:20px;box-shadow:0 10px 28px #143a260a}
.fleet-card:nth-child(even)>.fleet-card-copy{order:0}
.fleet-image{flex:none;aspect-ratio:16/10;height:auto;min-height:0;width:100%}
.fleet-image img{padding:16px;object-fit:contain}
.fleet-card-copy{display:flex;flex:1;flex-direction:column;padding:26px}
.fleet-card-copy h3{font-size:clamp(22px,2.1vw,28px);line-height:1.25;margin:8px 0 12px;overflow-wrap:normal}
.fleet-card-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin:0 0 18px}
.fleet-card-copy>.button{margin-top:auto;align-self:stretch;text-align:center;justify-content:center;min-height:46px}
.fleet-details{margin:0 0 22px;border-block:1px solid #e0e8df;padding:12px 0}
.fleet-details summary{cursor:pointer;font-size:14px;font-weight:650;padding:4px 0}
.fleet-details ul{margin:16px 0 4px;grid-template-columns:1fr;gap:8px}
.fleet-card dl{margin:0 0 16px}.fleet-card dd{font-size:14px}
.fleet-note{max-width:850px;margin:24px auto 0;padding:20px 24px;border:1px solid #dce6dc;border-radius:14px;background:#f4f7f3;color:#456050;font-size:14px;line-height:1.7}
.hero-text-only{grid-template-columns:1fr!important}
.hero-text-only>.hero-image{display:none}
.hero-text-only .hero-copy{max-width:1000px;margin:auto;width:100%;padding:52px 28px}
.hero-text-only h1{max-width:24ch!important}
.hero-text-only .hero-intro{max-width:65ch}
[data-page="najam-specijalnih-vozila"] .hero-foot{display:none}
[data-page="najam-specijalnih-vozila"] .section-rich_text{padding-block:32px}
[data-page="najam-specijalnih-vozila"] .section-process{padding-block:40px}
.rental-fieldset{min-width:0;margin:0 0 26px;padding:20px;border:1px solid #dce6dc;border-radius:14px;background:#fbfcfa}
.rental-fieldset legend{padding:0 8px;font-size:17px;font-weight:700;color:#214f37}
.rental-fieldset .ob-contact-grid{margin:0}.is-rental .ob-contact-control{font-size:16px!important;min-height:46px}
.is-rental .ob-contact-field{min-width:0}.is-rental .ob-contact-field>span{line-height:1.5}
.is-rental .ob-contact-description{margin-bottom:24px}
.rail-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px}
.rail-controls button{width:44px;height:44px;border:1px solid #c9d8ce;border-radius:50%;background:#fff;color:#214f37;font-size:22px;cursor:pointer}
.rail-controls button:disabled{opacity:.35;cursor:default}
.inspiration-rail{scrollbar-width:thin;scrollbar-color:#b6cabb transparent;scroll-snap-type:x mandatory}
.inspiration-rail>figure{scroll-snap-align:start}
.catalog-switcher{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible!important;gap:10px!important;padding-bottom:12px}
.catalog-switcher>button{flex:1 1 180px!important;min-width:0!important;max-width:100%;padding:14px!important;min-height:78px;white-space:normal;text-align:left}
.catalog-switcher>button>span{min-width:0}.catalog-switcher strong{line-height:1.4}
[data-page="kontakt"] .hero .actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
@media(max-width:700px){
 .catalog-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fleet-grid{grid-template-columns:1fr;gap:20px}.fleet-card-copy{padding:22px 20px}.fleet-image{height:auto;aspect-ratio:16/10}
 .fleet-card-copy h3{font-size:24px}.fleet-note{padding:18px;font-size:13px}
 .hero-text-only .hero-copy{padding:34px 20px}.hero-text-only h1{font-size:32px!important}
 .rental-fieldset{padding:16px 12px}.rental-fieldset .ob-contact-grid{grid-template-columns:1fr!important}
 .catalog-switcher>button{flex-basis:calc(50% - 10px)!important;font-size:13px}
 .catalog-filters label{min-width:0;flex-basis:100%}
}
.rental-fieldset .is-full{grid-column:1/-1}
[data-page="najam-specijalnih-vozila"] .hero:has(.hero-image .image-fallback){grid-template-columns:1fr}
[data-page="najam-specijalnih-vozila"] .hero:has(.hero-image .image-fallback)>.hero-image{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.fleet-grid{grid-auto-rows:1fr}
.fleet-card-copy{padding:22px}
.fleet-card-copy>.eyebrow{min-height:1.4em;line-height:1.4;margin:0}
.fleet-card-copy h3{min-height:2.5em;font-size:20px;line-height:1.25;margin:8px 0 12px}
.fleet-info{position:relative;height:140px;flex:none;margin-top:auto;margin-bottom:12px}
.fleet-overview,.fleet-detail-panel{position:absolute;inset:0 0 48px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 8px 4px 0}
.fleet-overview p{font-size:14px;line-height:1.7;margin:0 0 14px}
.fleet-details{margin:0;padding:0;border:0}
.fleet-details summary{position:absolute;inset:auto 0 0;min-height:44px;display:flex;align-items:center;gap:10px;border-block:1px solid #e0e8df;list-style:none;color:#214f37;font-size:14px}
.fleet-details summary::-webkit-details-marker{display:none}
.fleet-details summary:after{content:'+';margin-left:auto;font-size:22px;font-weight:400}
.fleet-details[open] summary:after{content:'−'}
.fleet-hide-label,.fleet-details[open] .fleet-show-label{display:none}
.fleet-details[open] .fleet-hide-label{display:inline}
.fleet-info:has(.fleet-details[open])>.fleet-overview{visibility:hidden}
.fleet-detail-panel{background:#fff;border:0;border-radius:0;box-shadow:none}
.fleet-detail-panel ul{margin:0;line-height:1.6;font-size:14px}
.fleet-gallery{position:relative;flex:none;min-width:0}
.fleet-gallery .fleet-image{aspect-ratio:16/9}
.fleet-slide{margin:0;position:relative}
.fleet-slide figcaption{position:absolute;inset:auto 0 0;padding:28px 20px 16px;background:linear-gradient(transparent,#102e22ed);color:white;font-size:14px;line-height:1.5;overflow-wrap:anywhere;max-height:45%;overflow:auto}
.fleet-gallery-controls{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;height:50px;border:1px solid #dbe4da;border-radius:28px;background:#fffffff2;box-shadow:0 4px 12px #143a260d}
.fleet-gallery-controls:not(:has(button)),.fleet-gallery-controls:has(button:disabled){display:none}
.fleet-gallery-controls button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#214f37;font-size:22px;cursor:pointer}
.fleet-gallery-controls span{font-size:13px;font-variant-numeric:tabular-nums;color:#365743}
.fleet-gallery-controls button:disabled{opacity:.3;cursor:default}
.stat-mark{width:56px;height:56px;border:1px solid #d4e0d5;background:#edf3eb;border-radius:16px;color:#28543b}
.stat-mark:before,.stat-mark:after,.stat-mark i{display:none!important}
.stat-mark>.ob-icon{width:28px;height:28px;display:block}
.stats-grid>div{box-shadow:none;background:#fff;border-radius:16px}
.stats-grid>div:hover{transform:none;box-shadow:none}