.share-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.share-modal-overlay .share-modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;padding:24px;animation:.3s ease-out slideUp;position:relative;box-shadow:0 10px 25px #0000001a}.share-modal-overlay .share-modal-content .modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.share-modal-overlay .share-modal-content .modal-header h3{color:#1f2937;margin:0;font-size:24px;font-weight:600}.share-modal-overlay .share-modal-content .modal-header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s}.share-modal-overlay .share-modal-content .modal-header .close-btn svg{width:24px;height:24px}.share-modal-overlay .share-modal-content .modal-header .close-btn:hover{color:#111827}.share-modal-overlay .share-modal-content .modal-body .share-link-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;margin-bottom:24px;padding:4px;display:flex}.share-modal-overlay .share-modal-content .modal-body .share-link-box input{color:#4b5563;background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-size:14px}.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn{color:#42b72a;cursor:pointer;background:0 0;border:none;border-left:1px solid #e5e7eb;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn:hover{background-color:#f0fdf4}.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn.copied{color:#318e1e}.share-modal-overlay .share-modal-content .modal-body .social-share-options{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.share-modal-overlay .share-modal-content .modal-body .social-share-options button{border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:12px;min-width:120px;height:52px;padding:0 20px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;color:#fff!important;display:flex!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.share-modal-overlay .share-modal-content .modal-body .social-share-options button svg{width:24px;min-width:24px;height:24px;min-height:24px}.share-modal-overlay .share-modal-content .modal-body .social-share-options button svg circle{fill:#0000!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options button svg path{fill:#fff!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options .whatsapp{background-color:#25d366!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options .whatsapp:hover{background-color:#1ebc57!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options .facebook{background-color:#1877f2!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options .facebook:hover{background-color:#166fe5!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options .pinterest{background-color:#bd081c!important}.share-modal-overlay .share-modal-content .modal-body .social-share-options .pinterest:hover{background-color:#a30718!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767.55px){.share-modal-overlay .share-modal-content{max-width:350px;padding:15px}.share-modal-overlay .share-modal-content .modal-header{margin-bottom:15px}.share-modal-overlay .share-modal-content .modal-header h3{font-size:20px}.share-modal-overlay .share-modal-content .modal-header .close-btn svg{width:20px;height:20px}.share-modal-overlay .share-modal-content .modal-body .share-link-box{margin-bottom:18px}.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn,.share-modal-overlay .share-modal-content .modal-body .share-link-box input{padding:6px 10px}.share-modal-overlay .share-modal-content .modal-body .social-share-options{margin-top:15px}.share-modal-overlay .share-modal-content .modal-body .social-share-options .social-btn{border-radius:6px;gap:6px;padding:8px 15px;font-size:14px}.share-modal-overlay .share-modal-content .modal-body .social-share-options .social-btn svg{width:18px;min-width:18px;height:18px;min-height:18px}}
