/* A framed product showcase using the existing Journal image carousel. */
#product-product .product-left .product-image {
  gap: 18px !important;
  align-items: flex-start !important;
}
#product-product .product-left .product-image > .main-image {
  position: relative;
  border: 1px solid #d3e1eb !important;
  border-radius: 18px !important;
  padding: 48px 14px 40px !important;
  background: linear-gradient(145deg,#eaf2f7,#fff 42%,#eff5f9) !important;
  box-shadow: 0 16px 38px rgba(10,62,98,.07);
  overflow: hidden;
}
#product-product .product-left .main-image::before {
  content: 'PRODUCT GALLERY';
  position: absolute; top: 18px; left: 22px;
  font-size: 9px; font-weight: 600; letter-spacing: 2px; line-height: 1;
  color: #0a3e62; pointer-events: none;
}
#product-product .product-left .main-image::after {
  content: 'Click image to explore';
  position: absolute; bottom: 14px; left: 22px;
  font-size: 10px; font-weight: 400; letter-spacing: .2px; line-height: 1.5;
  color: #647f92; pointer-events: none;
}
#product-product .product-left .main-image > .swiper-container {
  border-radius: 12px !important;
  border: 1px solid rgba(211,225,235,.5);
  overflow: hidden;
  background: #fff;
}
#product-product .product-left .main-image .swiper-slide { background: #fff; }
#product-product .product-left .main-image img { border-radius: 0 !important; }
#product-product .product-left .main-image > .product-labels { top: 13px !important; right: 16px !important; }
#product-product .product-left .main-image .product-label { border-radius: 5px !important; }
#product-product .product-left .main-image .product-label strong { background: #0a3e62 !important; color: #fff !important; border-color: #0a3e62 !important; font-size: 10px !important; border-radius: 5px !important; padding: 5px 8px !important; }
#product-product .product-left .additional-image {
  border-radius: 12px !important;
  border: 1px solid #dce6ed !important;
  padding: 5px !important;
  background: #fff !important;
  overflow: hidden;
  opacity: .8;
  transition: border-color .18s, opacity .18s, box-shadow .18s;
}
#product-product .product-left .additional-image img { border-radius: 8px !important; border: 0 !important; }
#product-product .product-left .additional-image.swiper-slide-active {
  opacity: 1; border: 2px solid #0a3e62 !important; padding: 4px !important;
  box-shadow: 0 4px 12px rgba(10,62,98,.13);
}
#product-product .product-left .additional-image:hover { opacity: 1; border-color: #0a3e62 !important; }
@media (max-width: 767px) {
  #product-product .product-left .product-image { gap: 10px !important; }
  #product-product .product-left .product-image > .main-image { padding: 38px 8px 36px !important; border-radius: 12px !important; }
  #product-product .product-left .main-image::before { top: 16px; left: 14px; font-size: 8px; letter-spacing: 1px; }
  #product-product .product-left .main-image::after { bottom: 12px; left: 14px; font-size: 9px; }
  #product-product .product-left .main-image > .product-labels { top: 8px !important; right: 8px !important; }
  #product-product .product-left .main-image .product-label strong { font-size: 8px !important; padding: 3px 5px !important; }
  #product-product .product-left .additional-image { border-radius: 10px !important; }
}