.comments-section{border-top:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);margin-top:48px;padding-top:32px}.comments-title{color:var(--text-color);margin:0 0 24px;font-family:Marcellus,serif;font-size:1.3rem}.comments-count{color:color-mix(in srgb, var(--text-color) 45%, transparent);font-weight:400}.comments-message{margin-bottom:16px;padding:10px 14px;font-size:.85rem}.comments-message-success{background:color-mix(in srgb, var(--accent-secondary) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-secondary) 25%, transparent);color:var(--accent-secondary)}.comments-message-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b40}.comments-form{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.comments-form-row{gap:12px;display:flex}.comments-input,.comments-textarea{background:color-mix(in srgb, var(--primary-color) 78%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);color:var(--text-color);outline:none;width:100%;padding:10px 14px;font-size:.88rem}.comments-textarea{resize:vertical;min-height:80px}.comments-input:focus,.comments-textarea:focus{border-color:#7dd3fc4d}.comments-submit{color:#04111f;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#7dd3fcf2,#9ae6b4e6);border:1px solid #9ae6b452;align-self:flex-start;min-height:44px;padding:0 28px;font-size:.85rem;font-weight:800;transition:transform .18s}.comments-submit:hover{transform:translateY(-2px)}.comments-submit:disabled{opacity:.5;cursor:not-allowed}.comments-loading,.comments-empty{color:color-mix(in srgb, var(--text-color) 45%, transparent);text-align:center;padding:20px;font-size:.88rem}.comments-list{flex-direction:column;gap:16px;display:flex}.comments-item{background:color-mix(in srgb, var(--primary-color) 78%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 8%, transparent);padding:16px 20px}.comments-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comments-item-name{color:var(--accent-primary);font-size:.9rem}.comments-item-time{color:color-mix(in srgb, var(--text-color) 40%, transparent);font-size:.75rem}.comments-item-text{color:var(--text-color);margin:0;font-size:.88rem;line-height:1.6}@media (max-width:576px){.comments-form-row{flex-direction:column}}