.product-comments{padding:32px;background:#111;color:#eee;border-top:1px solid #555}
.product-comments-page{max-width:1100px;margin:70px auto 100px;padding:36px;border:1px solid #555}
.product-dialog .product-comments{background:#eeede7;color:#191919;border-color:#cfcec7}
.comments-heading-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.comments-heading-row h2,.comments-heading-row h3{font-size:clamp(24px,4vw,34px);letter-spacing:-.03em;margin:0}
.comments-count{font-size:12px;opacity:.75}
.comments-public{font-size:12px;line-height:1.6;opacity:.75;margin:10px 0 22px}
.comments-twitter-hint{margin:-3px 0 4px;font-size:11px;line-height:1.5;opacity:.72}
.comment-author{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:7px;overflow-wrap:anywhere}
.comment-author a,.comments-admin-profile{color:inherit;text-decoration:underline}
.comments-sort-label{display:inline-block;margin-right:10px;font-size:12px}
#comments-sort{padding:9px 12px;margin-bottom:22px;border:1px solid #777;background:#1d1d1d;color:#eee;font:inherit;font-size:12px}
.product-dialog #comments-sort{background:#fff;color:#191919}
.comments-form{display:grid;gap:10px;margin:0 0 22px}
.comments-form label{font-size:12px;font-weight:700}
.comments-form input:not([type=file]),.comments-form textarea,.comments-form input[type=file]{width:100%;max-width:100%;padding:12px;border:1px solid #777;background:#1d1d1d;color:#eee;font:inherit;font-size:13px}
.product-dialog .comments-form input:not([type=file]),.product-dialog .comments-form textarea,.product-dialog .comments-form input[type=file]{background:#fff;color:#191919}
.comments-form textarea{min-height:90px;resize:vertical;line-height:1.6}
.comments-form input.honeypot{position:absolute;left:-99999px;width:1px;height:1px;opacity:0}
.comments-form button[type=submit],.comments-more{justify-self:start;border:1px solid #ddd;background:#eee;color:#111;padding:10px 17px;font:inherit;font-size:12px;cursor:pointer}
.product-dialog .comments-form button[type=submit],.product-dialog .comments-more{background:#191919;color:#fff;border-color:#191919}
.comments-form button:disabled,.comments-more:disabled{opacity:.5;cursor:default}
.comments-previews,.comment-images,.comments-admin-images{display:flex;flex-wrap:wrap;gap:10px}
.comments-preview{width:min(100px,30%);position:relative}
.comments-preview img,.comment-images img,.comments-admin-images img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #777}
.comments-preview-remove{position:absolute;top:3px;right:3px;background:#111;color:#fff;border:1px solid #eee;padding:3px 5px;font-size:10px;cursor:pointer}
.comment-images a,.comments-admin-images a{width:min(120px,30%)}
.comments-status{min-height:1.5em;font-size:12px;line-height:1.5}
.comments-status.error{color:#ff9a9a}.product-dialog .comments-status.error{color:#a62525}
.comments-list{display:grid;border-top:1px solid #555}
.comment-item{padding:18px 0;border-bottom:1px solid #555;min-width:0}
.comment-item-header{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}
.comment-item-header time{opacity:.65;font-size:11px}
.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin:10px 0}
.comment-images{margin:12px 0}
.comment-actions{display:flex;align-items:center;gap:16px;margin-top:12px}
.comment-like,.comment-delete{border:1px solid currentColor;background:transparent;color:inherit;padding:6px 10px;font-size:11px;cursor:pointer}
.comment-like[aria-pressed=true]{background:#eee;color:#111}.product-dialog .comment-like[aria-pressed=true]{background:#191919;color:#fff}
.comment-delete{border:0;text-decoration:underline;padding-inline:0}
.comments-empty{padding:28px 0;opacity:.7;font-size:12px}.comments-more{margin-top:18px}
.product-comments [hidden]{display:none!important}
.comments-admin{margin-top:42px;border-top:1px solid #888;padding-top:28px}.comments-admin h2{font-size:27px}.comments-admin-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.comments-admin-controls select{padding:10px;border:1px solid #777;background:#fff;color:#111;font:inherit;font-size:12px}.comments-admin-list{display:grid;gap:12px}.comments-admin-item{border:1px solid #999;padding:20px;background:#fff;color:#111}.comments-admin-item.is-hidden{background:#e9e9e9}.comments-admin-item header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px}.comments-admin-item h3{font-size:17px;margin:9px 0}.comments-admin-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px}.comments-admin-item small{display:block;margin-top:10px;color:#555}.comments-admin-item button{margin-top:15px}.comments-admin-images{margin:12px 0}.comments-admin-status{min-height:1.5em;font-size:12px}.comments-admin-status.error{color:#a62525}.comments-admin [hidden]{display:none!important}
@media(max-width:760px){.product-comments{padding:24px}.product-comments-page{margin:45px 6% 70px}.comment-images a,.comments-admin-images a{width:min(110px,30%)}}
@media(max-width:480px){.product-comments{padding:20px}.product-comments-page{margin-inline:4%;padding:18px}.comments-admin-controls>*{min-width:0}.comments-admin-item{padding:16px}.comment-item-header{display:block}.comment-item-header time{display:block;margin-top:4px}}