.cmts{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--line);scroll-margin-top:calc(var(--hdr-h-stuck) + var(--sp-5))}.cmts__head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.cmts__ttl{font-size:var(--fs-h3);color:var(--txt);align-items:center;gap:10px;font-weight:900;line-height:1.6;display:flex}.cmts__ttl svg{width:22px;height:22px;color:var(--brand)}.cmts__count{border-radius:var(--r-full);font-size:var(--fs-caption);color:var(--brand);background:var(--brand-soft);padding:2px 10px;font-weight:700}.rsum{gap:var(--sp-6);margin-top:var(--sp-5);padding:var(--sp-5) var(--sp-6);background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r-lg);grid-template-columns:auto minmax(0,1fr);display:grid}.rsum__avg{text-align:center;align-content:center;justify-items:center;gap:6px;min-width:140px;display:grid}.rsum__avg b{color:var(--txt);font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.rsum__avg span{font-size:var(--fs-caption);color:var(--txt-3)}.rsum__bars{align-content:center;gap:7px;display:grid}.rsum__bars li{font-size:var(--fs-caption);grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:10px;display:grid}.rsum__lb{color:var(--txt-2);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:700;display:inline-flex}.rsum__lb svg{width:12px;height:12px;color:var(--accent)}.rsum__bar{border-radius:var(--r-full);background:#125c451a;height:8px;display:block;overflow:hidden}.rsum__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--gold-300));height:100%;display:block}.rsum__n{text-align:end;color:var(--txt-3);font-variant-numeric:tabular-nums}.cmts__list{gap:var(--sp-3);margin-top:var(--sp-5);display:grid}.cmt{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);scroll-margin-top:calc(var(--hdr-h-stuck) + var(--sp-5));gap:14px;padding:18px 20px;display:flex}.cmt--staff{background:linear-gradient(160deg, var(--green-50), var(--panel) 60%);border-color:var(--green-200)}.cmt__av{color:#fff;background:hsl(var(--hue,160) 45% 42%);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.cmt--staff>.cmt__av{background:linear-gradient(135deg, var(--brand), var(--brand-2))}.cmt__av svg{width:22px;height:22px}.cmt__body{flex:1;min-width:0}.cmt__head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.cmt__name{color:var(--txt);font-size:14.5px;font-weight:800}.cmt__date{font-size:var(--fs-caption);color:var(--txt-3);margin-inline-start:auto}.cmt__buyer svg{width:11px;height:11px}.cmt__txt{color:var(--txt-2);white-space:pre-line;overflow-wrap:anywhere;margin-top:8px;font-size:14.5px;line-height:2}.cmt__reply{font-size:var(--fs-small);color:var(--brand);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:0;align-items:center;gap:4px;margin-top:10px;padding:0;font-weight:700;display:inline-flex}.cmt__reply svg{width:14px;height:14px;transition:transform var(--t-base) var(--ease)}.cmt__reply:hover{color:var(--brand-2)}.cmt__reply:hover svg{transform:translate(-3px)}.cmt__replies{border-top:1px dashed var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.cmt--reply{background:var(--surf);border-radius:var(--r-md);border-color:#0000;padding:12px 14px}.cmt--reply.cmt--staff{background:var(--green-50);border-color:var(--green-200)}.cmt--reply .cmt__av{width:36px;height:36px;font-size:15px}.cmt--reply .cmt__av svg{width:18px;height:18px}.cmt--reply .cmt__txt{font-size:14px}.cmts__empty{margin-top:var(--sp-5);border:1px dashed var(--line-2);border-radius:var(--r-lg);font-size:var(--fs-body-sm);color:var(--txt-3);align-items:center;gap:10px;padding:18px 20px;display:flex}.cmts__empty svg{width:20px;height:20px;color:var(--green-300);flex-shrink:0}.cmts__more{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--txt-3)}.cmts__more a{color:var(--brand);text-underline-offset:4px;font-weight:700;text-decoration:underline}.cmtf{margin-top:var(--sp-6);padding:var(--sp-6);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);scroll-margin-top:calc(var(--hdr-h-stuck) + var(--sp-5))}.cmtf__ttl{font-size:var(--fs-h4);color:var(--txt);flex-wrap:wrap;align-items:center;gap:8px;font-weight:900;display:flex}.cmtf__ttl b{color:var(--brand)}.cmtf__cancel{border-radius:var(--r-full);font-size:var(--fs-caption);color:var(--txt-2);background:var(--surf);border:1px solid var(--line-2);cursor:pointer;align-items:center;gap:4px;margin-inline-start:auto;padding:4px 10px;font-weight:700;display:inline-flex}.cmtf__cancel svg{width:12px;height:12px}.cmtf__cancel:hover{border-color:var(--brand);color:var(--brand)}.cmtf__hint{font-size:var(--fs-small);color:var(--txt-3);margin-top:6px;line-height:1.9}.cmtf__form{gap:var(--sp-4);margin-top:var(--sp-5);display:grid}.cmtf__grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fld{gap:6px;display:grid;position:relative}.fld>span{font-size:var(--fs-small);color:var(--txt-2);font-weight:700}.fld input,.fld textarea{width:100%;font:inherit;font-size:var(--fs-body-sm);color:var(--txt);background:var(--surf);border:1px solid var(--line-2);border-radius:var(--r-md);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);padding:11px 14px;line-height:1.8}.fld textarea{resize:vertical;min-height:120px}.fld input:focus,.fld textarea:focus{background:var(--panel);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:0}.fld__count{font-size:var(--fs-caption);color:var(--txt-3);font-variant-numeric:tabular-nums;justify-self:end}.cmtf__hp{clip:rect(0,0,0,0);opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cmtf__msg{margin-top:var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-small);align-items:flex-start;gap:8px;padding:12px 14px;font-weight:600;line-height:1.9;display:flex}.cmtf__form .cmtf__msg{margin-top:0}.cmtf__msg svg{flex-shrink:0;width:18px;height:18px;margin-top:3px}.cmtf__msg.is-ok{color:#0e8a5e;background:var(--success-soft)}.cmtf__msg.is-wait{color:#7a4f05;background:var(--warning-soft)}.cmtf__msg.is-err{color:var(--danger);background:var(--danger-soft)}.cmtf__foot{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.cmtf__note{font-size:var(--fs-caption);color:var(--txt-3)}.cmtf__members{border-radius:var(--r-md);font-size:var(--fs-small);color:var(--txt-2);background:var(--accent-soft);border:1px dashed var(--line-2);align-items:flex-start;gap:8px;margin:0;padding:12px 14px;line-height:1.9;display:flex}.cmtf__members svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:3px}.cmtf__members a{color:var(--brand);text-underline-offset:3px;font-weight:700;text-decoration:underline}.rate{border:0;min-width:0;margin:0;padding:0}.rate__lb{font-size:var(--fs-small);color:var(--txt-2);margin-bottom:6px;padding:0;font-weight:700}.rate__stars{align-items:center;gap:2px;display:flex}.rate__i{cursor:pointer;width:38px;height:38px;color:var(--line-2);transition:color var(--t-fast) var(--ease), transform var(--t-fast) var(--spring);border-radius:10px;place-items:center;display:grid;position:relative}.rate__i input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rate__i svg{width:28px;height:28px}.rate__i.is-on{color:var(--accent)}.rate__i:hover{transform:scale(1.12)}.rate__i:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:-2px}.rate__txt{font-size:var(--fs-small);color:var(--accent-text);min-width:7ch;margin-inline-start:10px;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stars{color:var(--accent);vertical-align:middle;align-items:center;gap:1px;display:inline-flex}.stars__i{width:1em;height:1em;display:inline-grid;position:relative}.stars__i svg{width:100%;height:100%;color:var(--gold-200);display:block;position:absolute;inset:0}.stars__fill{position:absolute;inset:0;overflow:hidden}.stars__fill svg{color:var(--accent);aspect-ratio:1;width:auto}.stars--sm{font-size:13px}.stars--md{font-size:18px}.stars--lg{font-size:24px}.stars__fill{inset-inline:0 auto}.stars__fill svg{inset-inline-start:0}@media (max-width:640px){.cmts{margin-top:var(--sp-7)}.rsum{gap:var(--sp-4);padding:var(--sp-4);grid-template-columns:1fr}.rsum__avg b{font-size:36px}.cmt{gap:10px;padding:14px}.cmt__av{width:38px;height:38px;font-size:16px}.cmt__date{flex-basis:100%;margin-inline-start:0}.cmtf{padding:var(--sp-4)}.cmtf__grid{grid-template-columns:1fr}.cmtf__foot .btn{width:100%}}@media (prefers-reduced-motion:reduce){.rate__i,.cmt__reply svg{transition:none}.rate__i:hover{transform:none}}
