/* Shared alignment for narrow desktop, tablets and unfolded phones. */
.home-page .showcase-copy h2 {padding:0;background:none;border:0;box-shadow:none;text-align:left}
.showcase-gold-link {position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;padding:12px 20px;color:#100b02;border:1px solid #ffefad;border-radius:24px 15px 15px 24px;background:linear-gradient(110deg,#ffe394,#eac64b 45%,#a7800c);text-decoration:none;box-shadow:inset 0 1px 0 #fff9,0 8px 24px #0003;transition:transform .2s,box-shadow .2s}
.showcase-gold-link::after {content:"";position:absolute;inset:-60% auto -60% -55%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#fff8,transparent);pointer-events:none}
.showcase-gold-link:focus-visible {outline:3px solid white;outline-offset:5px}
.showcase-gold-arrow {flex:none;font:400 26px/1 sans-serif}
@media(hover:hover) {.showcase-gold-link:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff9,0 10px 28px #e5b72630}.showcase-gold-link:hover::after{animation:gold-link-sheen .65s ease-out both}}
@keyframes gold-link-sheen {to{left:130%}}
.showcase-gold-link:active {transform:translateY(1px)}
.site-creator-credit {position:relative;background:linear-gradient(110deg,#090909,#1b080a 55%,#090909);color:#d7cdb9;border-top:1px solid #b99a3c66}
.site-footer .footer-glow {bottom:0;pointer-events:none}
.site-creator-credit>a {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;padding:22px max(20px,env(safe-area-inset-left));text-align:center;color:inherit;min-height:74px;text-decoration:none}
.site-creator-credit strong {color:#efce71;font-size:18px;letter-spacing:.08em}
.site-creator-credit span {font-size:12px;line-height:1.6}
.site-creator-credit a:focus-visible {outline:3px solid #efce71;outline-offset:-5px}
.gallery-filter-bar {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.gallery-filter-bar[hidden] {display:none}
.gallery-filter-bar button {border:1px solid #ffe07755;border-radius:999px;padding:12px 18px;background:#151515;color:#fff;cursor:pointer;font:inherit;font-size:14px;min-height:44px}
.gallery-filter-bar button[aria-pressed="true"] {background:#f6d46c;color:#130d03}
.gallery-filter-bar button:focus-visible {outline:2px solid #fff;outline-offset:3px}
.gallery-result-count {color:#fff;font-size:14px;margin:0 0 24px}
.gallery-collection-card[hidden] {display:none!important}
.gallery-collection-card {min-width:0}
.gallery-collection-card .gallery-media-kind {color:#ffe47c}
.gallery-empty {color:#fff;padding:24px;border:1px solid #ffe07755;border-radius:16px}
/* The new gallery/contact covers use the same proportions as the offer pages. */
main :is(.source-page-hero--galeria,.source-page-hero--kontakt) {padding-block:clamp(40px,5vw,72px)}
main :is(.source-page-hero--galeria,.source-page-hero--kontakt) h1 {font-size:clamp(34px,4.8vw,68px)}
main :is(.source-page-hero--galeria,.source-page-hero--kontakt) .source-page-hero-visual {max-width:660px}
@media(max-width:1280px) {
  main .container {width:min(100% - 40px,1320px)}
  main :is(.section-heading,.section-heading.centered,.gallery-toolbar,.form-heading,.contact-strip-inner,.car-detail-heading) {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:22px}
  main :is(.section-heading.centered>div,.section-heading.centered p,.section-heading>p,.form-heading p) {margin-inline:0;max-width:70ch}
  main :is(.source-page-hero-grid,.car-info-grid,.rental-conditions-heading) {grid-template-columns:minmax(0,1fr);gap:28px;text-align:left}
  main :is(.about-copy,.about-title,.experience-copy,.source-page-hero-copy,.offer-section,.car-price-lead,.subscription-card,.contact-topic-note) {text-align:left;margin-left:0;min-width:0}
  main .experience-section {display:grid;grid-template-columns:minmax(0,1fr)}
  main .experience-copy {width:100%;padding:32px 20px}
  main .experience-media {min-height:0;max-height:520px}
  main .source-page-hero-copy :is(h1,p) {margin-left:0}
  main .source-page-hero-visual {justify-self:start;margin-inline:0;width:100%}
  .home-page .showcase-promise {text-align:left}
  .home-page .showcase-copy {width:100%;margin-inline:0;text-align:left}
  .home-page .showcase-copy p {margin-inline:0}
  .home-page .showcase-actions,.home-page .showcase-actions .text-link {justify-content:flex-start}
  .home-page .showcase-contact {align-items:flex-start;justify-content:flex-start}
  .home-page .showcase-contact>a {justify-content:flex-start}
  .site-footer .footer-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .site-footer .footer-brand {grid-column:1/-1;align-items:center;text-align:center}
  .site-footer .footer-column {align-items:center;text-align:center;min-width:0}
  .site-footer .footer-column:last-child {grid-column:1/-1}
  .site-footer .footer-bottom {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
  .site-footer .social-links {justify-content:center}
  .site-footer :is(p,a) {overflow-wrap:anywhere}
}
@media(max-width:600px) {
  main .container {width:calc(100% - 32px)}
  .showcase-gold-link {padding:12px 15px;gap:10px}
  .showcase-gold-arrow {font-size:22px}
  .site-footer .footer-top {grid-template-columns:minmax(0,1fr)}
  .site-creator-credit>a {flex-direction:column;gap:8px}
}
/* Follow the story on desktop; stay in normal flow when the columns stack. */
.home-page .about-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,100px)}
.home-page .about-title {position:sticky;top:calc(var(--header,76px) + 24px);align-self:start;min-width:0;text-align:left}
.home-page .about-copy {min-width:0;text-align:left}
.home-page .about-title h2 {font-size:clamp(36px,4.2vw,60px);margin-bottom:32px}
.home-page .about-fleet-photo {max-width:calc(100% - 12px)}
@media(max-width:1100px) {
  .home-page .about-grid {grid-template-columns:minmax(0,1fr);gap:36px}
  .home-page .about-title {position:static}
  .home-page .about-title h2 {margin-bottom:24px}
  .home-page .about-copy {width:100%;margin:0}
}
/* Avoid SVG blur compositing on touch screens: keep the existing orange buttons. */
@media(hover:none) {.blob-btn__blobs{filter:none!important}.blob-btn__inner{display:none}.button.blob-btn{background:#f87919}}
@media(prefers-reduced-motion:reduce) {.showcase-gold-link{transition:none}.showcase-gold-link::after{display:none}}