{"page":".product-block {\n  display: flex;\n  justify-content: space-between;\n  gap: 60px;\n  padding: 40px 0;\n  border-bottom: 1px solid #ccc;\n  max-width: 1300px;\n  margin: 0 auto;\n}\n\n.product-info {\n  width: 45%;\n  line-height: 1.55;\n}\n\n.product-info h2 {\n  margin-bottom: 18px;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.purchase-link a {\n  margin-top: 20px;\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.purchase-link a:hover {}\n\n/* SLIDESHOW WRAPPER */\n.slideshow-wrapper {\n  width: 55%;\n  position: relative;\n  height: 450px;\n  max-height: 450px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n/* SLIDES */\n.slideshow-wrapper img {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: 100%;\n  max-height: 450px;\n  transform: translate(-50%, -50%);\n  object-fit: contain;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.6s ease;\n}\n\n.slideshow-wrapper img.active {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* ---------------------------------------- */\n/* LEFT / RIGHT CLICK ZONES + ARROW CURSORS */\n/* ---------------------------------------- */\n\n.slideshow-wrapper .click-left,\n.slideshow-wrapper .click-right {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 50%;\n  z-index: 99;\n}\n\n/* LEFT SIDE = LEFT ARROW CURSOR */\n.slideshow-wrapper .click-left {\n  left: 0;\n  cursor: w-resize;   /* ← LEFT ARROW */\n}\n\n/* RIGHT SIDE = RIGHT ARROW CURSOR */\n.slideshow-wrapper .click-right {\n  right: 0;\n  cursor: e-resize;   /* → RIGHT ARROW */\n}\n\n/* ---------------------------------------- */\n/* MOBILE VERSION */\n/* ---------------------------------------- */\n@media(max-width: 900px) {\n  .product-block {\n    flex-direction: column;\n    gap: 40px;\n  }\n\n  .product-info,\n  .slideshow-wrapper {\n    width: 100%;\n  }\n}","js":""}