/* SVG arrows have a symmetric drawing box, independent of font baselines. */
.product-gallery .gallery-arrow,
.product-gallery .thumbs-scroll,
.product-gallery [data-photo-previous],
.product-gallery [data-photo-next]{
 display:grid;place-items:center;padding:0;flex-shrink:0;border:0;
 border-radius:50%;background:#c25c5c;color:#fff;line-height:1;
}
.product-gallery .gallery-arrow svg,
.product-gallery .thumbs-scroll svg,
.product-gallery [data-photo-previous] svg,
.product-gallery [data-photo-next] svg{
 display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;
 stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.product-gallery .thumbs-scroll{width:32px;height:32px}
.product-gallery .thumbs-scroll svg{width:20px;height:20px}
.product-gallery .gallery-arrow:hover,
.product-gallery .thumbs-scroll:hover:not(:disabled),
.product-gallery [data-photo-previous]:hover:not(:disabled),
.product-gallery [data-photo-next]:hover:not(:disabled){background:#a74949;color:#fff}
.preview-picture{position:relative}
.preview-zoom{display:none}
@media(min-width:761px){
 .preview-picture .preview-result{cursor:zoom-in;transform-origin:center;user-select:none}
 .preview-picture.is-zoomed .preview-result{cursor:zoom-out}
 .preview-zoom{
  position:absolute;right:12px;bottom:12px;display:grid;place-items:center;
  width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#c25c5c;
  color:#fff;cursor:zoom-in;box-shadow:0 2px 12px #0002;
 }
 .preview-zoom svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 .is-zoomed .preview-zoom{cursor:zoom-out}
 .is-zoomed .zoom-plus{display:none}
 .preview-zoom:hover{background:#a74949}
}