.popup-media-decorative{z-index:100;background:rgba(0,0,0,.8);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.media-content-wrapper{flex-direction:column;align-items:center;display:flex;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.image-container{max-width:80vw;max-height:70vh;position:relative}.image-container img{max-width:80vw;max-height:70vh;display:block}.popup-media-decorative span{z-index:101;cursor:pointer;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.5);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:50px;font-weight:bolder;display:flex;position:fixed;top:20px;right:40px}.popup-media-decorative span:hover{background:rgba(0,0,0,.7);transform:scale(1.1)}.dimension-arrow{color:#fff;position:absolute}.dimension-arrow.horizontal{width:100%;height:20px;top:-25px}.dimension-arrow.vertical{width:20px;height:100%;top:0;left:-25px}.arrow-line{background-color:#bdbbbb;position:absolute}.horizontal .arrow-line{width:100%;height:2px;top:50%;transform:translateY(-50%)}.vertical .arrow-line{width:2px;height:100%;left:50%;transform:translate(-50%)}.arrow-head{border-style:solid;width:0;height:0;position:absolute}.horizontal .arrow-head{top:50%;transform:translateY(-50%)}.horizontal .arrow-head.left{border-width:8px 12px 8px 0;border-color:transparent #bdbbbb transparent transparent;left:0}.horizontal .arrow-head.right{border-width:8px 0 8px 12px;border-color:transparent transparent transparent #bdbbbb;right:0}.vertical .arrow-head{left:50%;transform:translate(-50%)}.vertical .arrow-head.top{border-width:0 8px 12px;border-color:transparent transparent #bdbbbb;top:0}.vertical .arrow-head.bottom{border-width:12px 8px 0;border-color:#bdbbbb transparent transparent;bottom:0}.dimension-text{color:#bdbbbb;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.7);font-size:16px;position:absolute}.horizontal .dimension-text{top:-2px;left:50%;transform:translate(-50%,-50%)}.vertical .dimension-text{transform-origin:50%;top:50%;left:-2px;transform:translate(-50%,-50%)rotate(-90deg)}.extra-info{border-radius:var(--radius-lg);box-sizing:border-box;width:360px;height:auto;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);background-color:#fff;margin-top:10px;padding:1rem;font-size:16px}.decorative-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);cursor:pointer;background:#fff;border:none;position:relative;overflow:hidden}.decorative-card:before{content:"";background:var(--gradient-primary);height:3px;transition:var(--transition-normal);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.decorative-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.decorative-card:hover:before{transform:scaleX(1)}.decorative-card img{transition:var(--transition-normal);width:100%;height:auto}.decorative-card:hover img{transform:scale(1.05)}@keyframes decorativeCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.decorative-card{animation:.6s ease-out decorativeCardFadeIn}@media (max-width:768px){.extra-info{width:90vw;max-width:360px;padding:.75rem;font-size:14px}.popup-media-decorative span{width:50px;height:50px;font-size:40px;top:10px;right:10px}.image-container,.image-container img{max-width:95vw;max-height:80vh}}