.comment-area{width:100%;margin:40px auto;padding:30px;font-family:system-ui,sans-serif;line-height:1.5;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;padding:1.5rem}.comment-form{margin:24px 0 40px;display:flex;flex-direction:column;gap:16px}.comment-title{color:#2f2725;font-size:24px;font-weight:700;line-height:1.2}.form-row{margin-bottom:1rem;display:flex;justify-content:space-between;gap:10px}.form-span{display:flex;flex-direction:column;gap:10px}.span-12{width:50%}.span-24{width:100%}.form-row label{color:#2f2725;font-size:18px;font-weight:700;line-height:1.5}.form-row input,.form-row textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px;line-height:1.2;background-color:#fff}.form-row .checkbox{flex-direction:row;align-items:center;gap:.5rem}.form-row input[type=checkbox]:checked{accent-color:#158cc5;outline:2px solid #158cc5;box-shadow:0 0 0 2px #158cc533}.form-submit{justify-content:center}.btn-submit{width:auto;border-radius:48px;background:#158cc5;display:flex;padding:12px 32px;justify-content:center;align-items:center;gap:8px;color:#fff;text-align:center;font-size:18px;font-weight:700;line-height:1.2;border:0}.btn-submit:disabled{background:#999;cursor:not-allowed}.comment-list h4{margin-bottom:1rem}.comment-line{margin:10px 0;color:#e0e0e0}.comment-item{border-bottom:1px solid #eee;padding:1rem 0;margin-top:1.2rem}.meta{display:flex;justify-content:space-between;margin-bottom:10px}.meta .author{color:#2f2725;font-size:16px;font-weight:700;line-height:1}.meta .date{color:#464a4b;text-align:right;font-size:14px;line-height:1}.comment-item .content{margin:8px 0;padding:6px 8px;gap:10px;align-self:stretch;color:#2f2725;font-size:16px;font-weight:400;line-height:1.3;background-color:#fff}.comment-item .content p{margin:2px 0}.btn-reply{background:none;border:0;color:#158cc5;cursor:pointer;font-size:14px;line-height:1.2;display:flex;justify-content:center;align-items:center;gap:4px}.replies{border-left:1px solid #e0e0e0;padding-left:12px;margin-left:12px;margin-top:30px}.note--success{color:#158cc5;text-align:center}.error{border:1px solid #f00}.form-error ui li{color:red;list-style:none}.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:20px 0;font-size:14px;flex-wrap:wrap}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:20px;line-height:1;height:26px;padding:6px;border-radius:8px;background:#f4f4f4;color:#333;text-decoration:none;transition:background .2s}.pagination a:hover,.pagination a:focus{background:#e0e0e0}.pagination .current{background:#007cba;color:#fff;font-weight:600}.pagination .disabled{background:#e9e9e9;color:#aaa;pointer-events:none}.pagination .prev a.btn,.pagination .next a.btn{min-width:auto;padding:6px;background:unset;border-radius:unset}@media (max-width: 768px){.comment-area{padding:1rem}.comment-form{padding:.1rem}.form-row{flex-direction:column}.span-12{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/comment-form.css.map */