.comments-section{padding:40px 0;background:var(--primary-black);margin-top:30px;}.comments-container{max-width:1200px;margin:0 auto;}.comments-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(145deg,var(--secondary-black),var(--light-black));border-radius:12px;border:1px solid rgba(220,38,38,0.3);margin-bottom:30px;gap:15px;flex-wrap:wrap;}.comments-warning{display:flex;align-items:center;gap:12px;color:#ffffff;font-size:0.95rem;font-weight:500;flex:1;min-width:250px;}.comments-warning i{color:var(--primary-red);font-size:1.2rem;flex-shrink:0;}.comment-add-btn{background:linear-gradient(145deg,var(--primary-red),#b91c1c);color:#ffffff;border:none;padding:12px 24px;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-medium);box-shadow:0 2px 8px rgba(220,38,38,0.3);white-space:nowrap;}.comment-add-btn:hover{background:linear-gradient(145deg,#b91c1c,var(--primary-red));transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,0.4);}.comment-add-btn i{font-size:1rem;}.comments-list{display:flex;flex-direction:column;gap:20px;}.comment-item{background:linear-gradient(145deg,var(--secondary-black),var(--light-black));padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all var(--transition-medium);display:flex;gap:15px;align-items:flex-start;margin-bottom:20px;}.comment-item:hover{border-color:rgba(255,255,255,0.2);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.comment-item .comment-avatar{flex-shrink:0;}.spoiler-badge{display:inline-block;padding:4px 10px;background:rgba(220,38,38,0.2);border:1px solid rgba(220,38,38,0.5);border-radius:6px;color:var(--primary-red);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.no-comments{text-align:center;padding:60px 20px;color:#64748b;}.no-comments i{font-size:3rem;margin-bottom:15px;opacity:0.5;display:block;}.no-comments p{font-size:1rem;color:#94a3b8;}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}.comment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--primary-blue),#1d4ed8);display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:1rem;flex-shrink:0;border:2px solid rgba(255,255,255,0.1);}.comment-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;}.comment-author{display:flex;flex-direction:column;gap:4px;flex:1;}.author-name{font-size:0.95rem;font-weight:600;color:#ffffff;}.comment-date{font-size:0.8rem;color:#94a3b8;}.comment-user-info{flex:1;}.comment-username{font-size:0.95rem;font-weight:600;color:#ffffff;margin-bottom:2px;}.comment-time{font-size:0.8rem;color:#94a3b8;}.comment-content{flex:1;display:flex;flex-direction:column;gap:12px;}.comment-text{color:#cbd5e1;font-size:0.95rem;line-height:1.6;word-wrap:break-word;}.comment-text.spoiler,.comment-text.spoiler-content{background:rgba(0,0,0,0.95);padding:15px;border-radius:8px;border:2px solid var(--primary-red);position:relative;cursor:pointer;transition:all var(--transition-medium);box-shadow:0 0 10px rgba(220,38,38,0.3);overflow:hidden;}.comment-text.spoiler:hover,.comment-text.spoiler-content:hover{border-color:var(--primary-red);background:rgba(0,0,0,1);box-shadow:0 0 15px rgba(220,38,38,0.5);}.comment-text.spoiler::before{content:"⚠️ SPOILER İÇERİR";display:block;color:var(--primary-red);font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;text-align:center;}.comment-text.spoiler .spoiler-text{filter:blur(8px);user-select:none;transition:all var(--transition-medium);}.comment-text.spoiler .spoiler-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary-red);color:#ffffff;padding:12px 20px;border-radius:8px;font-size:0.9rem;font-weight:600;display:flex;align-items:center;gap:8px;pointer-events:none;transition:all var(--transition-medium);box-shadow:0 4px 12px rgba(220,38,38,0.4);border:1px solid rgba(255,255,255,0.2);}.comment-text.spoiler .spoiler-overlay i{font-size:1rem;}.comment-text.spoiler.revealed .spoiler-text,.comment-text.spoiler-content.revealed .spoiler-text{filter:none;user-select:text;}.comment-text.spoiler.revealed .spoiler-overlay,.comment-text.spoiler-content.revealed .spoiler-overlay{opacity:0;visibility:hidden;pointer-events:none;}.comment-actions{display:flex;align-items:center;gap:15px;margin-top:8px;}.action-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#94a3b8;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:0.9rem;padding:8px 14px;border-radius:6px;transition:all var(--transition-fast);}.action-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#ffffff;transform:translateY(-1px);}.action-btn i{font-size:1rem;}.action-btn.liked{background:rgba(220,38,38,0.2);border-color:rgba(220,38,38,0.5);color:var(--primary-red);}.action-btn.liked:hover{background:rgba(220,38,38,0.3);border-color:rgba(220,38,38,0.6);color:#ff4444;}.comment-action-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:0.9rem;padding:6px 12px;border-radius:6px;transition:all var(--transition-fast);}.comment-action-btn:hover{background:rgba(255,255,255,0.05);color:#ffffff;}.comment-action-btn i{font-size:1rem;}.comment-likes-count{font-size:0.85rem;color:#64748b;margin-left:8px;}.comment-replies,.replies-list{margin-top:15px;margin-left:40px;padding-left:20px;border-left:2px solid rgba(37,99,235,0.3);}.reply-item{background:rgba(255,255,255,0.02);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,0.05);margin-bottom:12px;transition:all var(--transition-medium);display:flex;gap:12px;align-items:flex-start;}.comment-item.reply-item{padding:15px;margin-bottom:12px;background:rgba(255,255,255,0.02);}.reply-item:hover{border-color:rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);}.reply-item .comment-avatar{width:32px;height:32px;font-size:0.85rem;flex-shrink:0;}.reply-item .comment-content{flex:1;display:flex;flex-direction:column;gap:8px;}.reply-item .comment-author{gap:2px;}.reply-item .author-name{font-size:0.85rem;}.reply-item .comment-date{font-size:0.75rem;}.reply-item .comment-text{font-size:0.9rem;margin-bottom:0;}.reply-item .comment-text.spoiler{background:rgba(0,0,0,0.95);padding:12px;border-radius:8px;border:2px solid var(--primary-red);position:relative;cursor:pointer;transition:all var(--transition-medium);box-shadow:0 0 10px rgba(220,38,38,0.3);overflow:hidden;}.reply-item .comment-text.spoiler:hover{border-color:var(--primary-red);background:rgba(0,0,0,1);box-shadow:0 0 15px rgba(220,38,38,0.5);}.reply-item .comment-text.spoiler .spoiler-text{filter:blur(8px);user-select:none;transition:all var(--transition-medium);}.reply-item .comment-text.spoiler .spoiler-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary-red);color:#ffffff;padding:10px 18px;border-radius:8px;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:8px;pointer-events:none;transition:all var(--transition-medium);box-shadow:0 4px 12px rgba(220,38,38,0.4);border:1px solid rgba(255,255,255,0.2);}.reply-item .comment-text.spoiler.revealed .spoiler-text{filter:none;user-select:text;}.reply-item .comment-text.spoiler.revealed .spoiler-overlay{opacity:0;visibility:hidden;pointer-events:none;}.reply-item .comment-actions{margin-top:0;gap:12px;}.reply-item .action-btn{font-size:0.85rem;padding:6px 12px;}.reply-item .comment-username{font-size:0.85rem;}.reply-item .comment-time{font-size:0.75rem;}.reply-item .comment-action-btn{font-size:0.85rem;padding:5px 10px;}.toggle-replies-btn{background:transparent;border:none;color:var(--primary-blue);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:0.9rem;font-weight:600;padding:8px 12px;border-radius:6px;margin-top:10px;transition:all var(--transition-fast);}.toggle-replies-btn:hover{background:rgba(37,99,235,0.1);color:#60a5fa;}.toggle-replies-btn i{font-size:0.9rem;transition:transform var(--transition-fast);}.toggle-replies-btn.collapsed i{transform:rotate(-90deg);}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all var(--transition-medium);}.comment-modal-overlay.active{opacity:1;visibility:visible;}.comment-modal{background:linear-gradient(145deg,var(--secondary-black),var(--light-black));border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;transform:scale(0.9);transition:all var(--transition-medium);}.comment-modal-overlay.active .comment-modal{transform:scale(1);}.modal-header{padding:20px 25px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;}.modal-title{font-size:1.2rem;font-weight:700;color:#ffffff;}.modal-close-btn{background:rgba(255,255,255,0.1);border:none;color:#ffffff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:1.2rem;}.modal-close-btn:hover{background:rgba(255,255,255,0.2);color:var(--primary-red);}.modal-body{display:flex;gap:25px;padding:25px;overflow-y:auto;flex:1;}.modal-body::-webkit-scrollbar{width:8px;}.modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);}.modal-body::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px;}.modal-anime-poster{flex-shrink:0;width:180px;}.modal-anime-poster img{width:100%;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.4);}.modal-comment-form{flex:1;display:flex;flex-direction:column;gap:20px;}.form-info{display:flex;flex-direction:column;gap:12px;}.form-label{font-size:0.9rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.form-anime-title{font-size:1.3rem;font-weight:700;color:#ffffff;margin-bottom:5px;}.form-reply-info{background:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.3);padding:12px;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;}.form-reply-text{display:flex;align-items:center;gap:8px;color:var(--primary-blue);font-size:0.9rem;font-weight:600;}.form-reply-text i{font-size:1rem;}.form-reply-username{color:#ffffff;font-weight:700;}.form-reply-cancel{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all var(--transition-fast);}.form-reply-cancel:hover{background:rgba(255,255,255,0.1);color:#ffffff;}.form-reply-cancel i{font-size:1rem;}.form-user-info{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(255,255,255,0.05);border-radius:8px;}.form-user-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,var(--primary-blue),#1d4ed8);display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:0.9rem;flex-shrink:0;}.form-username{font-size:0.95rem;font-weight:600;color:#ffffff;}.form-textarea-wrapper{flex:1;display:flex;flex-direction:column;}.form-textarea{width:100%;min-height:150px;padding:15px;background:var(--primary-black);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#ffffff;font-size:0.95rem;font-family:inherit;resize:vertical;transition:all var(--transition-fast);}.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.form-textarea::placeholder{color:#64748b;}.modal-footer{padding:20px 25px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;}.modal-options{display:flex;gap:10px;}.option-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#ffffff;padding:8px 16px;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast);}.option-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);}.option-btn.active{background:rgba(220,38,38,0.2);border-color:rgba(220,38,38,0.5);color:var(--primary-red);}.option-btn.active:hover{background:rgba(220,38,38,0.3);border-color:rgba(220,38,38,0.6);}.option-btn i{font-size:1rem;}.modal-actions{display:flex;gap:10px;}.modal-cancel-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#ffffff;padding:10px 20px;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);}.modal-cancel-btn:hover{background:rgba(255,255,255,0.1);}.modal-submit-btn{background:linear-gradient(145deg,var(--primary-red),#b91c1c);border:none;color:#ffffff;padding:10px 24px;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-medium);box-shadow:0 2px 8px rgba(220,38,38,0.3);}.modal-submit-btn:hover{background:linear-gradient(145deg,#b91c1c,var(--primary-red));transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,0.4);}@media screen and (max-width:768px){.comments-section{padding:30px 0;}.comments-header{padding:15px;}.comments-warning{font-size:0.9rem;}.comment-add-btn{width:100%;justify-content:center;}.modal-body{flex-direction:column;padding:20px;}.modal-anime-poster{width:100%;max-width:200px;margin:0 auto;}.modal-footer{flex-direction:column;}.modal-options,.modal-actions{width:100%;justify-content:center;}.modal-cancel-btn,.modal-submit-btn{flex:1;}}@media screen and (max-width:480px){.comments-header{padding:12px;}.comments-warning{font-size:0.85rem;}.comments-warning i{font-size:1rem;}.comment-add-btn{padding:10px 18px;font-size:0.9rem;}.comment-item{padding:15px;}.comment-avatar{width:35px;height:35px;font-size:0.9rem;}.comment-username{font-size:0.9rem;}.comment-content{font-size:0.9rem;}.modal-header{padding:15px;}.modal-title{font-size:1rem;}.form-anime-title{font-size:1.1rem;}.form-textarea{min-height:120px;padding:12px;font-size:0.9rem;}.option-btn{padding:7px 12px;font-size:0.8rem;}.modal-cancel-btn,.modal-submit-btn{padding:9px 16px;font-size:0.9rem;}}