.jwd-photo-examples{box-sizing:border-box;width:100%;min-width:0;margin:1rem 0;padding:clamp(.6rem,2vw,1rem);background:#071a35;border:2px solid #26476c;border-radius:16px;color:#fff;text-align:center}
.jwd-photo-examples .jwd-example-intro{color:#fff;font-size:1rem;line-height:1.5;margin:0 0 .8rem}
.jwd-photo-examples .jwd-example-viewport{aspect-ratio:4/3;position:relative;background:#050c17;border-radius:9px;overflow:hidden}
.jwd-photo-examples figure{margin:0;position:absolute;inset:0;display:flex;flex-direction:column}
.jwd-photo-examples [hidden]{display:none!important}
.jwd-photo-examples img{display:block;width:100%;height:calc(100% - 44px);object-fit:contain;min-height:0}
.jwd-photo-examples figcaption{color:#fff!important;font-size:1rem;font-weight:700;line-height:1.25;padding:10px 4px;margin:0}
.jwd-photo-examples .jwd-example-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.8rem}
.jwd-photo-examples button{appearance:none;cursor:pointer;min-height:48px;min-width:76px;padding:.6rem .8rem;background:#102e52;color:#fff;border:2px solid #dc283b;border-radius:10px;font:700 1rem/1.2 inherit;transition:box-shadow .15s,border-color .15s}
.jwd-photo-examples button:hover,.jwd-photo-examples button:focus-visible{border-color:#ff4054;box-shadow:0 0 0 2px #ff405455,0 0 18px #ff405466;outline:2px solid #fff;outline-offset:3px}
.jwd-photo-examples .jwd-example-count{font-size:1rem;color:#fff;margin:.6rem 0 0}
@media(max-width:380px){.jwd-photo-examples figcaption{font-size:.9rem}.jwd-photo-examples button{min-width:68px;padding:.6rem}}
@media(prefers-reduced-motion:reduce){.jwd-photo-examples button{transition:none}}

/* Full-width example gallery above the form fields. */
.jwd-photo-heading{display:block;margin-bottom:1rem;min-width:0}
.jwd-photo-heading-copy h3{white-space:normal!important;line-height:1.3;text-align:left!important;margin-bottom:.8rem}
.jwd-photo-heading .jwd-photo-examples{max-width:none;width:100%;margin:0;padding:.5rem}
.jwd-photo-heading .jwd-example-viewport{aspect-ratio:auto;height:auto;background:#071a35}
.jwd-photo-heading .jwd-photo-examples figure{position:static;display:block}
.jwd-photo-heading .jwd-photo-examples img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:8px}
.jwd-photo-heading .jwd-photo-examples figcaption{padding:.6rem;font-size:1rem}
.jwd-photo-heading .jwd-example-controls{margin-top:.3rem}

/* Shallow panoramic gallery: preserve width while cropping around the job. */
.jwd-photo-heading .jwd-photo-examples img{width:100%;height:clamp(170px,22vw,240px);object-fit:cover;object-position:50% 52%;border-radius:8px}
.jwd-photo-heading .jwd-photo-examples figcaption{padding:.5rem;font-size:1rem}
@media(max-width:600px){.jwd-photo-heading .jwd-photo-examples img{height:180px}}

/* JWD_SLIDER_UI_V104_BEGIN */
.jwd-photo-heading .jwd-photo-examples {
  position:relative;height:clamp(150px,22vw,280px);padding:0;overflow:hidden;
  border:1px solid #7693ab;border-top-color:#b8d6e8;border-radius:14px;
  background:linear-gradient(145deg,#ffffff0b,transparent 36%),linear-gradient(150deg,#365b7b,#182c3e);
  box-shadow:inset 0 1px 0 #ffffff30,0 5px 12px #06152230;
}
.jwd-photo-heading .jwd-example-viewport {height:100%;aspect-ratio:auto;background:transparent;border-radius:inherit;}
.jwd-photo-heading .jwd-photo-examples figure {position:absolute;inset:0;display:block;}
.jwd-photo-heading .jwd-photo-examples img {
  width:100%;height:100%;max-height:100%;object-fit:contain;object-position:50% 50%;
  padding:2px 8px 44px;box-sizing:border-box;border-radius:0;
}
.jwd-photo-heading .jwd-photo-examples figcaption {
  position:absolute;left:0;right:0;bottom:30px;padding:12px 48px 4px;min-height:28px;
  background:linear-gradient(180deg,#182c3e00,#182c3ee6 48%,#182c3ef5);
  color:#fff!important;font-size:14px;line-height:1.3;margin:0;
}
.jwd-photo-heading .jwd-example-controls {display:contents;margin:0;}
.jwd-photo-heading .jwd-photo-examples button {
  display:grid;place-items:center;position:absolute;z-index:2;
  min-width:44px;min-height:44px;width:44px;height:44px;padding:0;margin:0;
  border:1px solid #b8d6e866;border-radius:50%;background:#182c3eea;color:#fff;font:700 24px/1 system-ui;
  box-shadow:inset 0 1px 0 #ffffff20;transition:box-shadow .16s ease,outline-color .16s ease;
}
.jwd-photo-heading .jwd-photo-examples [data-example-prev] {left:4px;top:calc(50% - 45px);}
.jwd-photo-heading .jwd-photo-examples [data-example-next] {right:4px;top:calc(50% - 45px);}
.jwd-photo-heading .jwd-photo-examples [data-example-pause] {top:4px;right:4px;width:56px;min-width:56px;border-radius:9px;font-size:12px;}
.jwd-photo-heading .jwd-example-dots {position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(252px,100%);height:32px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));z-index:2;}
.jwd-photo-heading .jwd-example-dots button {position:static;width:100%;min-width:0;min-height:32px;height:32px;background:transparent;border:0;border-radius:0;box-shadow:none;}
.jwd-photo-heading .jwd-example-dots button::before {content:"";width:8px;height:8px;border:1px solid #b8d6e8;border-radius:50%;background:transparent;}
.jwd-photo-heading .jwd-example-dots button[aria-current="true"]::before {background:#fff;border-color:#fff;}
.jwd-photo-heading .jwd-photo-examples button:is(:hover,:focus-visible) {
  border-color:#b8d6e8!important;outline:2px solid #b8d6e8!important;outline-offset:-3px!important;
  box-shadow:inset 0 1px 0 #ffffff45!important;transform:none!important;
}
.jwd-photo-heading .jwd-example-count {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
@media(max-width:600px) {
  .jwd-photo-heading .jwd-photo-examples img {padding-left:44px;padding-right:8px;}
  .jwd-photo-heading .jwd-photo-examples :is([data-example-prev],[data-example-next]) {top:calc(100% - 96px);}
  .jwd-photo-heading .jwd-photo-examples figcaption {padding-inline:30px;font-size:13px;}
}
@media(prefers-reduced-motion:reduce) {.jwd-photo-heading .jwd-photo-examples button {transition:none!important;}}
/* JWD_SLIDER_UI_V104_END */
/* JWD_MOBILE_SLIDER_CONTAIN_V100_BEGIN */
@media(max-width:600px) {
 body.jwd-supercar .jwd-site-content form[data-jwd-compact-photo] .jwd-compact-art>[data-photo-examples] {height:auto!important;aspect-ratio:auto!important;min-height:160px;position:relative;overflow:hidden;}
 body.jwd-supercar .jwd-site-content form[data-jwd-compact-photo] .jwd-compact-art>[data-photo-examples] .jwd-example-viewport {height:auto!important;aspect-ratio:auto!important;}
 body.jwd-supercar .jwd-site-content form[data-jwd-compact-photo] .jwd-compact-art>[data-photo-examples] [data-example-slide] {position:relative!important;inset:auto;}
 body.jwd-supercar .jwd-site-content form[data-jwd-compact-photo] .jwd-compact-art>[data-photo-examples] img {height:auto!important;max-height:none!important;object-fit:contain!important;padding-bottom:88px!important;}
}
/* JWD_MOBILE_SLIDER_CONTAIN_V100_END */

