/* Bản 18 — đánh giá có ảnh/video, bộ lọc và phân trang bằng số. */
.danh-gia .nguon-danh-gia{margin:-4px 0 16px;font-size:12px;color:#73737b}
.tong-quan-danh-gia{border-radius:14px;margin-bottom:16px}
.loc-danh-gia{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.nut-loc{border:1px solid #e1e3e9;padding:8px 11px;border-radius:9px;font-size:12px;background:#fff;color:#51515d;min-height:38px}
.nut-loc:hover{border-color:#ee4d2d;color:#d74429}
.nut-loc[aria-pressed="true"]{border-color:#ee4d2d;color:#d43b1d;background:#fff5f1;box-shadow:inset 0 0 0 1px #ee4d2d}
.tim-sap-xep{display:flex;gap:12px;align-items:flex-end;margin:18px 0 14px}
.tim-sap-xep label{display:block;min-width:0}.o-tim-danh-gia{flex:1}.o-sap-xep{flex:0 0 185px}
.tim-sap-xep label>span{display:block;font-size:12px;color:#74747f;margin-bottom:6px}
.tim-sap-xep input,.tim-sap-xep select{width:100%;height:42px;border:1px solid #dedfe5;border-radius:9px;padding:0 11px;background:#fff;color:#3f3f46;font:inherit;font-size:13px}
.tim-sap-xep :focus-visible,.nut-loc:focus-visible,.tep-danh-gia:focus-visible,.nut-trang:focus-visible{outline:2px solid var(--xanh);outline-offset:3px}
.danh-gia .ket-qua-loc{font-size:12px;color:#757580;margin:14px 0 0}
#khong-co-ket-qua{text-align:center;padding:32px 10px;color:#73737d;font-size:14px}#khong-co-ket-qua .nut{margin-top:16px;border-radius:8px}
#cac-danh-gia{scroll-margin-top:16px;outline:none}
.dai-tep-trong-danh-gia{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tep-danh-gia{position:relative;flex:0 0 78px;width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border:1px solid #e5e5ed;border-radius:10px;padding:0;background:#f2f4f7;color:#737782;isolation:isolate;transition:border-color .18s,box-shadow .18s,transform .18s}
.tep-danh-gia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#f2f4f7}
.tep-danh-gia:hover{border-color:var(--xanh);box-shadow:0 4px 12px #1248891a;transform:translateY(-2px)}
.tep-danh-gia[aria-pressed="true"]{border:2px solid var(--xanh);box-shadow:0 0 0 1px #c5dcff}
.du-phong-tep{font-size:11px;line-height:1.5}.la-video .du-phong-tep{align-self:start;margin-top:5px}
.ky-hieu-phat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0008;color:#fff;font-size:14px;padding-left:2px}
.thoi-luong-tep{position:absolute;right:4px;bottom:3px;color:#fff;background:#0009;border-radius:3px;padding:1px 4px;font-size:10px;z-index:2;line-height:1.5}
.so-tep-danh-gia{margin:7px 0 0;font-size:11px;color:#777782}
.trang-thai-anh-nho{position:absolute;left:0;right:0;bottom:3px;font-size:10px;line-height:1.4;color:#757782;text-align:center}
.loi-anh-nho:not(.la-video) .du-phong-tep{transform:translateY(-6px)}
.la-video .trang-thai-anh-nho{display:none}
.luot-huu-ich{margin-top:14px;font-size:11px;color:#92929b}
.phan-trang-danh-gia{display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid var(--vien);padding-top:20px}
.nut-trang{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:0;padding:0;border:0;border-radius:50%;background:transparent;color:#16161c;font:inherit;font-size:14px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nut-trang::before{content:"";position:absolute;inset:4px;border-radius:50%;z-index:-1}
.nut-trang:hover:not(:disabled)::before{background:#edf7ff}
.nut-trang[aria-current="page"]{color:#fff}
.nut-trang[aria-current="page"]::before,.nut-trang[aria-current="page"]:hover::before{background:#1a9dff}
.nut-trang:disabled{color:#c8c9d1;cursor:default}
.nut-trang-mui-ten{color:#42434a}
.mui-trang{display:block;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
.mui-trang.truoc{transform:rotate(-135deg);margin-right:0;margin-left:3px}
body.dang-xem-danh-gia{overflow:hidden}
.hop-tep-danh-gia{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#fff;color:#27272a;margin:0;padding:0;overflow:hidden;overscroll-behavior:contain}
.hop-tep-danh-gia[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.hop-tep-danh-gia::backdrop{background:#fff}
.dau-hop-tep{display:flex;align-items:center;gap:16px;min-height:72px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));border-bottom:1px solid #eeeef3}
.dau-hop-tep>div{min-width:0;flex:1}.dau-hop-tep strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.dau-hop-tep p{font-size:12px;color:#83838c;margin-top:3px}.dau-hop-tep>span{white-space:nowrap;font-size:13px;color:#83838c}.dau-hop-tep .nut-tron{width:40px;height:40px;flex-shrink:0}
.vung-tep-danh-gia{position:relative;display:grid;place-items:center;min-height:0;min-width:0;overflow:hidden;background:#fafafb;touch-action:pan-y pinch-zoom}
.vung-tep-danh-gia>img,.vung-tep-danh-gia>video{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.vung-tep-danh-gia>video{background:#f2f4f7}.vung-tep-danh-gia>img{-webkit-user-drag:none;user-select:none}
.vung-tep-danh-gia .nut-anh-lon{background:#31374588}.vung-tep-danh-gia .nut-anh-lon:hover{background:#313745bb}
.dang-tai-tep{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:12px;background:#fffdfd;padding:7px 12px;border-radius:20px;box-shadow:0 3px 15px #0001}
.loi-tep-danh-gia{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:330px;max-width:calc(100% - 90px);padding:20px;border:1px solid #e5e8ed;border-radius:14px;text-align:center;background:#fffffff5;box-shadow:0 8px 30px #0001;font-size:13px;line-height:1.8}
.loi-tep-danh-gia .nut{display:block;margin:13px auto 10px;border-radius:8px}.loi-tep-danh-gia>a{color:var(--xanh);text-decoration:underline}
.chan-hop-tep{min-width:0;padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:#fff}
#dai-tep-danh-gia{display:flex;gap:10px;width:max-content;max-width:100%;padding:4px 20px;margin:auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.bay-danh-gia{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#thong-bao-danh-gia.co-loi{color:#bf301e}
.nut-gui-danh-gia .nut{border-radius:9px;min-height:42px}.nut-gui-danh-gia .nut:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.tim-sap-xep{flex-wrap:wrap;gap:10px}.o-tim-danh-gia{flex-basis:100%}.o-sap-xep{flex-basis:100%}.tim-sap-xep input,.tim-sap-xep select{font-size:16px}.tep-danh-gia{flex-basis:66px;width:66px;height:66px;border-radius:8px}.dai-tep-trong-danh-gia{gap:6px}.loc-danh-gia{gap:6px}.nut-loc{padding:7px 9px;font-size:11px}.phan-trang-danh-gia{gap:0}.nut-trang{flex-basis:40px;width:40px}.nut-trang::before{inset:4px 2px}.dau-hop-tep{padding-top:max(12px,env(safe-area-inset-top));gap:10px}.dau-hop-tep strong{font-size:13px}.dau-hop-tep p{font-size:11px}.loi-tep-danh-gia{padding:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.tep-danh-gia{transition:none}.tep-danh-gia:hover{transform:none}}