.comment-area .comment-box{background:#343d31;border:1px solid #ffffff20;border-radius:18px;padding:24px;box-shadow:0 6px 20px #00000012;color:#f4f6ef;width:100%;min-width:0}
.comment-area .comment-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:23px;font-weight:900;margin:0;padding:0;border:0;background:none}
.comment-area .comment-title-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffac5f1c;font-size:23px}
.comment-area .comment-count{display:inline-grid;place-items:center;min-width:27px;height:25px;padding:0 8px;margin:0;border:1px solid #ffffff20;border-radius:8px;background:#ffffff0c;color:#ffcc9b;font-size:12px;line-height:1}
.comment-intro{color:#c8d2c1;font-size:13px;line-height:1.6;margin:10px 0 22px}
.comment-area .comment-form{display:block;margin:0;padding:0;background:none;border:0}
.comment-field-label{display:block;color:#edf1e8;font-size:12px;font-weight:800;margin:0 0 8px}
.comment-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
#comment-length{font-size:11px;color:#b7c4b0;margin-bottom:8px;font-variant-numeric:tabular-nums}
.comment-area .comment-nickname,.comment-area .comment-textarea{display:block;width:100%;max-width:none;box-sizing:border-box;padding:12px 14px;background:#252e23;border:1px solid #66745b;border-radius:10px;color:#fff;box-shadow:none;margin:0;font:400 15px/1.55 Nunito,Arial,sans-serif}
.comment-area .comment-nickname{height:46px}.comment-area .comment-textarea{min-height:126px;resize:vertical}
.comment-area .comment-nickname::placeholder,.comment-area .comment-textarea::placeholder{color:#a9b5a1;opacity:1}
.comment-area .comment-nickname:focus,.comment-area .comment-textarea:focus,.comment-area .security-question input:focus{outline:2px solid #ffae65;outline-offset:2px;border-color:#ffae65;box-shadow:none;background:#252e23}
.comment-area .comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:0;background:none;border:0}
.comment-area .emoji-bar{display:flex;flex-wrap:wrap;width:100%;gap:5px;padding:0 0 12px;border-bottom:1px solid #ffffff17;background:none;border-radius:0;justify-content:flex-start}
.comment-area .emoji-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:#ffffff07;font-size:21px;line-height:1;cursor:pointer;box-shadow:none;transform:none}
.comment-area .emoji-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:none}
.comment-area .security-question{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:none;color:#e3ebdc;font-size:14px;font-weight:800;flex:none}
.comment-area .security-question input{width:58px;height:42px;padding:5px;background:#252e23;color:#fff;border:1px solid #66745b;border-radius:8px;text-align:center;font-size:16px;box-shadow:none}
.comment-area .comment-submit{margin-left:auto;min-height:44px;padding:10px 18px;border:1px solid #ffab62;border-radius:10px;background:#f87b25;color:#171e12;font:900 14px Nunito,Arial,sans-serif;box-shadow:0 3px 0 #ae480d;cursor:pointer;transform:none}
.comment-area .comment-submit:hover{background:#ff9844;transform:none}.comment-area .comment-submit:disabled{opacity:.6;cursor:wait}
#comment-note{margin:14px 0 0;color:#b5c2ae;font-size:11px;line-height:1.6}
.comment-area .comment-list{margin-top:24px;display:flex;flex-direction:column;gap:0}
.comment-area .comment-entry{background:none;border:0;border-top:1px solid #ffffff18;border-radius:0;padding:18px 0;margin:0;box-shadow:none;gap:12px}
.comment-area .comment-entry-avatar{width:38px;height:38px;flex-shrink:0;border-radius:12px;font-size:22px}
.comment-area .comment-entry-name{color:#fff;font-size:14px}.comment-area .comment-entry-date{color:#b4c0aa;font-size:11px}.comment-area .comment-entry-text{color:#e0e8d9;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.comment-area .comment-entry-top{flex-wrap:wrap;gap:5px 12px}
.comment-area .comment-list #yorum-bos-mesaj{padding:20px 12px;border:1px dashed #ffffff26;border-radius:12px;background:transparent;color:#c6d1bd;font-size:13px;line-height:1.7;text-align:center}
.comment-area .comment-loadmore-btn{border:1px solid #81916f;background:#ffffff08;color:#f5f7ee;border-radius:9px;box-shadow:none}.comment-area .comment-loadmore-btn:hover{background:#ffffff13}
.comment-area button:focus-visible{outline:2px solid #ffae65;outline-offset:3px}
@media(max-width:600px){.comment-area .comment-box{padding:16px;border-radius:14px}.comment-area .comment-title{font-size:20px}.comment-area .comment-nickname,.comment-area .comment-textarea{font-size:16px}.comment-area .emoji-bar{gap:4px}.comment-area .emoji-btn{width:32px;height:34px;font-size:20px}.comment-area .comment-submit{padding:10px 12px;font-size:13px}.comment-intro{margin-bottom:18px}.comment-area .comment-actions{gap:10px}}
/* Override legacy comment rules that used !important. */
.comment-area .comment-box{border:1px solid #ffffff20!important;border-radius:18px!important;padding:24px!important;background:#343d31!important}
.comment-area .comment-nickname,.comment-area .comment-textarea{background:#252e23!important;color:#fff!important;border:1px solid #66745b!important;border-radius:10px!important;padding:12px 14px!important;font-size:16px!important;outline:none!important}
.comment-area .comment-nickname::placeholder,.comment-area .comment-textarea::placeholder{color:#a9b5a1!important}
.comment-area .comment-nickname:focus,.comment-area .comment-textarea:focus{border-color:#ffae65!important;box-shadow:0 0 0 2px #ffae6530!important}
.comment-area .emoji-bar{flex:0 0 100%}
.comment-area .emoji-btn{background:#ffffff07!important;border:1px solid #ffffff15!important;border-radius:8px!important}
.comment-area .emoji-btn:hover{background:#ffffff19!important}
.comment-area .security-question,.comment-area .security-question span{color:#e3ebdc!important;font-size:14px!important;gap:10px!important}
.comment-area .security-question input[name="cap_answer"]{width:58px!important;height:42px!important;padding:5px!important;background:#252e23!important;color:#fff!important;border:1px solid #66745b!important;border-radius:8px!important;font-size:16px!important}
.comment-area .comment-submit{background:#f87b25!important;color:#171e12!important;border-radius:10px!important;padding:10px 18px!important;font-size:14px!important;box-shadow:0 3px 0 #ae480d!important}
@media(max-width:600px){.comment-area .comment-box{padding:16px!important;border-radius:14px!important}}