.gallery-item{position:relative}.play-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:48px;opacity:.8;transition:opacity .3s ease;pointer-events:none;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gallery-item:hover .play-icon-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-badge{display:inline-block;background:#ff9800;color:white;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-left:5px}.item-type-badge{display:inline-block;background:#2196f3;color:white;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;margin-right:5px}.gallery-item video{width:100%;height:auto;display:block;pointer-events:none}.modal-video{width:100%;max-height:100%;outline:none}.image-modal{display:none;position:fixed;top:0;left:2px;right:2px;width:100%;height:100%;background:#0c0b0b;z-index:2000;justify-content:center;align-items:center;padding:10px}.modal-content{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:1000px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:orange;color:white;flex-shrink:0}.close-modal{background:0 0;border:none;color:white;font-size:28px;cursor:pointer}.modal-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.modal-top-section{padding:15px;background:#fff;transition:opacity .3s ease,transform .3s ease}.modal-image{display:flex;align-items:center;justify-content:center;background:#fdfeff;border-radius:var(--radius);overflow:hidden;min-height:200px}.modal-image img,.modal-image video{max-width:100%;max-height:50vh;object-fit:contain;border-radius:var(--radius)}.modal-details{display:none}.download-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--radius);padding:15px;margin-top:15px;text-align:center;border:1px solid #e9ecef}.download-btn,.buy-btn{width:100%;padding:12px;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;background:#c81d75;color:white}.buy-btn{background:linear-gradient(90deg,#ff6584,#ff9a3d)}.related-section-title{font-size:16px;font-weight:600;margin:0 0 10px 8px;color:#333;border-left:3px solid var(--primary);padding-left:10px}.related-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px;background:#f5f5f5;border-radius:12px;margin-top:5px}.related-image-item{cursor:pointer;border-radius:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.related-image-item img,.related-image-item video{width:100%;height:130px;object-fit:cover;display:block}.related-image-item:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (min-width:769px){.related-section-title,.related-images-grid{display:none}.modal-details{display:block}.modal-body{display:flex;flex-direction:row}}@media (max-width:768px){.modal-details{display:none}.modal-top-section{transition:opacity .3s ease,transform .3s ease}.modal-top-section.hide-on-scroll{opacity:0;visibility:hidden;transform:translateY(-50px);pointer-events:none}.modal-top-section.show-on-scroll{opacity:1;visibility:visible;transform:translateY(0)}.related-section-title{font-size:14px;margin-top:5px}.related-image-item img,.related-image-item video{height:110px}.related-images-grid{gap:10px;padding:6px}.modal-header h3{display:none}.modal-header{justify-content:flex-end;background:0 0;padding:10px;position:absolute;top:0;right:0;z-index:10}.close-modal{color:white!important;font-size:30px!important;background:rgba(0,0,0,.6)!important;border-radius:50%!important;width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;margin:5px}.modal-content{background:0 0!important;box-shadow:none!important;max-width:95%!important;max-height:100vh!important}.modal-image img,.modal-image video{max-height:40vh}}@media (max-width:480px){.related-image-item img,.related-image-item video{height:100px}}@media (min-width:769px){.modal-scroll-area{display:flex;flex-direction:row;padding:20px}.modal-top-section{flex:2;padding-right:20px}.modal-details{flex:1;display:block;padding-left:20px;border-left:1px solid #eee}.related-images-section{display:none}.modal-image img,.modal-image video{max-height:60vh}}