.info-point{position:absolute;transform:translate(-50%,-50%);background:#fff;border:none;width:24px;height:24px;padding:0;cursor:pointer;transition:transform .2s ease;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.info-point:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 8px #00000026}.info-point-wrapper{position:absolute;width:0;height:0}.info-point-title{position:absolute;color:#fff;font-size:1.2rem;font-weight:500;white-space:nowrap;padding:4px 8px;overflow:hidden;text-overflow:ellipsis}.info-point-wrapper.left .info-point-title{right:calc(100% + 15px);top:50%;transform:translateY(-50%);max-width:180px}.info-point-wrapper.right .info-point-title{left:calc(100% + 15px);top:50%;transform:translateY(-50%);max-width:180px}.info-point-wrapper.top .info-point-title{bottom:calc(100% + 15px);left:50%;transform:translate(-50%);max-width:250px;text-align:center}.info-point-wrapper.bottom .info-point-title{top:calc(100% + 15px);left:50%;transform:translate(-50%);max-width:250px;text-align:center}.info-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(42%) sepia(19%) saturate(1642%) hue-rotate(134deg) brightness(92%) contrast(89%)}.image-content{position:relative;display:flex;flex-direction:column}.region-title{position:relative;padding:8px 16px;border-radius:15px 15px 0 0;color:#fff;z-index:3;font-size:1.1rem;font-weight:600;box-shadow:0 2px 8px #00000014;width:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.region-title .title-content{text-align:left;flex:1;display:flex;align-items:center}.region-title .medispa-brand{color:#fff;font-weight:700}.region-title .info-icon-title{width:20px;height:20px;margin-right:8px;flex-shrink:0}.region-title .campus{color:#fff;font-weight:500;color:#ffffffe6}.region-title .image-title{font-weight:500;color:#ffffffe6}.interactive-image{position:relative;width:100%;overflow:hidden;margin-top:0;border-radius:0 0 15px 15px}.region-image{width:100%;height:auto;border-radius:0;transition:opacity .3s ease}.interactive-image.square{aspect-ratio:1/1}.interactive-image.square img{object-fit:cover;height:100%;border-radius:0}.interactive-image.landscape{aspect-ratio:4/3}.interactive-image.landscape img{object-fit:cover;height:100%;border-radius:0}.info-modal-overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}.info-modal-overlay.active{opacity:1;visibility:visible}.info-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001;overflow-y:auto;touch-action:pan-y pinch-zoom}.info-modal.active{opacity:1;visibility:visible}.info-modal-content{padding:1.5rem;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--color-primary);border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;z-index:2}.modal-close:hover{transform:scale(1.1)}.modal-close img{width:16px;height:16px;filter:brightness(0) invert(1)}.info-modal h3{font-size:1.4rem;color:var(--color-primary);margin-bottom:1.5rem;padding-right:2rem}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-section h4{font-size:1.1rem;color:var(--color-text);margin-bottom:.5rem}.info-text{color:var(--color-text-light);line-height:1.5}.info-text p{margin:0 0 1rem}.info-text p:last-child{margin-bottom:0}.info-text ul,.info-text ol{margin:.5rem 0;padding-left:1.5rem}.info-text li{margin-bottom:.5rem}.info-text li:last-child{margin-bottom:0}.info-section.notice{background:var(--color-background-alt);padding:1rem;border-radius:8px;margin-top:1.5rem}.info-detail-image{margin:1rem 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.info-detail-image img{width:100%;height:auto;display:block;object-fit:cover}.treatment-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.treatment-chip{background:var(--color-primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:500;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-decoration:none;display:inline-block}.treatment-chip:hover{color:#fff;text-decoration:none}.treatment-chips[data-theme=aesthetics] .treatment-chip{background:rgb(var(--color-aesthetics))}.treatment-chips[data-theme=infusion] .treatment-chip{background:rgb(var(--color-infusion))}.treatment-chips[data-theme=health] .treatment-chip{background:rgb(var(--color-health))}.treatment-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026;color:#fff;text-decoration:none}.info-text .product-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.info-text .product-link:hover{color:var(--color-primary-light);text-decoration:underline}.info-section.campus-section{margin:1.5rem 0;padding:0;background:none;border-radius:0}.info-section.campus-section h4{color:var(--color-text);font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.info-section.campus-section .info-text{color:var(--color-text-light);line-height:1.5}.info-section.campus-section .info-text a{display:inline-block;background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:transform .2s ease,background-color .2s ease;margin-top:1rem;margin-left:auto;margin-right:auto;display:block;text-align:center;width:fit-content}.info-section.campus-section .info-text a:hover{background:var(--color-primary-light);transform:translateY(-2px);text-decoration:none;color:#fff}@media (max-width: 768px){.info-point{width:20px;height:20px}.info-icon{width:14px;height:14px}.info-modal{width:90%;max-height:85vh}.info-point-title{font-size:1rem;padding:3px 6px;max-width:140px}.info-point-wrapper.left .info-point-title{right:calc(100% + 7.5px)}.info-point-wrapper.right .info-point-title{left:calc(100% + 7.5px)}.info-point-wrapper.top .info-point-title{bottom:calc(100% + 7.5px);max-width:200px}.info-point-wrapper.bottom .info-point-title{top:calc(100% + 7.5px);max-width:200px}.region-title{font-size:1rem;padding:6px 12px}.info-detail-image{margin:.75rem 0}.treatment-chips{gap:.4rem}.treatment-chip{padding:.4rem .8rem;font-size:.95rem}.info-section.campus-section{margin:1rem 0}}@media (max-width: 480px){.region-title{font-size:.9rem;padding:6px 10px}.info-point-title{font-size:.9rem;max-width:120px}.info-point-wrapper.top .info-point-title,.info-point-wrapper.bottom .info-point-title{max-width:160px}.info-detail-image{margin:.5rem 0}.treatment-chip{padding:.35rem .7rem;font-size:.9rem}.info-section.campus-section{margin:.75rem 0}}