/* Modern reviews, scoped to the product's review section. */
html body #container .tr-reviews{color:var(--text);font:400 14px/1.6 Manrope,Arial,sans-serif;min-width:0;clear:both}
html body #container .tr-reviews *{box-sizing:border-box}
html body #container .tr-reviews [hidden]{display:none!important}
html body #container .tr-reviews :is(h2,h3,p,fieldset){background:none;border:0;text-shadow:none;margin:0;padding:0;color:inherit;text-transform:none}
html body #container .tr-reviews .tr-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
html body #container .tr-reviews h2{font-size:22px;font-weight:600;line-height:1.35}
html body #container .tr-reviews h3{font-size:18px;font-weight:600;line-height:1.4}
html body #container .tr-heading p{color:var(--text-muted);margin-top:5px;font-size:13px}
html body #container .tr-reviews button,html body #container .tr-upload-button{font:500 13px/1.4 Manrope,Arial,sans-serif;cursor:pointer;text-transform:none;box-shadow:none;text-shadow:none;transition:background-color .15s,transform .15s}
html body #container .tr-reviews button:active{transform:scale(.97)}
html body #container .tr-reviews button:disabled{opacity:.5;cursor:wait}
html body #container .tr-reviews .tr-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border:0;border-radius:17px;background:#63cdfd;color:#111;white-space:normal;flex:none}
html body #container .tr-reviews .tr-button:hover{background:#8ddcfe}
html body #container .tr-reviews :is(button,input,textarea,a):focus-visible{outline:2px solid #63cdfd;outline-offset:3px}
html body #container .tr-reviews .tr-overview{display:flex;align-items:center;gap:18px;background:var(--surface-muted);border-radius:17px;padding:18px 22px;margin-bottom:22px}
html body #container .tr-overview>strong{font-size:38px;font-weight:700;line-height:1.2}
html body #container .tr-overview p{font-size:12px;color:var(--text-muted);margin-top:3px}
html body #container .tr-reviews .tr-stars{display:inline-block;position:relative;white-space:nowrap;color:var(--border,#ddd);font:400 21px/1 Arial,sans-serif;letter-spacing:2px;vertical-align:middle}
html body #container .tr-reviews .tr-stars>span{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#63cdfd;white-space:nowrap;max-width:100%}
html body #container .tr-reviews .tr-form{padding:22px;margin:0 0 22px;border:1px solid var(--border);border-radius:17px;background:var(--surface);display:grid;gap:18px;min-width:0}
html body #container .tr-form .tr-form-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
html body #container .tr-reviews .tr-field{display:grid;gap:7px;min-width:0}
html body #container .tr-field>label,html body #container .tr-rating-field legend{display:block;float:none;width:auto;font-size:13px;font-weight:600;margin-bottom:3px}
html body #container .tr-form :is(input:not([type]),textarea){display:block;width:100%;max-width:100%;min-width:0;margin:0;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);color:var(--text);padding:12px 14px;font:400 14px/1.6 Manrope,Arial,sans-serif;box-shadow:none;float:none;height:auto}
html body #container .tr-form textarea{min-height:130px;resize:vertical}
html body #container .tr-form input:not([type]){min-height:46px}
html body #container .tr-form ::placeholder{color:var(--text-muted);opacity:.85}
html body #container .tr-reviews .tr-character-count{text-align:right;font-size:11px;color:var(--text-muted)}
html body #container .tr-rating-picker{display:flex;gap:8px;width:max-content;max-width:100%}
html body #container .tr-rating-picker label{position:relative;display:grid;place-items:center;cursor:pointer;width:40px;height:44px;color:var(--text-muted)}
html body #container .tr-rating-picker label>span:not(.tr-sr-only){font:400 36px/1 Arial,sans-serif;color:var(--border,#aaa);transition:color .15s,transform .15s}
html body #container .tr-rating-picker label.is-active>span:not(.tr-sr-only),html body #container .tr-rating-picker label:hover>span:not(.tr-sr-only){color:#63cdfd}
html body #container .tr-rating-picker label:hover>span:not(.tr-sr-only){transform:scale(1.1)}
html body #container .tr-rating-picker input{position:absolute;opacity:0;width:1px;height:1px}
html body #container .tr-rating-picker label:focus-within{outline:2px solid #63cdfd;outline-offset:2px;border-radius:8px}
html body #container .tr-rating-field small{font-size:11px;color:var(--text-muted)}
html body #container .tr-reviews :is(.tr-sr-only,.tr-honeypot){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html body #container .tr-upload{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
html body #container .tr-upload-button{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--border);border-radius:12px;padding:11px 14px;overflow:hidden;background:var(--surface-muted);color:var(--text)}
html body #container .tr-reviews .tr-upload-button>span{color:inherit!important;text-shadow:none!important}
html body #container .tr-upload-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
html body #container .tr-upload-button:focus-within{outline:2px solid #63cdfd}
html body #container .tr-upload-button svg,html body #container .tr-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body #container .tr-upload p,html body #container .tr-form-footer p{font-size:11px;line-height:1.6;color:var(--text-muted)}
html body #container .tr-reviews .tr-previews{display:flex;flex-wrap:wrap;gap:10px}
html body #container .tr-preview{position:relative;width:84px;height:84px}
html body #container .tr-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}
html body #container .tr-preview button{position:absolute;top:-5px;right:-5px;width:27px;height:27px;border-radius:50%;border:0;background:var(--text);color:var(--surface);font:400 20px/1 Arial,sans-serif}
html body #container .tr-reviews .tr-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:transparent!important;box-shadow:none!important}
html body #container .tr-form-footer p{flex:1 1 240px}
html body #container .tr-reviews .tr-status:empty{display:none}
html body #container .tr-reviews .tr-status{margin:0 0 18px;padding:12px 15px;border-radius:12px;background:var(--surface-muted);color:var(--text);overflow-wrap:anywhere}
html body #container .tr-reviews .tr-status.is-success{box-shadow:inset 3px 0 #63cdfd}
html body #container .tr-reviews .tr-status.is-error{box-shadow:inset 3px 0 #df7474}
html body #container .tr-reviews .tr-list{display:grid;gap:16px;min-width:0}
html body #container .tr-reviews .tr-review{padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--surface);min-width:0}
html body #container .tr-review-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html body #container .tr-author{display:flex;align-items:center;gap:10px;min-width:0}
html body #container .tr-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--surface-muted);color:var(--text);font-weight:600}
html body #container .tr-author strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
html body #container .tr-author time{display:block;font-size:11px;color:var(--text-muted)}
html body #container .tr-reviews .tr-review-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}
html body #container .tr-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
html body #container .tr-photos button{padding:0;margin:0;border:0;background:var(--surface-muted);width:78px;height:78px;border-radius:12px;overflow:hidden;display:block}
html body #container .tr-photos img{display:block;width:100%;height:100%;object-fit:cover}
html body #container .tr-review-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
html body #container .tr-reviews .tr-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:var(--surface-muted);color:var(--text);padding:9px 11px;min-height:40px}
html body #container .tr-reviews .tr-action[aria-pressed=true]{background:rgba(99,205,253,.2);color:var(--text)}
html body #container .tr-reviews .tr-action[aria-pressed=true] svg{fill:#63cdfd;stroke:var(--text)}
html body #container .tr-reviews .tr-text-button{padding:6px 0;border:0;background:transparent;color:var(--text-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
html body #container .tr-replies{display:grid;gap:14px;margin-top:18px;padding-left:18px;border-left:2px solid var(--border)}
html body #container .tr-reply{min-width:0;padding:4px 0}
html body #container .tr-reply .tr-review-header{margin-bottom:8px}
html body #container .tr-reply .tr-avatar{width:30px;height:30px}
html body #container .tr-reply-slot .tr-form{margin-top:16px;margin-bottom:0}
html body #container .tr-reply-context{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}
html body #container .tr-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:12px;color:var(--text-muted)}
html body #container .tr-reviews .tr-lightbox{position:fixed;inset:0;max-width:min(94vw,1000px);max-height:92dvh;padding:44px 50px 24px;border:0;border-radius:17px;background:var(--surface,#fff);color:var(--text,#111);margin:auto;overflow:hidden;box-shadow:0 20px 80px #0006}
html body #container .tr-lightbox::backdrop{background:#080b1266;backdrop-filter:blur(12px)}
html body #container .tr-lightbox img{display:block;max-width:100%;max-height:72dvh;width:auto;height:auto;object-fit:contain;margin:auto}
html body #container .tr-lightbox button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--surface-muted,#eee);color:var(--text,#111);font:400 27px/1 Arial,sans-serif;position:absolute}
html body #container .tr-lightbox .tr-lightbox-close{top:8px;right:10px}
html body #container .tr-lightbox .tr-lightbox-prev{left:8px;top:50%}
html body #container .tr-lightbox .tr-lightbox-next{right:8px;top:50%}
html body #container .tr-lightbox p{text-align:center;font-size:12px;color:var(--text-muted);margin-top:10px}
@media(max-width:760px){html body #container .tr-reviews .tr-heading{align-items:flex-start;gap:12px}html body #container .tr-reviews h2{font-size:20px}html body #container .tr-heading .tr-button{font-size:12px;padding:10px 12px;max-width:135px}html body #container .tr-reviews :is(.tr-review,.tr-form){padding:15px}html body #container .tr-review-header{gap:8px}html body #container .tr-reviews .tr-stars{font-size:18px}html body #container .tr-form-footer .tr-button{width:100%}html body #container .tr-replies{padding-left:12px;margin-top:16px}html body #container .tr-photos button{width:64px;height:64px}html body #container .tr-reviews .tr-lightbox{padding:44px 38px 18px;max-width:96vw}}
@media(prefers-reduced-motion:reduce){html body #container .tr-reviews *{transition:none!important;animation:none!important}}

/* TOYS_REVIEW_STAR_LAYERS: Journal's generic span font must not resize the fill layer. */
html body #container .tr-reviews .tr-stars,html body #container .tr-reviews .tr-stars>span{font:400 21px/21px Arial,sans-serif!important;letter-spacing:2px!important;text-align:left!important;white-space:nowrap!important;text-transform:none!important}
html body #container .tr-reviews .tr-rating-picker label>span:not(.tr-sr-only){font:400 36px/36px Arial,sans-serif!important}
@media(max-width:760px){html body #container .tr-reviews .tr-stars,html body #container .tr-reviews .tr-stars>span{font-size:18px!important;line-height:18px!important}}
/* TOYS_REVIEW_SECTION_SPACING */
html body #container .tr-reviews{padding-top:18px!important}
html body #container .tr-reviews .tr-heading{position:static;height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none;flex-wrap:wrap}
html body #container .tr-reviews [data-tr-form-home]>p{margin:0 0 20px!important;padding:0!important}
html body #container .tr-reviews [data-tr-form-home]>p>a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;line-height:1.55}
/* TOYS_REVIEW_ACTION_DARK: keep nested labels readable despite legacy product span colours. */
html[data-site-theme='dark'] body #container .tr-reviews .tr-action{background:var(--surface-muted)!important;color:var(--text)!important}
html[data-site-theme='dark'] body #container .tr-reviews .tr-action:is(:hover,:focus-visible,[aria-pressed='true']){background:rgba(99,205,253,.2)!important;color:var(--accent)!important}
html[data-site-theme='dark'] body #container .tr-reviews .tr-action span{color:inherit!important;text-shadow:none!important}
html[data-site-theme='dark'] body #container .tr-reviews .tr-action svg{color:inherit!important;stroke:currentColor!important;fill:none!important}
html[data-site-theme='dark'] body #container .tr-reviews .tr-action[aria-pressed='true'] svg{fill:var(--accent)!important}