.goods-modal-overlay{position:fixed;top:0;left:var(--sidebar-width,0);right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);animation:fadeIn .3s ease-in-out forwards;transition:all .2s}.goods-modal-overlay.closing{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.goods-modal{position:relative;width:100%;max-width:1320px;height:100%;max-height:830px;background:transparent;z-index:10000;display:flex;overflow:hidden;border-radius:5px;background:linear-gradient(242deg,rgba(72,255,0,.2) 3.03%,rgba(72,255,0,0) 21.4%),rgba(28,28,30,.8)}.goods-modal.goods-modal--full{max-width:660px}.goods-modal .post-swiper{width:100%;height:100%}.goods-modal .swiper-slide{height:100%;display:none}.goods-modal .goods-modal-content{display:flex;flex-direction:row;gap:0;width:100%;height:100%;align-items:stretch;border-radius:5px;background:linear-gradient(242deg,rgba(72,255,0,.2) 3.03%,rgba(72,255,0,0) 21.4%),rgba(28,28,30,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(20px,7vw,103px) clamp(24px,9vw,128px)}.goods-modal .goods-modal-image{width:50%;height:100%;border-radius:0;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:none;padding:0;margin-right:40px}.goods-modal .goods-modal-image img,.goods-modal .goods-modal-image video{max-width:100%;max-height:100%;object-fit:contain}.goods-modal .goods-modal-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:0}.goods-modal .goods-modal-image-skeleton{width:100%;height:100%;background:#b8b8b8;border-radius:8px;overflow:hidden}.goods-modal .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#b8b8b8,#d0d0d0 25%,#e8e8e8 50%,#d0d0d0 75%,#b8b8b8);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:0}@keyframes shimmer{0%{background-position:-200% 0}50%{background-position:200% 0}to{background-position:-200% 0}}.goods-modal .goods-modal-info{position:relative;flex:1 1;display:flex;flex-direction:column;color:#fff;justify-content:flex-start;height:100%;overflow-y:hidden}.goods-modal .goods-modal-info-wrapper{height:100%;overflow-y:auto;gap:22px;display:flex;flex-direction:column}.goods-modal .goods-modal-info-wrapper::-webkit-scrollbar{width:6px}.goods-modal .goods-modal-info-wrapper::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.goods-modal .goods-modal-info-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.goods-modal .goods-modal-info-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.goods-modal .goods-modal-title{font-size:16px;font-family:Special Gothic Expanded One;font-weight:700;color:#00ff00;margin:0;word-break:break-word;letter-spacing:.5px}.goods-modal .goods-modal-desc{font-size:14px;line-height:1.5;color:#fff;word-break:break-word;transition:max-height .4s ease-in-out;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;text-overflow:ellipsis}.goods-modal .goods-modal-desc-wrapper{position:relative;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 44px}.goods-modal .goods-modal-desc-wrapper.expanded .goods-modal-desc{padding-bottom:0;-webkit-line-clamp:unset;line-clamp:unset}.goods-modal .goods-modal-desc-ellipsis{display:inline;color:#e0e0e0;font-size:1rem}.goods-modal .goods-modal-desc-more{display:block;margin-top:12px;background:none;border:none;color:rgba(255,255,255,.5);font-size:12px;cursor:pointer;padding:0;font-weight:500;transition:color .2s;font-family:inherit}.goods-modal .goods-modal-desc-more:hover{color:rgba(255,255,255,.7)}.goods-modal .goods-modal-date{font-size:12px;color:rgba(255,255,255,.5);margin:-14px 0 0}.goods-modal .goods-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.goods-modal .goods-modal-tag{display:inline-block;padding:6px 12px;border-radius:100px;border:1px solid #507744;background:transparent;color:rgba(255,255,255,.7);font-size:.9rem}.goods-modal .goods-modal-close{position:absolute;top:42px;right:42px;background:none;border:none;font-size:2.5rem;color:#fff;cursor:pointer;z-index:11;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.goods-modal .goods-modal-close:hover{transform:scale(1.15)}.goods-modal .goods-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;padding:0;transform-origin:center}.goods-modal .goods-modal-nav:hover{transform:translateY(-50%) scale(1.15)}.goods-modal .goods-modal-nav:disabled{opacity:.5;cursor:not-allowed}.goods-modal .goods-modal-nav-left{left:clamp(6px,3vw,40px)}.goods-modal .goods-modal-nav-right{right:clamp(6px,3vw,40px)}.goods-modal .goods-modal-header{display:flex;flex-direction:column;gap:22px;flex:1 1}.goods-modal .goods-modal-profile{display:flex;align-items:center;gap:8px}.goods-modal .goods-modal-profile-image{width:30px;height:30px;border-radius:50%;background-color:#777;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.goods-modal .goods-modal-profile-image img{width:100%;height:100%;object-fit:contain}.goods-modal .goods-modal-profile .goods-modal-title{margin:0}.goods-modal .goods-modal-actions{display:flex;gap:24px}.goods-modal .post-action-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:rgba(255,255,255,.7);font-size:12px;transition:color .2s;padding:0;font-weight:500}.goods-modal .post-action-btn-download,.goods-modal .post-action-btn-share{color:#FFF;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex;height:48px;justify-content:center;align-items:center;gap:10px;flex:1 0;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.goods-modal .post-action-btn-download,.goods-modal .post-action-btn-like,.goods-modal .post-action-btn-report,.goods-modal .post-action-btn-share{cursor:pointer}.goods-modal .post-action-btn-like:hover,.goods-modal .post-action-btn-report:hover{color:#00ff00}.goods-modal .post-action-btn-download:hover,.goods-modal .post-action-btn-share:hover{color:#00ff00;border-color:#00ff00}.goods-modal .goods-modal-bottom-actions{display:flex;gap:24px;margin-top:50px}.goods-modal .goods-modal-image .swiper{width:100%;height:100%}.goods-modal .goods-modal-image .swiper-slide{display:flex;align-items:center;justify-content:center;height:100%}.goods-modal .goods-modal-image .swiper-slide img,.goods-modal .goods-modal-image .swiper-slide video{max-width:100%;max-height:100%;object-fit:contain}.goods-modal .goods-modal-image .swiper-button-next-custom,.goods-modal .goods-modal-image .swiper-button-prev-custom{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s ease}.goods-modal .goods-modal-image .swiper-button-prev-custom{left:16px}.goods-modal .goods-modal-image .swiper-button-next-custom{right:16px}.goods-modal .goods-modal-image .swiper-button-next-custom:hover,.goods-modal .goods-modal-image .swiper-button-prev-custom:hover{opacity:1}.goods-modal .goods-modal-image .goods-modal-image-caption{position:absolute;bottom:-31px;color:rgba(255,255,255,.7);text-align:center;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.goods-modal .goods-modal-prompt{font-size:17px;font-weight:800;margin-bottom:16px;display:flex;justify-content:space-between}.goods-modal .goods-modal-prompt,.goods-modal .goods-modal-prompt button{color:rgba(255,255,255,.7);font-family:Pretendard;font-style:normal;line-height:150%}.goods-modal .goods-modal-prompt button{width:38px;height:23px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid rgba(255,255,255,.3);background-color:transparent;text-align:right;font-size:10px;font-weight:400}.goods-modal .goods-modal-prompt button:hover{border-color:#00ff00;color:#00ff00;cursor:pointer}.goods-modal .goods-modal-toggle-visibility{margin-left:auto;display:flex;gap:4px;height:26px;padding:0 10px;justify-content:center;align-items:center;background:transparent;border-radius:100px;border:1px solid #507744;color:rgba(255,255,255,.7);font-size:10px;font-style:normal;font-weight:400;line-height:normal;transition:all .2s}.goods-modal .goods-modal-toggle-visibility:hover{border-color:#00ff00;color:#00ff00;cursor:pointer}