/* Native comments retain the shared moderation, editor and reply controls. */
.cscom-unified .cscom-native-comments {
 min-width: 0; margin: 32px 0 0; padding: 28px;
 border: 1px solid #ffffff10; border-radius: 24px; background: #10141e;
 color: #c9d2e2; font-family: 'Manrope', sans-serif; scroll-margin-top: 112px;
}
.cscom-unified .cscom-comment-icons { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.cscom-unified .cscom-native-comments .pb-comments { max-width: none; margin: 0; padding: 0; border: 0; scroll-margin-top: 112px; }
.cscom-unified .cscom-native-comments .sr-only {
 position: absolute !important; width: 1px !important; height: 1px !important;
 padding: 0 !important; margin: -1px !important; overflow: hidden !important;
 clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
.cscom-unified .cscom-native-comments :is(button,input,select,textarea) { font-family: 'Manrope',sans-serif; }
.cscom-unified .cscom-native-comments :is(.icon,.cm-icon-button svg),
.cscom-unified .likes-dialog .icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cscom-unified .cscom-native-comments .cm-thread-heading { align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.cscom-unified .cscom-native-comments .cm-thread-heading h2 {
 display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; border: 0;
 color: #f0f4fd; font: 700 clamp(20px,2.3vw,26px)/1.25 'Exo 2',sans-serif; letter-spacing: -.4px;
}
.cscom-unified .cscom-native-comments .cm-thread-heading h2::before,
.cscom-unified .cscom-native-comments .cm-thread-heading h2::after { display: none; }
.cscom-unified .cscom-native-comments .cm-count { padding: 5px 10px; background: #ff7b3210; border: 1px solid #ff7b3220; border-radius: 10px; color: #ff9b62; font: 700 12px/1.3 'Manrope',sans-serif; }
.cscom-unified .cscom-native-comments .cm-sort { margin: 0; gap: 9px; }
.cscom-unified .cscom-native-comments .cm-sort select { min-height: 40px; padding: 9px 30px 9px 12px; border: 1px solid #ffffff10; border-radius: 11px; background: #151a25; color: #aab3c4; font-size: 11px; }
.cscom-unified .cscom-native-comments .cm-thread-heading > .text-link { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: #ff9b62; }
.cscom-unified .cscom-native-comments .cm-list { gap: 21px; }
.cscom-unified .cscom-native-comments .cm-item { margin-left: calc(min(var(--comment-depth,0),2) * 22px); padding: 4px 0 20px 48px; border: 0; border-bottom: 1px solid #ffffff09; border-radius: 0; background: transparent; box-shadow: none; scroll-margin-top: 112px; }
.cscom-unified .cscom-native-comments .cm-avatar { width: 35px; height: 35px; border: 1px solid #ffffff10; border-radius: 50%; background: #202633; color: #ff9b62; overflow: hidden; font-family: 'Exo 2',sans-serif; }
.cscom-unified .cscom-native-comments .cm-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.cscom-unified .cscom-native-comments .cm-avatar :is(span,svg) { max-width: 100%; max-height: 100%; }
.cscom-unified .cscom-native-comments .cm-author,
.cscom-unified .cscom-native-comments .cm-author strong { color: #edf2fc; font: 700 13px/1.5 'Manrope',sans-serif; }
.cscom-unified .cscom-native-comments .cm-author a { color: inherit; }
.cscom-unified .cscom-native-comments .cm-author a:hover { color: #ff9b62; }
.cscom-unified .cscom-native-comments :is(.cm-own,.cm-date,.cm-parent,.cm-editor-note,.pc-help,.cm-readonly) { color: #8d9ab0 !important; }
.cscom-unified .cscom-native-comments .cm-own { background: transparent; }
.cscom-unified .cscom-native-comments .cm-body { margin: 7px 0 8px; color: #c9d2e2; font-size: 13px; line-height: 1.8; }
.cscom-unified .cscom-native-comments .cm-body :is(p,li) { color: inherit; font-size: inherit; line-height: inherit; }
.cscom-unified .cscom-native-comments .cm-body :is(h2,h3,h4,strong,b) { color: #edf2fc; }
.cscom-unified .cscom-native-comments .cm-body :is(ul,ol) { padding-left: 1.5em; margin: 10px 0; }
.cscom-unified .cscom-native-comments .cm-body blockquote { margin: 14px 0; padding: 12px 16px; border-left: 2px solid #ff7b3250; border-radius: 0 10px 10px 0; background: #ff7b3206; color: #c4b5ae; }
.cscom-unified .cscom-native-comments :is(.cm-text-button,.cm-parent a,.cm-body a,.cm-edit > summary) { color: #ef9c6c; font-family: 'Manrope',sans-serif; }
.cscom-unified .cscom-native-comments .cm-text-button { min-height: 32px; font-size: 11px; }
.cscom-unified .cscom-native-comments .cm-icon-button { width: 34px; height: 34px; border: 0 !important; background: transparent !important; color: #8d9ab0 !important; }
.cscom-unified .cscom-native-comments .cm-icon-button:hover,
.cscom-unified .cscom-native-comments .cm-icon-button[aria-expanded="true"] { background: #ff7b3210 !important; color: #ff9b62 !important; }
.cscom-unified .cscom-native-comments .cm-item-actions { gap: 8px 14px; }
.cscom-unified .cscom-native-comments .cm-engagement :is(.product-like,.product-stat,.like-statistics-button) { background: transparent; border: 0; color: #8d9ab0; font: 600 11px 'Manrope',sans-serif; box-shadow: none; }
.cscom-unified .cscom-native-comments .cm-engagement :is(.product-like,.like-statistics-button):hover,
.cscom-unified .cscom-native-comments .cm-engagement .product-like[aria-pressed="true"] { background: #ff7b3210; color: #ff9b62; }
.cscom-unified .cscom-native-comments .cm-engagement .product-like[aria-pressed="true"] .icon { fill: #ff7b321e; }
.cscom-unified .cscom-native-comments .cm-empty { justify-content: flex-start; gap: 18px; padding: 25px; background: #151a25; border: 1px solid #ffffff08; border-radius: 18px; }
.cscom-unified .cscom-native-comments .cm-empty > span { color: #bd815e; font-family: 'Exo 2',sans-serif; }
.cscom-unified .cscom-native-comments :is(.cm-empty h3,.cm-login h3) { margin: 0 0 7px; padding: 0; color: #e6edf9; font: 700 18px/1.35 'Exo 2',sans-serif; letter-spacing: -.15px; }
.cscom-unified .cscom-native-comments :is(.cm-empty p,.cm-login p) { margin: 0; color: #8d9ab0; font-size: 12px; line-height: 1.75; }
.cscom-unified .cscom-native-comments .cm-login { padding: 23px 25px; gap: 22px; border: 1px solid #ff7b3215; border-radius: 18px; background: #ff7b3205; margin: 18px 0 0; }
.cscom-unified .cscom-native-comments .button,
.cscom-unified .likes-dialog .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 11px 18px; border: 1px solid #ffffff14; border-radius: 12px; background: #151a25; color: #dce4f2; text-decoration: none; font: 700 12px/1.5 'Manrope',sans-serif; cursor: pointer; }
.cscom-unified .cscom-native-comments :is(.cm-login .button,.cm-save-button,.cm-send-button) { background: #ff7b32; border-color: #ff7b32; color: #17100c; box-shadow: none; }
.cscom-unified .cscom-native-comments :is(.cm-login .button,.cm-save-button,.cm-send-button):hover { background: #ff9254; border-color: #ff9254; color: #17100c; }
.cscom-unified .cscom-native-comments .cm-compose { padding: 18px; border: 1px solid #ffffff12; border-radius: 18px; background: #151a25; margin-top: 24px; scroll-margin-top: 112px; }
.cscom-unified .cscom-native-comments .cm-compose-reply { background: #151a25 !important; border-color: #ff7b3225; }
.cscom-unified .cscom-native-comments .pc-rich { min-width: 0; }
.cscom-unified .cscom-native-comments :is(.pc-rich-heading,.pc-field) { color: #aab3c4; font-size: 12px; }
.cscom-unified .cscom-native-comments :is(.pc-visual-wrap,.pc-visual-input,.pc-rich > textarea,.cm-reply-select select) { max-width: 100%; width: 100%; background: #10141e !important; border-color: #ffffff12 !important; border-radius: 12px; color: #dce4f2 !important; caret-color: #ff9b62; }
.cscom-unified .cscom-native-comments :is(.pc-visual-input,.pc-rich > textarea) { min-height: 104px; padding: 14px; font-size: 13px; line-height: 1.75; }
.cscom-unified .cscom-native-comments .pc-visual-input:empty::before { color: #718097; }
.cscom-unified .cscom-native-comments .pc-visual-input :is(p,li) { color: inherit; }
.cscom-unified .cscom-native-comments .pc-rich-toolbar { flex-wrap: wrap; padding: 10px; gap: 6px; background: #151a25; border-color: #ffffff10; }
.cscom-unified .cscom-native-comments .pc-rich-toolbar :is(button,select),
.cscom-unified .cscom-native-comments .pc-editor-switch button { min-height: 32px; padding: 7px 9px; border: 1px solid #ffffff10; border-radius: 8px; color: #aab3c4; background: #1c2330; font-size: 11px; }
.cscom-unified .cscom-native-comments .pc-editor-switch button[aria-pressed="true"] { color: #ff9b62; border-color: #ff7b3225; background: #ff7b3210; }
.cscom-unified .cscom-native-comments .cm-editor-actions { padding-top: 12px; gap: 9px; }
.cscom-unified .cscom-native-comments .cm-editor-note { margin: 12px 0 0; font-size: 10px; line-height: 1.7; }
.cscom-unified .cscom-native-comments .cm-reply-hint { padding: 12px 14px; background: #ff7b3208 !important; border: 1px solid #ff7b321a; border-radius: 11px; color: #e2ac8d !important; }
.cscom-unified .cscom-native-comments .cm-edit > form { border-color: #ffffff12; }
.cscom-unified .cscom-native-comments .cm-delete form { background: #1b202d; color: #dce4f2; border: 1px solid #ffffff14; box-shadow: 0 18px 40px #0006; }
.cscom-unified .cscom-native-comments .cm-delete form p { color: #b1b9c9; }
.cscom-unified .cscom-native-comments .cm-delete-button { background: #3a252b; border-color: #ad5a6b40; color: #efb0bd; font-family: 'Manrope',sans-serif; }
.cscom-unified .cscom-native-comments :is(.cm-status-pending,.notice-error) { background: #ffa3490d; color: #d8b28b; border: 1px solid #ffa34920; }
.cscom-unified .cscom-native-comments .cm-status-rejected { background: #ff66770b; color: #e0a2ad; border: 1px solid #ff66771a; }
.cscom-unified .cscom-native-comments .cm-status :is(strong,span) { color: inherit; }
.cscom-unified .cscom-native-comments .cm-notice { padding: 14px 17px; margin: 0 0 22px; border: 1px solid #68c7ab25; border-radius: 12px; background: #68c7ab0b; color: #a4d9c9; font-size: 12px; line-height: 1.7; }
.cscom-unified .cscom-native-comments .social-picker { min-width: 0; color: #dce4f2; }
.cscom-unified .cscom-native-comments .social-picker-actions { flex-wrap: nowrap; align-items: center; gap: 6px; }
.cscom-unified .cscom-native-comments .social-picker-actions > details { width: auto; flex: 0 0 auto; margin: 0; }
.cscom-unified .cscom-native-comments .social-picker :is(summary,.social-carousel-arrow,.social-pack-button,.social-emoji-category,.social-picker-more,.social-sticker-preview button) { background: #202735; border-color: #ffffff12; color: #aab3c4; }
.cscom-unified .cscom-native-comments .social-picker-panel { background: #151a25; border: 1px solid #ffffff14; color: #dce4f2; box-shadow: 0 18px 50px #0008; }
.cscom-unified .cscom-native-comments .social-picker :is(input[type="search"],select) { color: #dce4f2; background: #10141e; border-color: #ffffff14; }
.cscom-unified .cscom-native-comments .social-picker :is(label,.social-picker-section-heading,.social-pack-status,[data-emoji-status]) { color: #9aa7bc; }
.cscom-unified .cscom-native-comments .social-picker :is(.social-pack-button,.social-emoji-category,[data-sticker-id])[aria-pressed="true"] { border-color: #ff7b3250; background: #ff7b3212; color: #ff9b62; }
.cscom-unified .cscom-native-comments .cm-pagination { margin: 22px 0; }
.cscom-unified .cscom-native-comments .cm-pagination nav { max-width: 100%; overflow-wrap: anywhere; }
.cscom-unified .cscom-native-comments :focus-visible { outline: 2px solid #ff9b62; outline-offset: 3px; }

.cscom-unified .likes-dialog { margin: auto; padding: 26px; border: 1px solid #ffffff14; border-radius: 24px; background: #10141e; color: #dce4f2; font-family: 'Manrope',sans-serif; }
.cscom-unified .likes-dialog::backdrop { background: #04070db8; backdrop-filter: blur(8px); }
.cscom-unified .likes-dialog-heading h2 { color: #f0f4fd; font: 700 23px/1.3 'Exo 2',sans-serif; }
.cscom-unified .likes-close { color: #aab3c4; border-color: #ffffff12; background: #151a25; }
.cscom-unified :is(.likes-target,.likes-help) { color: #8d9ab0; }
.cscom-unified .likes-summary > div { background: #151a25; border: 1px solid #ffffff08; }
.cscom-unified .likes-summary strong { color: #ff9b62; font-family: 'Exo 2',sans-serif; }
.cscom-unified .likes-participants li { border-color: #ffffff0b; }
.cscom-unified .likes-avatar { background: #202735; }
.cscom-unified .likes-person[href]:hover { color: #ff9b62; }
@media(max-width:650px) {
 .cscom-unified .cscom-native-comments { margin-top: 24px; padding: 20px 16px; border-radius: 18px; scroll-margin-top: 92px; }
 .cscom-unified .cscom-native-comments :is(.pb-comments,.cm-item,.cm-compose) { scroll-margin-top: 92px; }
 .cscom-unified .cscom-native-comments .cm-thread-heading { gap: 14px; margin-bottom: 20px; }
 .cscom-unified .cscom-native-comments .cm-thread-heading h2 { font-size: 21px; gap: 9px; }
 .cscom-unified .cscom-native-comments .cm-sort { width: 100%; }
 .cscom-unified .cscom-native-comments .cm-sort select { flex: 1; width: 100%; max-width: none; }
 .cscom-unified .cscom-native-comments .cm-empty { gap: 12px; padding: 18px 15px; border-radius: 14px; }
 .cscom-unified .cscom-native-comments .cm-empty > span { font-size: 42px; }
 .cscom-unified .cscom-native-comments :is(.cm-empty h3,.cm-login h3) { font-size: 17px; }
 .cscom-unified .cscom-native-comments .cm-login { padding: 18px 16px; gap: 17px; border-radius: 14px; }
 .cscom-unified .cscom-native-comments .cm-login .button { width: 100%; }
 .cscom-unified .cscom-native-comments .cm-item { margin-left: calc(min(var(--comment-depth,0),2) * 10px); padding-left: 40px; }
 .cscom-unified .cscom-native-comments .cm-avatar { width: 30px; height: 30px; }
 .cscom-unified .cscom-native-comments .cm-compose { padding: 13px; border-radius: 14px; }
 .cscom-unified .cscom-native-comments :is(.pc-visual-input,.pc-rich > textarea,input,select) { font-size: 16px; }
 .cscom-unified .cscom-native-comments .cm-editor-note { font-size: 10px; }
 .cscom-unified .likes-dialog { padding: 20px; border-radius: 20px; }
}