/* The four retained customer photos are above the products, beside the video. */
body.native-page.buyer-page #customer-photos { scroll-margin-top: 140px; }
body.native-page.buyer-page #customer-photos .gal-item { display: flex; flex-direction: column; min-width: 0; }
body.native-page.buyer-page #customer-photos figcaption { margin: 0; padding: 14px 16px; background: #fff; font-size: 14px; line-height: 1.5; }
body.native-page.buyer-page #customer-photos .customer-photo-label { margin-top: 8px; }
@media (min-width: 761px) {
  body.native-page.buyer-page #customer-photos .gal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
/* Small interaction corrections; shared main-site styles retain the visual design. */
/* Gallery cards must contain the complete photo and translated caption. */
body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  align-self: start !important;
  margin: 0 !important;
}
body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item > img,
body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item > picture,
body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item > picture img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  flex: none;
  border-radius: 0;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
}
body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item figcaption {
  flex: none;
  min-width: 0;
  overflow-wrap: anywhere;
}
body.native-page.buyer-page :is(#gallery, #customer-photos) .native-gallery-position { display: none; }
@media (max-width: 760px) {
  body.native-page.buyer-page :is(#gallery, #customer-photos) { touch-action: pan-x pan-y !important; }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: var(--native-gallery-height, auto) !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    perspective: none !important;
    transform-style: flat !important;
    border-radius: 20px;
    background: none !important;
    box-shadow: none !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: none;
  }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid::-webkit-scrollbar { display: none; }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid::before,
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid::after,
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item::before,
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item::after { display: none !important; content: none !important; }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item {
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: 1 !important;
    filter: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    touch-action: pan-x pan-y !important;
    border: 1px solid #e0e3e7;
    border-radius: 20px;
    box-shadow: none !important;
  }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item img,
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid .gal-item > picture {
    touch-action: pan-x pan-y !important;
  }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .native-gallery-position {
    display: block;
    margin: 8px 0 24px;
    color: #555b63;
    font-size: 13px;
    line-height: 1.5;
    text-align: end;
  }
  body.native-page.buyer-page :is(#gallery, #customer-photos) .gal-grid:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
}
body.native-page .lead-form button[type="reset"].native-form-reset { margin-inline-start: .65rem; color: #374151 !important; background: #f3f4f6 !important; border: 1px solid #9ca3af !important; text-shadow: none; }
.native-quote-controls { border: 0; margin: 0; padding: 0; min-width: 0; }
.quote-card button[type="reset"].native-landing-quote-reset { margin-block-start: .65rem; color: #374151; background: #f3f4f6; border: 1px solid #6b7280; }
.native-ad-page .quote-card input:not([type="hidden"]),
.native-ad-page .quote-card select,
.native-ad-page .quote-card textarea { border: 1px solid #6b7280; background: #fff; color: #111827; }
.native-ad-page .quote-card input:focus-visible,
.native-ad-page .quote-card select:focus-visible,
.native-ad-page .quote-card textarea:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.native-ad-page .quote-card [aria-invalid="true"] { border-color: #b91c1c; box-shadow: 0 0 0 3px rgba(185,28,28,.12); }
.native-contact-page { padding-block-start: 2rem; }
.buyer-dialog.native-dialog { position: fixed; inset: 0; margin: auto; max-height: calc(100dvh - 2rem); overflow: auto; }
.native-video-dialog { width: min(1000px, calc(100vw - 2rem)); padding: 3.5rem 1rem 1rem; border: 0; border-radius: 20px; background: #101820; color: white; }
.native-video-dialog::backdrop { background: rgba(7, 13, 22, .78); backdrop-filter: blur(7px); }
.native-video-dialog iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; }
.native-video-dialog.is-short { width: min(430px, calc(100vw - 2rem)); }
.native-video-dialog.is-short iframe { aspect-ratio: 9 / 16; max-height: 75dvh; }
.native-video-dialog .buyer-dialog-close { color: white; background: #101820; border-color: #9ca3af; }
.native-video-watch { display: inline-flex; padding-block: .8rem .2rem; color: white; }
.native-video-status { margin-block: 0 .8rem; }
.native-page .use-bubble-grid strong { min-width: 0; overflow-wrap: anywhere; }
.native-page h1 { overflow-wrap: anywhere; }
[dir="rtl"] [lang="en"] { direction: ltr; unicode-bidi: isolate; }
.native-ad-page .hero-grid > *, .native-ad-page .hero-copy > * { min-width: 0; }
.native-ad-page h1, .native-ad-page h2, .native-ad-page .point span { overflow-wrap: anywhere; }
.native-ad-page .section-head { flex-wrap: wrap; }
.native-ad-page .section-head > div { min-width: 0; }
[dir="rtl"] .buyer-model-choice-name,
[dir="rtl"] .buyer-model-choice-price,
[dir="rtl"] [data-buyer-current-model],
[dir="rtl"] [data-buyer-current-price],
[dir="rtl"] .model,
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] [name="model"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }
.native-dialog button:focus-visible,
.native-dialog a:focus-visible { outline: 3px solid #3a93ff; outline-offset: 3px; }
@media (max-width: 480px) { body.native-page .lead-form button[type="reset"].native-form-reset { margin-inline-start: 0; margin-block-start: .6rem; } }
@media (max-width: 480px) {
  body.native-page[data-native-language="de"] .hero-inner .hero-cta { display: grid; grid-template-columns: minmax(0, 1fr); }
  body.native-page[data-native-language="de"] .hero-inner .hero-cta .btn { width: 100%; overflow-wrap: normal; word-break: normal; }
}