.comment{margin-top:2rem}.comment--embedded,.product-tab-comments{margin-top:0}.comment-section-title{color:var(--theam-color);font-weight:700}.comment-count-badge{background:color-mix(in srgb,var(--theam-color) 85%,#000);color:#fff}.comment-section-divider{border-color:var(--ui-border);opacity:1}.comments-list{list-style:none;padding:0;margin:0}.comments-replies{list-style:none;padding:0;margin:1rem 0 0 2rem}.comment-item{margin-bottom:1.25rem;padding:1.25rem;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition),transform var(--ui-transition)}.comment-item:hover{box-shadow:var(--ui-shadow-md)}.comment-reply{background:var(--ui-surface-muted)!important;border-inline-start:3px solid var(--theam-color)}.comment-avatar{float:right;margin-left:1rem}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-content{overflow:hidden}.comment-header{margin-bottom:.75rem}.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.comment-author{font-weight:600;color:var(--theam-color);font-size:1.05rem}.reply-author{font-weight:600;color:color-mix(in srgb,var(--theam-color) 70%,#334155)}.comment-rating{display:flex;align-items:center;gap:2px}.comment-rating i{font-size:1rem;line-height:1}.comment-date{color:var(--ui-text-muted);font-size:.85rem}.comment-message p{margin:0;line-height:1.7;color:var(--ui-text)}.comment-actions{margin-top:.75rem}.reply-btn{color:var(--theam-color);text-decoration:none;font-size:.9rem;padding:.25rem .5rem}.reply-btn:hover{color:color-mix(in srgb,var(--theam-color) 80%,#000);background-color:color-mix(in srgb,var(--theam-color) 10%,transparent);border-radius:var(--ui-radius-sm)}.add-comment-card{box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);overflow:hidden;margin-top:1.25rem}.add-comment-card__header{background:var(--theam-color);color:#fff;border:none;padding:.85rem 1rem}.add-comment-card__header h5{color:#fff;font-size:1rem;font-weight:600}.comment-form textarea{resize:vertical;min-height:100px}.comment-form .form-control:focus{border-color:var(--theam-color);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--theam-color) 18%,transparent)}.star-rating{display:flex;gap:.25rem}.star-label{cursor:pointer;margin:0}.star-input{display:none}.star-icon{font-size:1.5rem;color:#ddd;transition:color .2s ease;line-height:1;display:inline-block}.star-label:hover .star-icon,.star-input:checked~.star-icon,.star-rating:hover .star-label:hover~.star-label .star-icon{color:#f59e0b}.user-info{background:var(--ui-surface-muted);border:1px solid var(--ui-border)}.user-info .avatar-initial{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background:var(--theam-color);color:#fff}.login-prompt-card{background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);margin-top:1.25rem}.empty-comments{background:var(--ui-surface-muted);border:1px dashed var(--ui-border);border-radius:var(--ui-radius-md);margin:1rem 0 0}.rating-summary .rating-stars{display:flex;gap:2px}.rating-summary .rating-stars i{font-size:1.2rem;line-height:1}.comment-submit-btn{background:var(--theam-color);border-color:var(--theam-color)}.comment-submit-btn:hover,.comment-submit-btn:focus{background:color-mix(in srgb,var(--theam-color) 88%,#000);border-color:color-mix(in srgb,var(--theam-color) 88%,#000)}.product-tab-comments .add-comment-card,.product-tab-comments .login-prompt-card{margin-top:1.25rem}@media(max-width:768px){.comment{margin-top:1.25rem;padding:0}.comments-replies{margin-left:1rem}.comment-item{padding:1rem;margin-bottom:1rem}.comment-meta{flex-direction:column;align-items:flex-start}.avatar{width:48px;height:48px}.avatar-small{width:32px;height:32px}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.comment-item{animation:slideIn .35s ease-out}.loading-comments{text-align:center;padding:2rem}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--ui-border);border-top:3px solid var(--theam-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}