.product-comments{margin-top:64px;padding-top:48px;border-top:1px solid var(--line,#293348);color:var(--text,#edf3ff);scroll-margin-top:28px}.comment-jump{display:inline-block;color:#77c7ff;font-size:14px;margin:0 0 12px}.comment-jump:hover{text-decoration:underline}html[data-theme=light] .comment-jump{color:#155c99}
.comments-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.comments-heading h2{font-size:clamp(25px,3vw,34px);margin:8px 0}.comment-total{font-size:.65em;padding:5px 10px;border-radius:20px;background:#172e49;color:#bce5ff;vertical-align:middle}.comment-community-mark{font-size:12px;border:1px solid #385478;border-radius:30px;padding:10px 15px;color:#a5d9ff}
.comments-signin,.comment-composer,.comments-empty{padding:28px;border:1px solid #2c415e;border-radius:16px;background:#111b2b;margin:24px 0}.comments-signin p,.comments-empty p{line-height:1.7;color:#b2c3d9}.comment-composer h3{margin-top:0}.comment-composer label{display:block;margin-bottom:14px}.comment-composer label.check{display:flex}.comment-composer textarea,.comment-small-form textarea{display:block;width:100%;box-sizing:border-box;background:#0a1220;border:1px solid #3d5475;color:#edf3ff;border-radius:10px;padding:14px;resize:vertical;font:inherit;line-height:1.6;margin-top:8px}.comment-composer textarea:focus,.comment-small-form textarea:focus{outline:2px solid #63bdff;outline-offset:2px}.comment-composer .form-actions{display:flex;gap:12px;flex-wrap:wrap}.comment-dropzone{border:1px dashed #4c6a90;border-radius:10px;padding:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#bfd0e6;margin-top:18px}.comment-dropzone small{flex-basis:100%;font-size:12px;line-height:1.6}.comment-dropzone.dragging{background:#193957;border-color:#7dcfff}.comment-file-label{position:relative;border:1px solid #4e79a5;padding:9px 15px;border-radius:8px;color:#c4e9ff;cursor:pointer;margin:0!important;font-weight:600}.comment-file{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.comment-file-label:focus-within{outline:2px solid #63bdff;outline-offset:3px}.comment-upload-preview{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.comment-upload-preview figure{position:relative;margin:0}.comment-upload-preview img{width:110px;height:82px;object-fit:cover;border-radius:8px;border:1px solid #4f6687}.comment-upload-preview button{position:absolute;right:-8px;top:-8px;border-radius:50%;width:28px;height:28px;background:#173b60;color:#fff;border:1px solid #76b9ed;cursor:pointer;font-size:20px}.comment-thread{padding:24px 0;border-top:1px solid #293a53}.comment-card{padding:24px;border:1px solid #2b3b53;background:#0f1725;border-radius:14px;margin:0 0 16px;min-width:0}.comment-card header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comment-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#1d5080,#263c6a);color:#e7f7ff;font-weight:700}.comment-byline{display:flex;gap:8px;align-items:center;flex:1;flex-wrap:wrap;min-width:0}.comment-byline strong{overflow-wrap:anywhere}.comment-byline time{width:100%;font-size:12px;color:#aebed4}.comment-badge{font-size:10px;line-height:1.5;border:1px solid #40739d;border-radius:20px;padding:3px 8px;color:#bce8ff;background:#112f49}.comment-badge.buyer{border-color:#458675;background:#153930;color:#bff9df}.comment-state{font-size:11px;background:#3c321c;color:#f6d99b;border:1px solid #8c7544;border-radius:20px;padding:5px 9px}.comment-body{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;color:#dce7f5}.comment-images{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.comment-images a{display:block;max-width:30%;min-width:100px}.comment-images img{display:block;object-fit:cover;width:160px;max-width:100%;height:110px;border-radius:9px;border:1px solid #405678}.comment-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.comment-actions button{color:#a9d6ff;background:none;border:0;padding:6px 0;cursor:pointer;font-size:13px}.comment-actions button:hover{text-decoration:underline;color:#e2f4ff}.comment-actions button:focus-visible{outline:2px solid #67c6ff;outline-offset:4px}.comment-replies{margin-left:36px;border-left:2px solid #285178;padding-left:20px}.comment-reply{background:#111d30}.comment-inline-form:empty{display:none}.comment-inline-form{margin-top:18px}.comment-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}.comment-product{display:block;margin-top:16px;font-size:14px}.comment-moderation-reason{border-left:3px solid #a47b3c;padding:10px 14px;background:#302819;color:#f3d7a9}.comment-reports{margin-top:20px;border:1px solid #795846;padding:14px;border-radius:8px;overflow-wrap:anywhere}.comment-lightbox{border:1px solid #5c81ad;border-radius:16px;padding:16px;background:#091423;color:#fff;max-width:94vw;max-height:94vh}.comment-lightbox::backdrop{background:#020712e8}.comment-lightbox img{display:block;max-width:calc(94vw - 40px);max-height:calc(94vh - 70px);object-fit:contain}.comment-lightbox button{display:block;margin:0 0 10px auto;width:34px;height:34px;border:1px solid #6286af;background:#17314f;color:#fff;border-radius:50%;font-size:24px;cursor:pointer}.comments-filters{display:flex;gap:16px;margin:24px 0;flex-wrap:wrap}.comments-filters label{flex:1;min-width:170px}.comments-filters select{display:block;width:100%;background:#111c2d;color:#eef4ff;border:1px solid #3f5779;padding:12px;border-radius:9px;margin-top:7px}.comments-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comments-summary button{padding:18px;border:1px solid #355474;background:#14243a;color:#dfecff;border-radius:12px;text-align:left;cursor:pointer}.comments-summary strong{display:block;font-size:28px;margin-bottom:6px}.comments-summary span{font-size:12px}.comment-alert-count{background:#25659d!important;color:#fff!important}.comment-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65c9ff;margin-left:8px}
html[data-theme=light] .product-comments{color:#13223b;border-color:#c9d7e8}html[data-theme=light] .comments-signin,html[data-theme=light] .comment-composer,html[data-theme=light] .comments-empty,html[data-theme=light] .comment-card{background:#fff;border-color:#ccd9e8;color:#14263e}html[data-theme=light] .comment-reply{background:#f0f6fd}html[data-theme=light] .comments-signin p,html[data-theme=light] .comments-empty p,html[data-theme=light] .comment-byline time,html[data-theme=light] .product-comments .muted{color:#4c607b}html[data-theme=light] .comment-body{color:#182d49}html[data-theme=light] .comment-composer textarea,html[data-theme=light] .comment-small-form textarea{background:#f7faff;color:#10253f;border-color:#9cb3ce}html[data-theme=light] .comment-dropzone{color:#3b5472;border-color:#819cbf}html[data-theme=light] .comment-file-label,html[data-theme=light] .comment-actions button{color:#135c9c}html[data-theme=light] .comment-community-mark{color:#1b5d93;border-color:#a6bfd8}html[data-theme=light] .comment-thread{border-color:#d1ddea}html[data-theme=light] .comment-dropzone.dragging{background:#e2f1ff}html[data-theme=light] .comments-summary button{background:#edf5ff;color:#193552;border-color:#a8c4df}html[data-theme=light] .comments-filters select{background:#fff;color:#18314d;border-color:#a8bdd4}html[data-theme=light] .comment-moderation-reason{background:#fff4dc;color:#65461a}
@media(max-width:650px){.product-comments{margin-top:40px;padding-top:30px}.comments-heading{align-items:flex-start;flex-direction:column;gap:4px}.comments-signin,.comment-composer,.comments-empty{padding:20px}.comment-card{padding:18px}.comment-replies{margin-left:10px;padding-left:10px}.comment-images a{max-width:45%}.comment-images img{height:90px}.comment-composer .form-actions .button{width:100%}.comments-summary{gap:7px}.comments-summary button{padding:12px 9px}.comments-summary strong{font-size:23px}.comment-community-mark{display:none}.comments-filters{gap:12px}.comment-byline{gap:6px}.comment-pagination{flex-wrap:wrap}.comment-dropzone{padding:14px}.comment-dropzone>span{font-size:12px}.comment-state{margin-left:50px}.comment-composer .small{font-size:12px}}