/* Webyaz product gallery: portrait stage and bottom thumbnail rail. */
.wz-pdx .wz-pdx-gallery { display:flex; flex-direction:column; gap:12px; min-width:0; width:100%; }
.wz-pdx .wz-pdx-main-wrap { order:0; width:100%; aspect-ratio:3/4; border:1px solid #e5e9e6; border-radius:9px; background:#faf9f5; }
.wz-pdx .wz-pdx-main { border-radius:8px; touch-action:pan-y pinch-zoom; }
.wz-pdx .wz-pdx-main > img { display:block; width:100%; height:100%; object-fit:contain !important; object-position:center; }
.wz-pdx .wz-pdx-thumbs-col { order:1; display:flex; flex-direction:row; gap:10px; width:100%; min-width:0; overflow-x:auto; padding:2px 1px 6px; scrollbar-width:thin; scrollbar-color:#c5d7d1 transparent; scroll-snap-type:x proximity; }
.wz-pdx .wz-pdx-thumb { display:block; flex:0 0 54px; width:54px; height:72px; padding:2px; border:1px solid #e3e8e5; border-radius:6px; background:#fff; overflow:hidden; cursor:pointer; scroll-snap-align:center; transition:border-color .15s,box-shadow .15s; }
.wz-pdx .wz-pdx-thumb:first-child { margin-left:auto; }
.wz-pdx .wz-pdx-thumb:last-child { margin-right:auto; }
.wz-pdx .wz-pdx-thumb img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; border-radius:3px; padding:0; }
.wz-pdx .wz-pdx-thumb:hover { border-color:#075a50; }
.wz-pdx .wz-pdx-thumb.active { border-color:#ff7900; box-shadow:0 0 0 1px #ff7900; }
.wz-pdx .wz-pdx-thumb:focus-visible,.wz-pdx .wz-pdx-arrow:focus-visible { outline:2px solid #075a50; outline-offset:3px; }
.wz-pdx .wz-pdx-arrow { display:flex; width:44px; height:44px; padding:0; border:1px solid #e5e8e5; border-radius:50% !important; color:#31534e; background:#fff; font-size:30px; line-height:1; box-shadow:0 2px 8px #14392f14; z-index:6; }
.wz-pdx .wz-pdx-prev { left:10px; }
.wz-pdx .wz-pdx-next { right:10px; }
.wz-pdx .wz-pdx-arrow:hover:not(:disabled) { color:#075a50; background:#f0f7f4; }
.wz-pdx .wz-pdx-arrow:disabled { opacity:.35; cursor:default; }
@media(max-width:768px) {
  .wz-pdx .wz-pdx-gallery { gap:12px; }
  .wz-pdx .wz-pdx-thumbs-col { gap:8px; }
  .wz-pdx .wz-pdx-thumb { flex-basis:48px; width:48px; height:64px; }
}
@media(prefers-reduced-motion:reduce) {
  .wz-pdx .wz-pdx-thumb,.wz-pdx .wz-pdx-main > img { transition:none !important; }
}

/* Product content breathing room below the site header. */
#wzProduct > .wz-pdx { padding-top:32px; }
@media(max-width:768px) { #wzProduct > .wz-pdx { padding-top:24px; } }