.nazar-form-container{max-width:1200px;margin:0 auto;padding:1px;font-family:inherit;direction:rtl;text-align:right;}
.nazar-form-wrapper{max-width:500px;margin:0 auto 20px;padding:0 8px;}
.nazar-form-box{background:transparent;padding:40px;box-shadow:none;transform:translateY(0);transition:all 0.3s ease;position:relative;}
.nazar-form{display:flex;flex-direction:column;gap:4px;}
.upload-section{text-align:center;margin-top:-12px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.upload-button{display:inline-block;width:100px;height:100px;background:#35BA9A;border:1px dashed #2a9d82;border-radius:50%;cursor:pointer;transition:all 0.3s ease;margin-bottom:2px;border-style:dashed;border-width:1px;border-color:#2a9d82;background-clip:padding-box;box-shadow:0 2px 8px rgba(53, 186, 154, 0.3);}
.upload-button:hover{background:#2a9d82;border-color:#1f7a68;transform:scale(1.05);box-shadow:0 6px 20px rgba(53, 186, 154, 0.4);}
.upload-icon{display:flex;align-items:center;justify-content:center;height:100%;color:white;font-size:32px;font-weight:bold;}
.upload-icon svg{width:50px;height:50px;color:white;}
.upload-text{font-size:12px;color:#6b7280;margin:0 !important;}
.nazar-form-container .upload-text, .nazar-form-container p.upload-text{margin-top:8px !important;margin-bottom:-8px !important;margin-left:0 !important;margin-right:0 !important;}
.progress-bar{width:100%;max-width:281px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:8px auto;}
.progress-fill{height:100%;background:#35BA9A;width:0;transition:width 0.3s ease;border-radius:4px;}
.progress-bar .bg-purple-500{background:#8b5cf6 !important;}
.progress-bar .bg-green-500{background:#35BA9A !important;}
.preview-box{border:2px dashed #d1d5db;border-radius:8px;padding:16px;background:#f9fafb;text-align:center;margin:16px auto;transition:all 0.3s ease;width:100%;max-width:400px;}
.preview-box:hover{border-color:#35BA9A;background:#f0fdf4;box-shadow:0 4px 12px rgba(53, 186, 154, 0.1);}
.preview-content{border-radius:8px;overflow:hidden;width:100% !important;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.preview-content img, .preview-content video, .preview-content .audio-container{width:100% !important;height:auto !important;max-height:200px !important;object-fit:cover !important;border-radius:8px !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;}
.preview-content .w-full.relative{width:100% !important;text-align:center !important;}
.preview-content audio{width:100% !important;margin-top:10px !important;}
.preview-content .audio-container{position:relative !important;width:100% !important;height:180px !important;min-height:180px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;text-align:center !important;background:#f8f9fa !important;border-radius:8px !important;overflow:hidden !important;}
.preview-content .audio-cover{width:100% !important;height:180px !important;object-fit:cover !important;object-position:center !important;border-radius:8px !important;display:block !important;position:relative !important;z-index:1 !important;}
.preview-content .audio-player{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;width:90% !important;height:40px !important;border-radius:8px !important;display:block !important;background:rgba(255, 255, 255, 0.95) !important;border:1px solid rgba(229, 231, 235, 0.8) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15) !important;z-index:10 !important;visibility:visible !important;opacity:1 !important;}
.input-group{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:281px;margin:0 auto;}
.form-input, .form-textarea{width:100%;padding:8px 12px;background:#E7ECF8;border:1px solid #d1d5db;border-radius:20px;font-size:14px;transition:all 0.3s ease;box-sizing:border-box;}
.form-input{min-height:35px;height:35px;}
.form-textarea{resize:vertical;min-height:60px;max-height:120px;line-height:20px;overflow-y:auto;transition:height 0.2s ease;padding:12px 16px;font-family:inherit;font-size:14px;word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;max-width:281px;margin:0px 0px -12px 0px;text-align:right;direction:rtl;}
@media(max-width:768px){
.form-textarea{min-height:50px;max-height:100px;line-height:18px;font-size:13px;padding:10px 14px;width:281px;max-width:281px;}
.char-counter{font-size:11px;margin-top:6px;width:281px;max-width:281px;}
}
@media(max-width:480px){
.form-textarea{min-height:45px;max-height:90px;line-height:16px;font-size:12px;padding:8px 12px;width:281px;max-width:281px;}
}
.form-input:focus, .form-textarea:focus{outline:none;border-color:#35BA9A;background:#ffffff;box-shadow:0 0 0 3px rgba(16, 185, 129, 0.1);}
.svg-input-container{position:relative;width:100%;height:45px;margin:0 auto;max-width:281px;}
@media(max-width:768px){
.svg-input-container{width:281px;max-width:281px;}
.svg-input-container .input-svg{width:100%;height:100%;}
.svg-input-container .form-input{width:100%;height:100%;}
}
.input-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.svg-input-container .form-input{position:absolute;top:0;left:0;width:100%;height:100%;background:#E7ECF8;border:1px solid #d1d5db;padding:12px 20px;font-size:14px;color:#374151;z-index:2;border-radius:25px;}
.svg-input-container .form-input:focus{outline:none;border:1px solid #35BA9A;background:#ffffff;box-shadow:0 0 0 3px rgba(16, 185, 129, 0.1);}
.svg-input-container .form-input::placeholder{color:#9ca3af;}
.phone-note{font-size:12px;color:#ef4444;margin:4px auto 0 auto !important;font-weight:500;max-width:281px;width:281px;text-align:right;direction:rtl;line-height:1.4;}
.nazar-form-container .phone-note, .nazar-form-container p.phone-note{margin-top:8px !important;margin-bottom:-8px !important;margin-left:auto !important;margin-right:auto !important;}
.char-counter{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#6b7280;width:100%;max-width:281px;}
.char-count{color:#000000;font-weight:500;}
.char-limit{color:#ef4444;font-weight:500;}
.rating-section{text-align:center;margin-top:0px;margin-bottom:0px;display:flex;justify-content:center;align-items:center;width:100%;max-width:281px;margin-left:auto;margin-right:auto;}
.rating-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:-12px;width:100%;max-width:281px;}
.rating-title{font-size:14px;color:#374151;margin:0;white-space:nowrap;}
.star-container{display:flex;gap:3px;justify-content:center;align-items:center;}
.star-container i{font-size:20px;color:#d1d5db;cursor:pointer;transition:all 0.3s ease;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.star-container i:hover, .star-container i.fa-solid{color:#f59e0b;transform:scale(1.1);font-weight:900 !important;}
.submit-button{background:#35BA9A !important;color:white !important;border:none !important;padding:12px 20px !important;border-radius:25px !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;transition:all 0.3s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;box-shadow:0 4px 12px rgba(53, 186, 154, 0.3) !important;margin:0 auto !important;width:100% !important;max-width:281px !important;height:45px !important;}
.submit-button:hover{background:#2a9d82 !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(53, 186, 154, 0.4) !important;}
.error-message{background:#fef2f2;color:#dc2626;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;text-align:center;border:1px solid #fecaca;box-shadow:0 2px 8px rgba(220, 38, 38, 0.1);margin:10px auto;max-width:281px;animation:shake 0.5s ease-in-out;position:relative;z-index:100;}
@keyframes shake {
0%, 100%{transform:translateX(0);}
25%{transform:translateX(-5px);}
75%{transform:translateX(5px);}
} .comments-section{margin-top:35px;}
.contact-section{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:12px;padding:20px;margin:24px auto 20px auto;width:100%;max-width:500px;transition:all 0.3s ease;}
.contact-section:hover{transform:translateY(-2px);}
.contact-images-container{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:nowrap;width:100%;text-align:center;}
.contact-image{max-width:80px;max-height:80px;width:auto;height:auto;object-fit:contain;border-radius:8px;transition:transform 0.3s ease;cursor:pointer;}
.contact-image:hover{transform:scale(1.1);}
.contact-link{display:inline-block;text-decoration:none;transition:transform 0.3s ease;}
.contact-link:hover{transform:scale(1.05);}
@media(min-width:768px) and (max-width:1023px){
.contact-images-container{gap:18px;margin-bottom:25px;flex-wrap:nowrap;justify-content:center;}
.contact-image{max-width:70px;max-height:70px;}
} @media(max-width:768px){
.contact-images-container{gap:15px;margin-bottom:25px;flex-wrap:nowrap;justify-content:center;}
.contact-image{max-width:60px;max-height:60px;}
}
@media(max-width:480px){
.contact-images-container{gap:10px;margin-bottom:20px;flex-wrap:nowrap;justify-content:center;}
.contact-image{max-width:50px;max-height:50px;}
}
.comments-header{text-align:center;margin-bottom:25px;}
.comments-title{font-size:24px;font-weight:bold;color:#1f2937;margin-bottom:8px;}
.comments-subtitle{color:#6b7280;font-size:14px;}
.comment-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:18px;margin-bottom:25px;justify-content:center;}
.comment-card{height:420px;min-height:420px;max-height:420px;display:flex;flex-direction:column;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;}
.comment-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);}
.comment-box{display:flex !important;flex-direction:column !important;min-height:100% !important;padding:20px !important;position:relative !important;flex:1 !important;}
.comment-media, .video-container, .audio-container{width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;margin:0 auto !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;flex-shrink:0 !important;order:1 !important;overflow:hidden !important;text-align:center !important;background:#f8f9fa !important;}
.video-container{position:relative;margin:0 auto 8px auto !important;flex-shrink:0 !important;order:1 !important;width:100% !important;height:180px !important;border-radius:8px !important;overflow:hidden !important;text-align:center !important;}
.video-container video{width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;display:block !important;background:#f8f9fa !important;}
.video-container video{position:relative !important;z-index:2 !important;}
.audio-container{position:relative !important;margin:0 auto !important;width:100% !important;border-radius:8px !important;overflow:hidden !important;flex-shrink:0 !important;order:1 !important;height:180px !important;min-height:180px !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:1 !important;text-align:center !important;}
.audio-cover{width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;margin:0 auto !important;padding:0 !important;background:#f8f9fa !important;position:relative !important;top:0 !important;left:0 !important;z-index:1 !important;visibility:visible !important;opacity:1 !important;text-align:center !important;}
.audio-player{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;width:90% !important;height:40px !important;border-radius:8px !important;display:block !important;max-width:90% !important;min-width:180px !important;box-sizing:border-box !important;margin:0 !important;padding:6px !important;background:rgba(255, 255, 255, 0.95) !important;border:1px solid rgba(229, 231, 235, 0.8) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15) !important;z-index:10 !important;visibility:visible !important;opacity:1 !important;transition:all 0.3s ease !important;}
.audio-container:hover .audio-player{background:rgba(255, 255, 255, 1) !important;box-shadow:0 6px 20px rgba(0, 0, 0, 0.2) !important;transform:translate(-50%, -50%) scale(1.02) !important;}
.comment-content{flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;margin-bottom:20px !important;min-height:90px !important;overflow:visible !important;order:2 !important;align-items:stretch !important;padding:0 5px !important;margin-top:0 !important;}
.comment-text{color:#1f2937;font-size:13px;line-height:1.5;text-align:left;direction:rtl;margin:0;margin-top:0;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;width:100%;min-height:70px;height:auto;max-height:none;white-space:normal;display:block;overflow:visible;text-overflow:clip;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;box-sizing:border-box;padding:8px 0;}
.comment-card .comment-text, .comment-box .comment-text, #nazar-root .comment-text{white-space:normal !important;word-break:break-word !important;word-wrap:break-word !important;overflow-wrap:break-word !important;text-align:right !important;direction:rtl !important;}
.comment-rating{display:flex !important;gap:2px !important;color:#f59e0b !important;font-size:12px !important;justify-content:center !important;align-items:center !important;text-align:center !important;flex-shrink:0 !important;margin:auto 0 !important;width:100% !important;order:3 !important;align-self:center !important;position:relative !important;z-index:10 !important;}
.comment-rating i{font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;color:#d1d5db !important;}
.comment-rating i.fa-solid{font-weight:900 !important;color:#f59e0b !important;}
.comment-card .comment-rating, .comment-box .comment-rating, #nazar-root .comment-rating{justify-content:center !important;align-items:center !important;text-align:center !important;position:relative !important;margin:auto 0 !important;z-index:10 !important;width:100% !important;max-width:200px !important;}
.comment-rating span, .comment-rating{direction:ltr !important;text-align:left !important;justify-content:flex-start !important;}
.comment-card .comment-rating, .comment-box .comment-rating, #nazar-root .comment-rating,
.comment-rating{display:flex !important;justify-content:center !important;align-items:center !important;text-align:center !important;position:relative !important;margin:auto 0 !important;z-index:10 !important;width:100% !important;max-width:200px !important;}
.comment-rating span{direction:ltr !important;text-align:left !important;margin-right:0 !important;margin-left:0 !important;}
.comment-card .comment-rating, .comment-box .comment-rating, #nazar-root .comment-rating,
.comment-rating{display:flex !important;justify-content:center !important;align-items:center !important;text-align:center !important;position:relative !important;margin:auto 0 !important;z-index:10 !important;width:100% !important;max-width:200px !important;}
.load-more-section{text-align:center;margin-top:30px;}
.load-more-button{background:#35BA9A;color:white;border:none;padding:12px 25px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 12px rgba(53, 186, 154, 0.3);}
.load-more-button:hover{background:#2a9d82;transform:translateY(-3px);box-shadow:0 6px 20px rgba(53, 186, 154, 0.4);}
.load-more-arrow{width:20px;height:20px;}
.loading-indicator{display:flex;align-items:center;justify-content:center;gap:6px;color:#35BA9A;margin-top:12px;}
.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #35BA9A;border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
} .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;visibility:visible;}
.modal.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;}
.modal-close:hover{background:#f3f4f6;color:#ef4444;}
.modal-header{font-weight:bold;font-size:16px;margin-bottom:20px;color:#1f2937;}
.modal-media{border-radius:8px;overflow:hidden;margin-bottom:15px;max-height:200px;width:100% !important;}
.modal-media img, .modal-media video{width:100% !important;height:auto !important;max-height:200px !important;object-fit:cover !important;border-radius:8px !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;}
.modal-rating{display:flex;gap:4px;color:#f59e0b;font-size:20px;justify-content:center;margin-bottom:15px;}
.modal-rating i{font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.modal-rating i.fa-solid{font-weight:900 !important;}
.modal-rating i.fa-regular{font-weight:400 !important;}
.star-animate{font-size:20px;transition:all 0.3s ease;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.star-animate.selected{color:#f59e0b;font-weight:900 !important;}
.star-animate:not(.selected){color:#d1d5db;font-weight:400 !important;}
.star-rating i{font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.star-rating i.fa-solid{font-weight:900 !important;}
.star-rating i.fa-regular{font-weight:400 !important;}
.modal-text{background:#f9fafb;padding:15px;border-radius:8px;font-size:14px;text-align:right;margin-bottom:20px;color:#1f2937;}
.modal-button{background:#35BA9A;color:white;border:none;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-left:auto;margin-right:auto;display:block;}
.modal-button:hover{background:#2a9d82;transform:translateY(-2px);}
.thank-you-icon{font-size:48px;margin-bottom:20px;}
.user-media{margin-bottom:20px;border-radius:8px;overflow:hidden;max-height:200px;}
.user-media img, .user-media video{width:100%;height:auto;max-height:200px;object-fit:cover;border-radius:8px;display:block;}
.user-comment{background:#f9fafb;padding:15px;border-radius:8px;font-size:14px;text-align:right;margin-bottom:15px;color:#1f2937;border:1px solid #e5e7eb;}
.user-rating{text-align:center;margin-bottom:20px;font-size:20px;}
.media-viewer-content{max-width:60vw !important;max-height:70vh !important;width:fit-content !important;height:fit-content !important;position:relative !important;border:2px solid #35ba9a !important;border-radius:12px !important;display:inline-block !important;overflow:hidden !important;line-height:0 !important;padding:0 !important;margin:0 !important;}
.media-viewer-content img, .media-viewer-content video{max-width:60vw !important;max-height:70vh !important;width:auto !important;height:auto !important;object-fit:contain !important;display:block !important;border-radius:8px !important;margin:0 !important;padding:0 !important;}
.media-viewer-content{font-size:0 !important;}
.media-viewer-content *{font-size:initial !important;}
@media(min-width:1200px){
.media-viewer-content{max-width:50vw !important;max-height:60vh !important;padding:0 !important;margin:0 !important;}
.media-viewer-content img, .media-viewer-content video{max-width:50vw !important;max-height:60vh !important;margin:0 !important;padding:0 !important;}
} .expanded-video-content{max-width:80vw !important;max-height:80vh !important;width:fit-content !important;height:fit-content !important;padding:0 !important;position:relative !important;background:rgba(0, 0, 0, 0.95) !important;border:2px solid #35ba9a !important;border-radius:12px !important;display:inline-block !important;overflow:hidden !important;}
.expanded-video{max-width:80vw !important;max-height:80vh !important;width:auto !important;height:auto !important;object-fit:contain !important;border-radius:8px !important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.5) !important;display:block !important;}
.expanded-video-close{position:absolute !important;top:15px !important;right:15px !important;background:rgba(255, 255, 255, 0.2) !important;color:white !important;border:none !important;border-radius:50% !important;width:45px !important;height:45px !important;font-size:28px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;z-index:1001 !important;backdrop-filter:blur(10px) !important;}
.expanded-video-close:hover{background:rgba(255, 255, 255, 0.3) !important;transform:scale(1.1) !important;}
.full-size-media{max-width:100% !important;max-height:80vh !important;width:auto !important;height:auto !important;object-fit:contain !important;border-radius:8px !important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3) !important;}
.close-btn{position:absolute !important;top:10px !important;right:15px !important;background:rgba(255, 255, 255, 0.2) !important;color:white !important;border:none !important;border-radius:50% !important;width:40px !important;height:40px !important;font-size:24px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;z-index:1001 !important;}
.close-btn:hover{background:rgba(255, 255, 255, 0.3) !important;transform:scale(1.1) !important;}
.comment-media, .video-container video, .audio-cover{cursor:pointer !important;transition:transform 0.2s ease !important;}
.comment-media:hover, .video-container video:hover, .audio-cover:hover{transform:scale(1.02) !important;}
.modal-thank-you-image{cursor:default !important;pointer-events:none !important;transition:none !important;}
.modal-thank-you-image:hover{transform:none !important;}
.thank-you-title{font-size:20px;font-weight:bold;margin-bottom:10px;color:#1f2937;}
.thank-you-text{color:#6b7280;margin-bottom:25px;}
.user-media{margin:20px 0;}
.user-media img, .user-media video{width:100% !important;height:auto !important;max-height:200px !important;object-fit:cover !important;border-radius:8px !important;display:block !important;}
.user-comment{background:#f9fafb !important;border:1px solid #e5e7eb !important;border-radius:8px !important;padding:15px !important;text-align:right !important;color:#1f2937 !important;font-size:14px !important;line-height:1.6 !important;}
.user-rating{text-align:center !important;color:#f59e0b !important;font-size:20px !important;margin:15px 0 !important;}
.no-more-comments-message{text-align:center;margin-top:20px;color:#6b7280;font-size:14px;}
.upload-button{border-style:dashed !important;border-width:2px !important;border-color:#2a9d82 !important;background-clip:padding-box !important;}
.nazar-form-container .hidden{display:none !important;}
.nazar-form-container img, .nazar-form-container video{max-width:100% !important;height:auto !important;box-sizing:border-box !important;object-fit:contain !important;object-position:center !important;}
.comment-media, .responsive-media, .audio-cover, .modal-media img, .modal-media video, .preview-content img, .preview-content video{width:100% !important;height:auto !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;background:#f8f9fa !important;}
@media(max-width:1024px) and (min-width:769px){
.terms-modal-content{max-width:94vw;width:94vw;margin:0 0.2vw;}
.terms-modal-header{padding:6px 10px;}
.terms-modal-body{padding:4px 8px;}
.terms-modal-footer{padding:4px 8px;}
} @media(max-width:768px){
.nazar-form-container{padding:0px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.terms-modal-content{max-width:97vw;width:97vw;margin:0 0.05vw;max-height:98vh;}
.terms-modal-header{padding:4px 8px;}
.terms-modal-body{padding:3px 6px;}
.terms-modal-footer{padding:3px 6px;}
.retry-buttons{flex-direction:column;gap:8px;}
.retry-button{min-width:100%;width:100%;}
.expanded-video-content{max-width:100vw !important;max-height:100vh !important;border-radius:0 !important;}
.expanded-video{max-width:100% !important;max-height:100vh !important;border-radius:0 !important;}
.media-viewer-content{max-width:95vw !important;max-height:80vh !important;padding:0 !important;margin:0 !important;}
.media-viewer-content img, .media-viewer-content video{max-width:95vw !important;max-height:80vh !important;margin:0 !important;padding:0 !important;}
.expanded-video-close{top:10px !important;right:10px !important;width:40px !important;height:40px !important;font-size:24px !important;}
.nazar-form-wrapper{padding:0 1px;width:100%;max-width:500px;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.nazar-form-box{padding:40px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.nazar-form{gap:3px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.upload-button{margin-bottom:1px;}
.progress-bar{margin:6px auto;width:281px;max-width:281px;}
.preview-box{padding:12px;margin:12px auto;}
.phone-note{margin:3px auto 0 auto;width:281px;max-width:281px;text-align:right;direction:rtl;}
.char-counter{margin-top:4px;}
.rating-section{margin-top:0px;margin-bottom:0px;}
.rating-container{gap:12px;}
.rating-title{font-size:13px;}
.star-container{gap:5px;}
.comments-header{margin-bottom:22px;}
.comment-container{grid-template-columns:1fr;gap:16px;margin-bottom:22px;justify-content:center;}
.comment-card{max-width:280px;height:380px !important;min-height:380px !important;max-height:380px !important;margin:0 auto;}
.comment-box{height:auto;min-height:auto !important;}
.load-more-button{padding:11px 22px;}
.terms-card-container{margin:6px 0 6px 0;}
.comments-section{margin-top:30px;}
.comment-media, .responsive-media{height:150px !important;width:100% !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;margin:0 !important;padding:0 !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;background:#f8f9fa !important;}
.video-container{height:150px !important;}
.video-container video{height:150px !important;width:100% !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;margin:0 !important;padding:0 !important;background:#f8f9fa !important;}
.audio-container{height:200px !important;min-height:200px !important;}
.audio-cover{height:200px !important;width:100% !important;object-fit:cover !important;object-position:center !important;border-radius:8px !important;margin:0 auto !important;padding:0 !important;position:relative !important;text-align:center !important;background:#f8f9fa !important;}
.modal-media img, .modal-media video, .preview-content img, .preview-content video{height:auto !important;max-height:150px !important;width:100% !important;object-fit:cover !important;border-radius:8px !important;margin:0 !important;padding:0 !important;}
} @media(min-width:768px) and (max-width:1023px){
.nazar-form-container{padding:1px;}
.expanded-video-content{max-width:90vw !important;max-height:90vh !important;}
.expanded-video{max-width:100% !important;max-height:85vh !important;}
.media-viewer-content{max-width:70vw !important;max-height:75vh !important;padding:0 !important;margin:0 !important;}
.media-viewer-content img, .media-viewer-content video{max-width:70vw !important;max-height:75vh !important;margin:0 !important;padding:0 !important;}
.expanded-video-close{top:12px !important;right:12px !important;width:42px !important;height:42px !important;font-size:26px !important;}
.nazar-form-wrapper{padding:0 2px;}
.nazar-form-box{padding:40px;}
.nazar-form{gap:3px;}
.comments-header{margin-bottom:24px;}
.comment-container{grid-template-columns:repeat(2, 1fr);gap:17px;margin-bottom:24px;justify-content:center;}
.comment-card{max-width:280px;height:400px !important;}
.comment-box{min-height:auto !important;}
.load-more-button{padding:12px 24px;}
.comments-section{margin-top:32px;}
.responsive-media{height:180px !important;}
.comment-media{height:180px !important;}
}
@media(min-width:1024px){
.nazar-form-container{padding:1px;}
.expanded-video-content{max-width:85vw !important;max-height:85vh !important;}
.expanded-video{max-width:100% !important;max-height:80vh !important;}
.expanded-video-close{top:15px !important;right:15px !important;width:45px !important;height:45px !important;font-size:28px !important;}
.nazar-form-wrapper{padding:0 3px;}
.nazar-form-box{padding:40px;}
.nazar-form{gap:3px;}
.comments-header{margin-bottom:25px;}
.comment-container{grid-template-columns:repeat(3, 1fr);gap:18px;margin-bottom:25px;justify-content:center;}
.load-more-button{padding:12px 25px;}
.comments-section{margin-top:35px;}
}
@media(min-width:1280px){
.nazar-form-container{padding:1px;}
.expanded-video-content{max-width:80vw !important;max-height:80vh !important;}
.expanded-video{max-width:100% !important;max-height:75vh !important;}
.expanded-video-close{top:20px !important;right:20px !important;width:50px !important;height:50px !important;font-size:30px !important;}
.nazar-form-wrapper{padding:0 6px;}
.nazar-form-box{padding:40px;}
.nazar-form{gap:10px;}
.comments-header{margin-bottom:25px;}
.comment-container{grid-template-columns:repeat(4, 1fr);gap:18px;margin-bottom:25px;justify-content:center;}
.load-more-button{padding:12px 25px;}
.comments-section{margin-top:35px;}
} @media(max-width:480px){
.nazar-form-container{padding:0px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.expanded-video-content{max-width:100vw !important;max-height:100vh !important;border-radius:0 !important;}
.expanded-video{max-width:100% !important;max-height:100vh !important;border-radius:0 !important;}
.expanded-video-close{top:8px !important;right:8px !important;width:35px !important;height:35px !important;font-size:20px !important;}
.nazar-form-wrapper{padding:0 1px;width:100%;max-width:500px;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.nazar-form-box{padding:40px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.nazar-form{gap:2px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.upload-button{margin-bottom:1px;}
.progress-bar{margin:5px auto;width:281px;max-width:281px;}
.preview-box{padding:10px;margin:10px auto;}
.phone-note{margin:2px auto 0 auto;width:281px;max-width:281px;text-align:right;direction:rtl;}
.char-counter{margin-top:3px;}
.rating-section{margin-top:0px;margin-bottom:0px;}
.rating-container{gap:10px;}
.rating-title{font-size:12px;}
.star-container{gap:4px;}
.comments-header{margin-bottom:20px;}
.comment-container{gap:15px;margin-bottom:20px;justify-content:center;}
.comment-card{max-width:260px;height:350px !important;margin:0 auto;}
.comment-box{min-height:auto !important;}
.load-more-button{padding:10px 20px;}
.terms-card-container{margin:5px 0 5px 0;}
.comments-section{margin-top:25px;}
} @media(min-width:768px) and (max-width:1023px){
.responsive-media{height:170px !important;}
.comment-media{height:170px !important;}
.video-container{height:170px !important;}
.video-container video{height:170px !important;}
.audio-container{height:190px !important;min-height:190px !important;}
.audio-cover{height:190px !important;margin:0 auto !important;text-align:center !important;}
.audio-player{height:40px !important;width:85% !important;min-width:180px !important;padding:6px !important;}
} .video-container{position:relative;width:100% !important;border-radius:8px;overflow:hidden;margin:0 !important;padding:0 !important;order:1;}
.video-container.vertical{max-width:300px;margin:0 auto;}
.video-container.vertical video{width:auto !important;max-width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;margin:0 auto !important;display:block !important;border-radius:8px !important;background:#f8f9fa !important;}
.responsive-media.vertical{width:auto !important;max-width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;margin:0 auto !important;display:block !important;border-radius:8px !important;background:#f8f9fa !important;}
.video-container video{width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;display:block !important;border-radius:8px !important;background:#f8f9fa !important;}
.responsive-media{width:100% !important;height:180px !important;object-fit:contain !important;object-position:center !important;border-radius:8px !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;margin:0 auto !important;padding:0 !important;order:1;overflow:hidden !important;background:#f8f9fa !important;}
.comment-card{opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease forwards;}
video::-webkit-media-controls-download-button, video::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-overflow-menu-button, video::-webkit-media-controls-playback-rate-button, video::-webkit-media-controls-picture-in-picture-button, video::-webkit-media-controls-current-time-display, video::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-timeline-container > *:not(video::-webkit-media-controls-timeline),
audio::-webkit-media-controls-download-button, audio::-webkit-media-controls-overflow-menu-button, audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display{display:none !important;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video:fullscreen, video:-webkit-full-screen, video:-moz-full-screen, video:-ms-fullscreen{display:none !important;}
video{pointer-events:auto !important;}
video::-webkit-media-controls-fullscreen-button{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
.comment-card img, .comment-card video, .comment-card .responsive-media, .comment-card .comment-media{width:100% !important;height:180px !important;object-fit:cover !important;border-radius:8px !important;display:block !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;overflow:hidden !important;}
.comment-card img, .comment-card .comment-media, .comment-card .responsive-media{object-fit:cover !important;object-position:center !important;display:block !important;margin:0 auto !important;text-align:center !important;}
.comment-card .audio-container{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;text-align:center !important;}
.comment-card .audio-cover{object-fit:cover !important;object-position:center !important;display:block !important;margin:0 auto !important;text-align:center !important;position:relative !important;top:0 !important;left:0 !important;width:100% !important;max-width:100% !important;min-width:100% !important;box-sizing:border-box !important;border-radius:8px !important;}
.comment-card:has(.audio-container){display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;}
.comment-card:has(.audio-container) .comment-box{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
.comment-card:has(.audio-container) .audio-container{order:-1 !important;margin:0 auto !important;position:relative !important;top:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
@media(min-width:1024px){
.comment-card:has(.audio-container) .audio-container{position:relative !important;left:0 !important;right:0 !important;margin-left:auto !important;margin-right:auto !important;float:none !important;}
.comment-card:has(.audio-container) .audio-cover{position:relative !important;left:0 !important;right:0 !important;margin:0 auto !important;float:none !important;text-align:center !important;}
} .story-card{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.story-card.active{opacity:1;visibility:visible;}
.story-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:700px;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0, 0, 0, 0.5);}
.story-card-media{width:100%;height:100%;object-fit:cover;border-radius:20px;position:relative;}
.story-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.5) 100% );border-radius:20px;pointer-events:none;}
.story-card-header{position:absolute;top:20px;left:20px;right:20px;z-index:10;display:flex;align-items:center;justify-content:space-between;}
.story-card-user-info{display:flex;align-items:center;gap:12px;color:white;}
.story-card-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover;}
.story-card-username{font-size:16px;font-weight:600;color:white;text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}
.story-card-time{font-size:14px;color:rgba(255, 255, 255, 0.8);text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}
.story-card-close{background:rgba(0, 0, 0, 0.5);border:none;color:white;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}
.story-card-close:hover{background:rgba(0, 0, 0, 0.7);transform:scale(1.1);}
.story-card-content{position:absolute;bottom:20px;left:20px;right:20px;z-index:10;color:white;}
.story-card-text{font-size:16px;line-height:1.5;margin-bottom:15px;text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);max-height:120px;overflow-y:auto;}
.story-card-rating{display:flex;gap:4px;font-size:20px;color:#f59e0b;text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}
.story-card-progress{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255, 255, 255, 0.3);z-index:10;}
.story-card-progress-bar{height:100%;background:white;width:0%;transition:width 0.1s linear;}
.story-card-navigation{position:absolute;top:0;bottom:0;width:50%;cursor:pointer;z-index:5;}
.story-card-navigation.prev{left:0;}
.story-card-navigation.next{right:0;}
.story-card-indicators{position:absolute;top:60px;left:20px;right:20px;display:flex;gap:4px;z-index:10;}
.story-card-indicator{flex:1;height:3px;background:rgba(255, 255, 255, 0.3);border-radius:2px;overflow:hidden;}
.story-card-indicator.active{background:white;}
.story-card-indicator-progress{height:100%;background:white;width:0%;transition:width 0.1s linear;}
@media(max-width:768px){
.story-card-container{max-width:100%;height:100vh;max-height:100vh;border-radius:0;}
.story-card-media{border-radius:0;}
.story-card-overlay{border-radius:0;}
.story-card-header{top:15px;left:15px;right:15px;}
.story-card-content{bottom:15px;left:15px;right:15px;}
.story-card-avatar{width:35px;height:35px;}
.story-card-username{font-size:15px;}
.story-card-text{font-size:15px;max-height:100px;}
}
@media(max-width:480px){
.story-card-header{top:10px;left:10px;right:10px;}
.story-card-content{bottom:10px;left:10px;right:10px;}
.story-card-avatar{width:32px;height:32px;}
.story-card-username{font-size:14px;}
.story-card-text{font-size:14px;max-height:80px;}
} @media(max-width:768px){
.comment-card img, .comment-card video, .comment-card .responsive-media, .comment-card .comment-media{max-height:150px !important;}
.comment-box{display:flex !important;flex-direction:column !important;height:100% !important;padding:20px !important;position:relative !important;}
.comment-content{flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;margin-bottom:8px !important;min-height:80px !important;overflow:hidden !important;}
.comment-rating{position:relative !important;margin:auto 0 !important;display:flex !important;justify-content:center !important;align-items:center !important;text-align:center !important;gap:2px !important;background:rgba(255, 255, 255, 0.95) !important;padding:5px 10px !important;border-radius:4px !important;z-index:10 !important;white-space:nowrap !important;width:auto !important;min-width:120px !important;max-width:200px !important;}
.comment-media, .video-container{display:block !important;margin:0 auto !important;text-align:center !important;width:100% !important;max-width:100% !important;}
.audio-container{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;text-align:center !important;width:100% !important;max-width:100% !important;}
.comment-card:has(.audio-container){display:flex !important;flex-direction:column !important;align-items:center !important;}
.comment-card:has(.audio-container) .comment-box{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
.comment-media img, .video-container video, .audio-container img{display:block !important;margin:0 auto !important;max-width:100% !important;height:auto !important;}
.submit-button svg{width:100% !important;height:50px !important;}
.video-container, .audio-container{height:150px !important;}
.video-container video{height:150px !important;}
.audio-cover{height:100px !important;margin:0 auto !important;text-align:center !important;}
.audio-player{height:40px !important;width:85% !important;min-width:160px !important;padding:6px !important;}
}
@keyframes fadeInUp {
to{opacity:1;transform:translateY(0);}
}
.comment-card:nth-child(1){animation-delay:0.1s;}
.comment-card:nth-child(2){animation-delay:0.2s;}
.comment-card:nth-child(3){animation-delay:0.3s;}
.comment-card:nth-child(4){animation-delay:0.4s;}
.comment-card:nth-child(5){animation-delay:0.5s;}
.comment-card:nth-child(6){animation-delay:0.6s;}
.comment-card:nth-child(7){animation-delay:0.7s;}
.comment-card:nth-child(8){animation-delay:0.8s;}
.submit-button-new{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:9999px;background:#35BA9A;color:white;font-size:16px;cursor:pointer;border:none;width:100%;max-width:366px;margin:0 auto;transition:all 0.3s ease;}
.submit-button-new:hover{background:#2ea085;transform:translateY(-2px);box-shadow:0 6px 20px rgba(53, 186, 154, 0.4);}
.submit-button{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:12px 20px !important;border-radius:9999px !important;background:#35BA9A !important;color:white !important;font-size:16px !important;font-weight:600 !important;cursor:pointer !important;border:none !important;width:100% !important;max-width:281px !important;margin:0 auto !important;transition:all 0.3s ease !important;box-shadow:0 4px 12px rgba(53, 186, 154, 0.3) !important;height:50px !important;position:relative !important;}
@media(max-width:768px){
.submit-button{height:45px !important;padding:10px 16px !important;font-size:14px !important;width:281px !important;max-width:281px !important;}
}
@media(min-width:768px) and (max-width:1023px){
.submit-button{height:48px !important;padding:11px 18px !important;font-size:15px !important;width:281px !important;max-width:281px !important;}
}
@media(min-width:1024px){
.submit-button{height:50px !important;padding:12px 20px !important;font-size:16px !important;}
}
.submit-button:hover{background:#2ea085 !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(53, 186, 154, 0.4) !important;}
.submit-button .button-text{flex:1 !important;text-align:center !important;font-weight:600 !important;margin:0 12px !important;}
@media(max-width:768px){
.submit-button .button-text{margin:0 8px !important;font-size:14px !important;}
}
@media(min-width:768px) and (max-width:1023px){
.submit-button .button-text{margin:0 10px !important;font-size:15px !important;}
}
@media(min-width:1024px){
.submit-button .button-text{margin:0 12px !important;font-size:16px !important;}
} .submit-button svg{width:24px !important;height:22px !important;flex-shrink:0 !important;transition:transform 0.3s ease !important;transform:scaleX(1) !important;}
.submit-button:hover svg{transform:translateX(4px) !important;}
@media(max-width:768px){
.submit-button svg{width:20px !important;height:18px !important;}
}
@media(min-width:768px) and (max-width:1023px){
.submit-button svg{width:22px !important;height:20px !important;}
}
@media(min-width:1024px){
.submit-button svg{width:24px !important;height:22px !important;}
} .comment-box .comment-media,
.comment-box .video-container, .comment-box .audio-container, .comment-box .responsive-media{order:1 !important;}
.comment-box .comment-content{order:2 !important;}
.comment-box .comment-rating{order:3 !important;}
.comment-card .comment-box .comment-media, .comment-card .comment-box .video-container, .comment-card .comment-box .audio-container, .comment-card .comment-box .responsive-media{order:1 !important;flex-shrink:0 !important;}
.comment-card .comment-box .comment-content{order:2 !important;flex:1 !important;}
.comment-card .comment-box .comment-rating{order:3 !important;flex-shrink:0 !important;}
.comment-box{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;justify-content:flex-start !important;}
.comment-box > .video-container:first-child, .comment-box > .comment-media:first-child, .comment-box > .responsive-media:first-child{order:1 !important;margin-bottom:10px !important;}
.comment-box > .audio-container:first-child{order:1 !important;margin:0 auto !important;}
.comment-box > .comment-content:nth-child(2){order:2 !important;flex:1 !important;}
.comment-box > .comment-rating:last-child{order:3 !important;margin-top:auto !important;}
.comment-card{position:relative !important;overflow:hidden !important;}
.comment-box{position:relative !important;min-height:auto !important;}
.comment-rating{position:relative !important;margin:auto 0 !important;z-index:10 !important;background:rgba(255, 255, 255, 0.95) !important;padding:5px 10px !important;border-radius:4px !important;justify-content:center !important;align-items:center !important;text-align:center !important;display:flex !important;gap:2px !important;color:#f59e0b !important;font-size:24px !important;direction:ltr !important;unicode-bidi:bidi-override !important;white-space:nowrap !important;width:auto !important;min-width:120px !important;max-width:200px !important;}
.comment-card{display:block !important;position:relative !important;overflow:hidden !important;width:100% !important;max-width:100% !important;}
.comment-box{display:flex !important;flex-direction:column !important;position:relative !important;width:100% !important;height:100% !important;min-height:100% !important;}
.comment-media, .video-container{display:block !important;width:100% !important;max-width:100% !important;margin:0 auto !important;text-align:center !important;position:relative !important;}
.audio-container{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;max-width:100% !important;margin:0 auto !important;text-align:center !important;position:relative !important;}
.comment-media img, .video-container video, .audio-container img{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;margin:0 auto !important;object-fit:cover !important;}
.comment-content{margin-bottom:0px !important;min-height:60px !important;margin-top:0 !important;padding-top:0 !important;}
@media(min-width:1024px){
.comment-card{min-height:420px !important;max-height:420px !important;}
.comment-box{min-height:auto !important;}
.comment-content{margin-bottom:60px !important;}
.comment-card:has(.audio-container){display:flex !important;flex-direction:column !important;align-items:center !important;}
.comment-card:has(.audio-container) .comment-box{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
.comment-card:has(.audio-container) .audio-container{margin:0 auto !important;text-align:center !important;order:-1 !important;position:relative !important;top:0 !important;}
}
@media(max-width:1023px) and (min-width:768px){
.comment-card{min-height:400px !important;max-height:400px !important;}
.comment-box{min-height:auto !important;}
.comment-content{margin-bottom:75px !important;}
}
@media(max-width:767px){
.comment-card{width:100% !important;min-height:420px !important;max-height:420px !important;}
.comment-box{width:100% !important;min-height:auto !important;}
.comment-content{margin-bottom:50px !important;}
.comment-rating{position:relative !important;margin:auto 0 !important;width:auto !important;min-width:120px !important;max-width:200px !important;}
.video-container{height:150px !important;}
.audio-container{height:200px !important;min-height:200px !important;}
.video-container video{height:150px !important;}
.audio-cover{height:200px !important;margin:0 auto !important;text-align:center !important;}
.audio-player{height:45px !important;width:90% !important;min-width:180px !important;padding:8px !important;}
} .comment-box{display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important;-webkit-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important;-webkit-align-items:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important;}
.comment-media, .video-container{display:block !important;margin:0 auto !important;text-align:center !important;width:100% !important;max-width:100% !important;}
.audio-container{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;text-align:center !important;width:100% !important;max-width:100% !important;}
.comment-media img, .video-container video, .audio-container img{display:block !important;margin:0 auto !important;max-width:100% !important;height:auto !important;}
.comment-rating{display:flex !important;justify-content:center !important;align-items:center !important;text-align:center !important;width:100% !important;gap:2px !important;}
.comment-rating span{display:inline-block !important;text-align:center !important;margin:0 !important;}
.comment-content{-webkit-flex:1 !important;-ms-flex:1 !important;flex:1 !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important;}
.comment-rating{-webkit-flex-shrink:0 !important;-ms-flex-negative:0 !important;flex-shrink:0 !important;}
.comment-card{contain:layout style paint !important;will-change:transform !important;position:relative !important;overflow:hidden !important;}
.comment-box{contain:layout style paint !important;position:relative !important;min-height:auto !important;}
.comment-card *{box-sizing:border-box !important;}
.comment-rating{direction:ltr !important;unicode-bidi:bidi-override !important;}
.comment-rating span{direction:ltr !important;unicode-bidi:bidi-override !important;display:inline-block !important;text-align:center !important;margin:0 !important;padding:0 !important;}
.comment-rating{position:relative !important;margin:auto 0 !important;z-index:10 !important;background:rgba(255, 255, 255, 0.95) !important;padding:5px 0 !important;border-radius:4px !important;justify-content:center !important;align-items:center !important;text-align:center !important;}
.terms-card-container{margin:8px 0 8px 0;max-width:281px;margin-left:auto;margin-right:auto;width:100%;display:flex;justify-content:center;align-items:center;}
.terms-card{position:relative;width:100%;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border:2px solid #cbd5e1;border-radius:8px;overflow:hidden;transition:all 0.3s ease;cursor:pointer;margin-bottom:5px;padding:6px 12px;height:auto;min-height:35px;}
.terms-card:hover{background:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);}
.terms-summary{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;text-align:center;}
.terms-icon{font-size:18px;flex-shrink:0;}
.terms-text{text-align:center;direction:rtl;width:100%;flex:1;}
.terms-title{font-size:12px;font-weight:600;color:#374151;margin:0;line-height:1.2;text-align:center;direction:rtl;text-align-last:center;unicode-bidi:bidi-override;word-wrap:break-word;white-space:normal;}
#termsModal{display:none;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0, 0, 0, 0.5) !important;z-index:9999 !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}
#termsModal:not(.hidden){display:flex !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}
.terms-modal-content{max-width:95vw;width:95vw;max-height:80vh !important;overflow-y:auto !important;background:#35BA9A !important;border-radius:8px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);position:relative;margin:0 0.1vw;display:flex !important;flex-direction:column !important;}
.terms-modal-header{background:transparent;color:white;padding:8px 12px;border-radius:8px 8px 0 0;text-align:center;position:relative;}
.terms-modal-title{font-size:16px;font-weight:600;margin:0;color:white;}
.terms-modal-body{padding:6px 10px;background:transparent;flex:1 !important;overflow-y:auto !important;max-height:50vh !important;}
.terms-modal-list{list-style:none;padding:0;margin:0;}
.terms-modal-list li::before{content:"✓";color:white;font-weight:bold;position:absolute;right:0;top:6px;font-size:12px;line-height:1.4;}
.terms-modal-list li{padding:6px 0;border-bottom:1px solid rgba(255, 255, 255, 0.3);font-size:12px;line-height:1.4;color:white;position:relative;padding-right:20px;text-align:right;direction:rtl;text-align-last:right;}
.terms-modal-list li:last-child{border-bottom:none;}
.terms-modal-footer{padding:6px 10px;border-top:1px solid rgba(255, 255, 255, 0.3);text-align:center;background:transparent;flex-shrink:0 !important;margin-top:auto !important;}
.terms-modal-button{background:rgba(255, 255, 255, 0.2);color:white;border:2px solid white;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(53, 186, 154, 0.3);}
.terms-modal-button:hover{background:linear-gradient(135deg, #2a9d82 0%, #1f7a68 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(53, 186, 154, 0.4);}
.terms-list li:last-child{margin-bottom:0;}
.terms-checkbox-container{margin:15px 0;max-width:281px;margin-left:auto;margin-right:auto;width:100%;display:flex;justify-content:center;align-items:center;}
.terms-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;padding:0px;margin:-15px;border-radius:8px;transition:background-color 0.2s ease;}
.terms-checkbox-label:hover{background-color:#f8fafc;}
.terms-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{height:20px;width:20px;background-color:#e5e7eb;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all 0.2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.terms-checkbox:checked ~ .checkmark{background-color:#35BA9A;border-color:#2a9d82;}
.checkmark:after{content:"";position:absolute;display:none;left:4px;top:0px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);background:none !important;box-shadow:none !important;outline:none !important;}
.terms-checkbox:checked ~ .checkmark:after{display:block;}
.checked-animation{transform:scale(1.1);transition:transform 0.3s ease;}
.checkbox-text{font-size:14px;color:#374151;font-weight:500;}
.terms-checkbox-label{display:flex;align-items:center;justify-content:center;padding:0px;margin:-15px;border-radius:8px;transition:background-color 0.2s ease;}
.clickable-terms-text{font-size:14px;color:#35BA9A;font-weight:500;cursor:pointer;text-decoration:underline;transition:all 0.2s ease;user-select:none;}
.clickable-terms-text:hover{color:#2a9d82;text-decoration:none;background-color:#f0fdf4;padding:5px 10px;border-radius:6px;}
.robot-checkbox-container{margin:15px 0;max-width:281px;margin-left:auto;margin-right:auto;width:100%;display:flex;justify-content:center;align-items:center;}
.robot-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;padding:0px;margin:-15px;border-radius:8px;transition:background-color 0.2s ease;}
.robot-checkbox-label:hover{background-color:#f8fafc;}
.robot-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.robot-checkmark{height:20px;width:20px;background-color:#ffffff;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all 0.2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.robot-checkbox:checked ~ .robot-checkmark{background-color:#35BA9A;border-color:#2a9d82;}
.robot-checkmark:after{content:"";position:absolute;display:none;left:4px;top:0px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);background:none !important;box-shadow:none !important;outline:none !important;}
.robot-checkbox:checked ~ .robot-checkmark:after{display:block;}
.robot-checkbox-text{font-size:14px;color:#374151;font-weight:500;}
.arcaptcha-container{margin:-12px 0 !important;text-align:center !important;display:flex !important;justify-content:center !important;align-items:center !important;width:100% !important;}
.arcaptcha-container .arcaptcha{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;text-align:center !important;}
.arcaptcha-container input[type="checkbox"]{margin:0 auto !important;display:block !important;}
.submit-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:0.6;transform:none;}
.submit-button:disabled:hover{background:#9ca3af;transform:none;box-shadow:0 4px 12px rgba(156, 163, 175, 0.3);}
.form-disabled{pointer-events:none !important;opacity:0.6 !important;transition:opacity 0.3s ease !important;}
.form-disabled *{pointer-events:none !important;}
@keyframes shake {
0%, 100%{transform:translateX(0);}
25%{transform:translateX(-5px);}
75%{transform:translateX(5px);}
}
.terms-card.shake{animation:shake 0.5s ease-in-out;}
@keyframes fadeIn {
from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
} .nazar-form{display:flex;flex-direction:column;gap:15px;}
.input-group{position:relative;transition:all 0.3s ease;}
.input-group:focus-within{transform:translateY(-2px);}
.input-group:has(.form-textarea){margin-bottom:-12px;}
.char-counter{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#6b7280;transition:all 0.3s ease;}
.char-count{color:#000000;font-weight:500;transition:color 0.3s ease;}
.char-limit{color:#ef4444;font-weight:500;animation:pulse 2s infinite;}
@keyframes pulse {
0%, 100%{opacity:1;}
50%{opacity:0.7;}
} .char-limit-warning{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:8px;text-align:center;animation:shake 0.5s ease-in-out;box-shadow:0 2px 4px rgba(220, 38, 38, 0.1);}
@keyframes shake {
0%, 100%{transform:translateX(0);}
25%{transform:translateX(-5px);}
75%{transform:translateX(5px);}
} .char-limit-warning.show{display:block;}
.char-limit-warning.hidden{display:none;}
.thank-you-panel{width:90%;padding:0px;}
.user-comment{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;line-height:1.5;font-size:14px;white-space:pre-wrap;text-align:right;direction:rtl;}
@media(max-width:768px){
.user-comment{font-size:13px;line-height:1.4;white-space:pre-wrap;text-align:right;direction:rtl;}
}
@media(max-width:480px){
.user-comment{font-size:12px;line-height:1.3;white-space:pre-wrap;text-align:right;direction:rtl;}
} .audio-container + .comment-content{margin-top:0 !important;padding-top:0px !important;margin-bottom:0px !important;}
.comment-box > * + *{margin-top:15px !important;}
.comment-box > .audio-container + .comment-content,
.comment-box > .video-container + .comment-content,
.comment-box > .comment-media + .comment-content{margin-top:0 !important;margin-bottom:0px !important;}
.comment-box > .video-container + .comment-content .comment-text,
.comment-box > .comment-media + .comment-content .comment-text,
.comment-box > .audio-container + .comment-content .comment-text{margin-top:0 !important;text-align:right !important;direction:rtl !important;}
.comment-card:has(.audio-container) .comment-content{text-align:right !important;direction:rtl !important;align-self:stretch !important;margin-bottom:0px !important;}
.comment-text{color:#1f2937;font-size:13px;line-height:1.5;text-align:right;margin:0;margin-top:10px;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;width:100%;min-height:50px;height:auto;max-height:none;white-space:pre-wrap;display:block;overflow:visible;text-overflow:clip;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;box-sizing:border-box;padding:8px 0;}
.comment-card:has(.audio-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.video-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.comment-media) .comment-content{margin-bottom:0px !important;}
@media(min-width:1024px){
.comment-card:has(.audio-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.video-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.comment-media) .comment-content{margin-bottom:0px !important;}
}
@media(max-width:1023px) and (min-width:768px){
.comment-card:has(.audio-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.video-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.comment-media) .comment-content{margin-bottom:0px !important;}
.comment-box > .audio-container + .comment-content,
.comment-box > .video-container + .comment-content,
.comment-box > .comment-media + .comment-content{margin-top:0 !important;}
.comment-card:has(.audio-container){display:flex !important;flex-direction:column !important;align-items:center !important;}
.comment-card:has(.audio-container) .comment-box{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
.comment-card:has(.audio-container) .audio-container{order:-1 !important;margin:0 auto !important;position:relative !important;top:0 !important;}
}
@media(max-width:767px){
.comment-card:has(.audio-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.video-container) .comment-content{margin-bottom:0px !important;}
.comment-card:has(.comment-media) .comment-content{margin-bottom:0px !important;}
.comment-box > .audio-container + .comment-content,
.comment-box > .video-container + .comment-content,
.comment-box > .comment-media + .comment-content{margin-top:0 !important;}
.comment-card:has(.audio-container){display:flex !important;flex-direction:column !important;align-items:center !important;}
.comment-card:has(.audio-container) .comment-box{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
.comment-card:has(.audio-container) .audio-container{order:-1 !important;margin:0 auto !important;position:relative !important;top:0 !important;}
} .compression-notification{position:fixed;top:20px;right:20px;z-index:10000;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3);transform:translateX(400px);opacity:0;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);max-width:350px;min-width:300px;}
.compression-notification.show{transform:translateX(0);opacity:1;}
.compression-notification-content{padding:16px 20px;display:flex;align-items:center;gap:12px;position:relative;}
.compression-icon{font-size:24px;flex-shrink:0;}
.compression-text{flex:1;line-height:1.4;}
.compression-text strong{display:block;font-size:14px;margin-bottom:4px;}
.compression-text small{font-size:12px;opacity:0.9;}
.compression-close{position:absolute;top:8px;right:8px;background:rgba(255, 255, 255, 0.2);border:none;color:white;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;}
.compression-close:hover{background:rgba(255, 255, 255, 0.3);}
@media(max-width:768px){
.compression-notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto;transform:translateY(-100px);}
.compression-notification.show{transform:translateY(0);}
.compression-notification-content{padding:12px 16px;}
.compression-text strong{font-size:13px;}
.compression-text small{font-size:11px;}
} .comment-card .comment-text,
.comment-box .comment-text, #nazar-root .comment-text,
.comment-text{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;word-wrap:break-word !important;word-break:break-word !important;overflow-wrap:break-word !important;}
.retry-section{text-align:center;margin:15px auto;max-width:400px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;}
.retry-message{margin-bottom:15px;}
.retry-message p{margin:0;color:#495057;font-size:14px;font-weight:500;}
.countdown-message{margin-top:8px !important;color:#dc2626 !important;font-size:13px !important;font-weight:600 !important;text-align:center !important;}
#countdown{color:#dc2626 !important;font-weight:bold !important;}
.retry-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.retry-button{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:white;border:none;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(59, 130, 246, 0.3);min-width:140px;height:45px;display:flex;align-items:center;justify-content:center;}
.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59, 130, 246, 0.4);}
.retry-button.retry-same{background:linear-gradient(135deg, #10b981 0%, #059669 100%);box-shadow:0 4px 12px rgba(16, 185, 129, 0.3);}
.retry-button.retry-same:hover{box-shadow:0 6px 16px rgba(16, 185, 129, 0.4);}
.retry-button.retry-new{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);box-shadow:0 4px 12px rgba(245, 158, 11, 0.3);}
.retry-button.retry-new:hover{box-shadow:0 6px 16px rgba(245, 158, 11, 0.4);}
.nazar-form-container .prose :where(h2):not(:where([class~=not-prose] *)){color:#ffffff !important;}
.nazar-form-container .terms-modal-title, .nazar-form-container #termsModal .terms-modal-title,
.nazar-form-container .terms-modal-content .terms-modal-title{color:#ffffff !important;font-size:16px !important;font-weight:600 !important;margin:0 !important;text-align:center !important;direction:rtl !important;}
.nazar-form-container #termsModal h2,
.nazar-form-container .terms-modal-content h2, .nazar-form-container .terms-modal-header h2{color:#ffffff !important;font-size:16px !important;font-weight:600 !important;margin:0 !important;text-align:center !important;direction:rtl !important;background:none !important;border:none !important;padding:0 !important;line-height:1.2 !important;}
.nazar-form-container #termsModal .prose :where(ul>li):not(:where([class~=not-prose] *))::marker,
.nazar-form-container .terms-modal-content .prose :where(ul>li):not(:where([class~=not-prose] *))::marker,
.nazar-form-container .prose :where(ul>li):not(:where([class~=not-prose] *))::marker{content:"✓" !important;color:white !important;font-weight:bold !important;font-size:12px !important;}
.nazar-form-container #termsModal .prose :where(ul):not(:where([class~=not-prose] *)),
.nazar-form-container .terms-modal-content .prose :where(ul):not(:where([class~=not-prose] *)),
.nazar-form-container .prose :where(ul):not(:where([class~=not-prose] *)){list-style:none !important;padding:0 !important;margin:0 !important;}
.nazar-form-container #termsModal .prose :where(ul>li):not(:where([class~=not-prose] *)),
.nazar-form-container .terms-modal-content .prose :where(ul>li):not(:where([class~=not-prose] *)),
.nazar-form-container .prose :where(ul>li):not(:where([class~=not-prose] *)){padding:6px 0 !important;border-bottom:1px solid rgba(255, 255, 255, 0.3) !important;font-size:12px !important;line-height:1.4 !important;color:white !important;position:relative !important;padding-right:20px !important;text-align:right !important;direction:rtl !important;text-align-last:right !important;margin:0 !important;list-style:none !important;}
.terms-modal-content{max-height:80vh !important;overflow-y:auto !important;}
.terms-modal-body{max-height:60vh !important;overflow-y:auto !important;}
#termsModal *,
.terms-modal-content *,
.terms-modal-body *,
.terms-modal-list *,
.terms-modal-list li *{box-sizing:border-box !important;}
#termsModal .terms-modal-list li,
.terms-modal-content .terms-modal-list li, .terms-modal-body .terms-modal-list li{all:unset !important;display:block !important;padding:6px 0 !important;border-bottom:1px solid rgba(255, 255, 255, 0.3) !important;font-size:12px !important;line-height:1.4 !important;color:white !important;position:relative !important;padding-right:20px !important;text-align:right !important;direction:rtl !important;text-align-last:right !important;margin:0 !important;list-style:none !important;}
#termsModal .terms-modal-list,
.terms-modal-content .terms-modal-list, .terms-modal-body .terms-modal-list{all:unset !important;display:block !important;list-style:none !important;padding:0 !important;margin:0 !important;}
.comments-title{color:#000000 !important;}
.nazar-form-container *{box-sizing:border-box !important;}
.nazar-form-container h1, .nazar-form-container h2, .nazar-form-container h3, .nazar-form-container h4, .nazar-form-container h5, .nazar-form-container h6{font-family:inherit !important;line-height:1.2 !important;margin:0 !important;padding:0 !important;}
.nazar-form-container .modal h1, .nazar-form-container .modal h2, .nazar-form-container .modal h3, .nazar-form-container .modal h4, .nazar-form-container .modal h5, .nazar-form-container .modal h6{font-family:inherit !important;line-height:1.2 !important;margin:0 !important;padding:0 !important;background:none !important;border:none !important;box-shadow:none !important;text-shadow:none !important;}
.nazar-form-container #termsModal .terms-modal-header h2.terms-modal-title{color:#ffffff !important;font-size:16px !important;font-weight:600 !important;margin:0 !important;text-align:center !important;direction:rtl !important;background:transparent !important;border:none !important;padding:0 !important;line-height:1.2 !important;text-shadow:none !important;box-shadow:none !important;}
.comment-rating i{font-size:12px !important;color:#f59e0b !important;}
.average-rating-display{margin:20px 0;padding:15px;border-radius:12px;text-align:center;}
.rating-summary{display:flex;flex-direction:column;align-items:center;gap:8px;}
.rating-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:5px;}
.rating-stars{display:flex;gap:2px;margin:5px 0;}
.average-rating-display .rating-stars i{font-size:18px !important;color:#f59e0b !important;transition:color 0.2s ease;}
.average-rating-display .rating-stars i.fa-regular{color:#d1d5db !important;}
.average-rating-display .rating-stars i.fa-solid{color:#f59e0b !important;}
.average-rating-display .rating-stars i.fa-star-half-stroke{color:#f59e0b !important;}
.nazar-form-container .average-rating-display .rating-stars i{color:#f59e0b !important;}
.nazar-form-container .average-rating-display .rating-stars i.fa-solid{color:#f59e0b !important;}
.nazar-form-container .average-rating-display .rating-stars i.fa-star-half-stroke{color:#f59e0b !important;}
.rating-value{font-size:16px;font-weight:700;color:#1f2937;margin:0 5px;}
.rating-count{font-size:14px;color:#6b7280;margin:0 5px;}
@media(max-width:768px){
.average-rating-display{margin:15px 0;padding:12px;}
.average-rating-display .rating-stars i{font-size:16px !important;color:#f59e0b !important;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.average-rating-display .rating-stars i.fa-solid{color:#f59e0b !important;font-weight:900 !important;}
.average-rating-display .rating-stars i.fa-star-half-stroke{color:#f59e0b !important;font-weight:900 !important;}
.rating-value{font-size:14px;}
.rating-count{font-size:12px;}
} .nazar-form-container .comments-section .average-rating-display .rating-summary .rating-stars i.fa-solid{color:#f59e0b !important;font-size:18px !important;font-family:"Font Awesome 6 Free" !important;font-weight:900 !important;}
.nazar-form-container .comments-section .average-rating-display .rating-summary .rating-stars i.fa-star-half-stroke{color:#f59e0b !important;font-size:18px !important;font-family:"Font Awesome 6 Free" !important;font-weight:900 !important;}
.nazar-form-container .comments-section .average-rating-display .rating-summary .rating-stars i.fa-regular{color:#d1d5db !important;font-size:18px !important;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.contact-rating-display{border-radius:8px;padding:15px 20px;text-align:center;min-width:120px;max-width:150px;flex-shrink:0;transition:all 0.3s ease;}
.contact-rating-summary{display:flex;flex-direction:column;align-items:center;gap:8px;}
.contact-rating-stars{display:flex;gap:2px;justify-content:center;margin-bottom:5px;}
.contact-rating-stars i{font-size:16px !important;color:#f59e0b !important;transition:color 0.2s ease;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.contact-rating-stars i.fa-regular{color:#d1d5db !important;font-weight:400 !important;}
.contact-rating-stars i.fa-solid{color:#f59e0b !important;font-weight:900 !important;}
.contact-rating-stars i.fa-star-half-stroke{color:#f59e0b !important;transform:scaleX(-1);font-weight:900 !important;}
.contact-rating-value{font-size:14px;font-weight:700;color:#1f2937;margin:0;}
.contact-rating-count{font-size:12px;color:#6b7280;margin:0;}
@media(max-width:768px){
.contact-section{max-width:500px;padding:15px;}
.contact-images-container{gap:15px;}
.contact-rating-display{min-width:100px;max-width:120px;padding:12px 15px;}
.contact-rating-stars i{font-size:14px !important;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.contact-rating-stars i.fa-solid{font-weight:900 !important;}
.contact-rating-stars i.fa-star-half-stroke{font-weight:900 !important;}
.contact-rating-value{font-size:12px;}
.contact-rating-count{font-size:10px;}
}
@media(max-width:480px){
.contact-section{max-width:500px;padding:12px;}
.contact-images-container{gap:10px;}
.contact-rating-display{min-width:80px;max-width:100px;padding:10px 12px;}
.contact-rating-stars i{font-size:12px !important;font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
.contact-rating-stars i.fa-solid{font-weight:900 !important;}
.contact-rating-stars i.fa-star-half-stroke{font-weight:900 !important;}
.contact-rating-value{font-size:11px;}
.contact-rating-count{font-size:9px;}
} @media(min-width:1024px){
.terms-modal-content {
max-width: 480px !important;
width: 480px !important;
margin: 0 auto !important;
max-height: 80vh !important;
}
.terms-modal-header {
padding: 8px 12px !important;
}
.terms-modal-body {
padding: 6px 10px !important;
}
.terms-modal-footer {
padding: 6px 10px !important;
}
}