/* Warm paper surfaces and compact, font-independent stars. */
.htbr-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:fit-content;margin:14px 0 20px;color:#6b5848;font:14px/1.5 'Trebuchet MS',Arial,sans-serif;text-decoration:none}
.htbr-summary-copy{border-bottom:1px solid transparent}.htbr-summary:hover .htbr-summary-copy{border-color:currentColor}
.htbr-stars{position:relative;display:inline-block;flex:none;width:110px;height:22px;color:#ded3be;vertical-align:middle}
.htbr-stars>span{display:block;height:100%}.htbr-stars>span:last-child{position:absolute;left:0;top:0;overflow:hidden;color:#ffc548}
.htbr-stars .htbr-star-svg{display:block;width:110px;max-width:none;height:22px}
.htbr-summary .htbr-stars{width:100px;height:20px}.htbr-summary .htbr-star-svg{width:100px;height:20px}
.htbr-section{padding-block:64px;scroll-margin-top:28px;color:#302019}.htbr-section>h2{font:700 clamp(30px,4vw,46px)/1.1 Georgia,serif;margin:0 0 28px}
.htbr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0;color:#302019;font:16px/1.6 'Trebuchet MS',Arial,sans-serif}
.htbr-card{display:inline-block;box-sizing:border-box;width:100%;margin:0;min-width:0;align-self:start;border:1px solid #dcd1bf;border-radius:16px 10px 18px 12px;padding:24px;background:#fffdf6;box-shadow:0 3px 12px #30201908}
.htbr-card p{margin:18px 0;overflow-wrap:anywhere}.htbr-byline{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:baseline}.htbr-byline time{font-size:13px;color:#6b5848}
.htbr-product{display:block;color:#8f2f21;font-size:13px;margin-top:5px;text-underline-offset:3px}.htbr-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:9px;margin-top:20px}
.htbr-invitation,.htbr-empty{font:16px/1.6 'Trebuchet MS',Arial,sans-serif;margin-block:22px}.htbr-invitation a{color:#8f2f21;text-underline-offset:3px}
.htbr-form{box-sizing:border-box;max-width:700px;margin-top:30px;border:1px solid #dcd1bf;border-radius:16px 10px 18px 12px;background:#fffdf6;color:#302019;overflow:hidden;box-shadow:0 4px 18px #30201907;font:16px/1.5 'Trebuchet MS',Arial,sans-serif}
.htbr-form *{box-sizing:border-box}.htbr-form-heading{padding:26px 30px 24px;background:#fff1c9;border-bottom:1px solid #e4d8c3}
.htbr-kicker{display:block;margin-bottom:8px;font:700 10px/1.5 'Trebuchet MS',Arial,sans-serif;text-transform:uppercase;letter-spacing:1.8px;color:#6b5848}
.htbr-form .htbr-form-heading h3{font:700 30px/1.15 Georgia,serif;letter-spacing:-.5px;margin:0 0 10px;color:#302019}.htbr-form-heading p{margin:0;max-width:440px;font-size:15px;line-height:1.6;color:#6b5848}
.htbr-form-body{padding:26px 30px 28px}.htbr-form .htbr-field{display:block;font-size:14px;font-weight:700;margin:20px 0 8px}.htbr-form-body>.htbr-field:first-child{margin-top:0}
.htbr-form-basics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start;margin:0 0 20px}.htbr-form-basics .htbr-field{margin:0}
.htbr-form :is(input:not([type=radio]),select,textarea){display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #bcad96;border-radius:9px;background:#fffefa;color:#302019;font:16px/1.5 'Trebuchet MS',Arial,sans-serif}
.htbr-form textarea{resize:vertical;min-height:126px}.htbr-form textarea::placeholder{color:#8a7c6c;opacity:1}
.htbr-form .htbr-note{font-size:13px;line-height:1.6;color:#6b5848;margin:10px 0}.htbr-optional{font-weight:400;color:#6b5848}
.htbr-form input[type=file]{font-size:13px;padding:10px;border-style:dashed;background:#faf6e9;cursor:pointer}
.htbr-form input[type=file]::file-selector-button{margin-right:12px;padding:10px 15px;min-height:40px;border:0;border-radius:24px;background:#f8d477;color:#302019;font:700 13px/1.4 'Trebuchet MS',Arial,sans-serif;cursor:pointer}
.htbr-rating{border:0;padding:0;margin:0;min-width:0}.htbr-rating legend{font-size:14px;font-weight:700;padding:0;margin-bottom:8px}.htbr-rating-options{display:flex;gap:4px}
.htbr-rating label{position:relative;display:grid;place-items:center;flex:none;width:44px;height:46px;border:1px solid #dcd1bf;border-radius:10px;background:#fffefa;cursor:pointer}
.htbr-rating input{position:absolute;opacity:0;width:1px;height:1px}.htbr-rating label>span[aria-hidden]{display:block;color:#cbbda4}.htbr-rating .htbr-star-svg{display:block;width:26px;height:26px;max-width:none}
.htbr-rating label:has(input:checked){border-color:#d9aa3b;background:#fff1c9;box-shadow:0 0 0 1px #ffc54833}
.htbr-rating:has(input[value="1"]:checked) label:nth-of-type(-n+1)>span[aria-hidden],.htbr-rating:has(input[value="2"]:checked) label:nth-of-type(-n+2)>span[aria-hidden],.htbr-rating:has(input[value="3"]:checked) label:nth-of-type(-n+3)>span[aria-hidden],.htbr-rating:has(input[value="4"]:checked) label:nth-of-type(-n+4)>span[aria-hidden],.htbr-rating:has(input[value="5"]:checked) label:nth-of-type(-n+5)>span[aria-hidden]{color:#ffc548}
@media(hover:hover){.htbr-rating label:hover{background:#fff1c9;border-color:#bc9f66}}
.htbr-form :is(input,textarea,select,button,canvas):focus-visible,.htbr-summary:focus-visible{outline:3px solid #255f83;outline-offset:3px}.htbr-rating label:has(input:focus-visible){outline:3px solid #255f83;outline-offset:3px}
.htbr-form button{min-height:44px;cursor:pointer;font:700 15px/1.4 'Trebuchet MS',Arial,sans-serif}.htbr-submit{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:30px;padding:14px 26px;background:#df3821;color:#fffdf6;margin-top:10px}.htbr-submit>span{font-size:24px;line-height:1;font-weight:400}.htbr-submit:hover{background:#b92b19}.htbr-submit:disabled{opacity:.6;cursor:default}
.htbr-form .htbr-privacy{max-width:510px;margin:16px 0 0;font-size:12px;line-height:1.7}
.htbr-crop{padding:18px;margin:18px 0;border:1px solid #dcd1bf;border-radius:12px;background:#faf6e9}.htbr-crop[hidden]{display:none}.htbr-crop canvas{display:block;width:min(100%,300px);height:auto;aspect-ratio:1;touch-action:none;cursor:grab;border-radius:7px;margin:0 auto 16px}.htbr-crop canvas:active{cursor:grabbing}.htbr-crop label{display:block;font-weight:700;font-size:14px}.htbr-crop input[type=range]{padding:0;min-height:44px;accent-color:#ffc548}
.htbr-clear{border:1px solid #bcad96;background:#fffdf6;border-radius:25px;padding:9px 16px;color:#8f2f21;margin-top:10px}
.htbr-feedback,.htbr-message{font-size:14px;line-height:1.6;margin:18px 0;color:#6b5848}.htbr-feedback:empty{display:none}.htbr-feedback[data-state=success]{background:#eef2e5;border:1px solid #d4dec1;border-radius:10px;padding:14px 16px;color:#394930}.htbr-feedback[data-state=error]{background:#fff0e9;border:1px solid #e9c4b4;border-radius:10px;padding:14px 16px;color:#8f2f21}
.htbr-form.is-submitted .htbr-form-body>:not(.htbr-feedback):not(input[type=hidden]){display:none}.htbr-form.is-submitted .htbr-feedback{margin:0}
.htbr-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.htbr-admin{max-width:1000px}.htbr-admin .htbr-form{margin-bottom:40px}
@media(max-width:900px){.htbr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.htbr-grid{grid-template-columns:1fr;gap:18px}.htbr-section{padding-block:44px}.htbr-card{padding:22px}.htbr-form-heading{padding:23px 22px}.htbr-form .htbr-form-heading h3{font-size:28px}.htbr-form-body{padding:22px}.htbr-form-basics{grid-template-columns:minmax(0,1fr);gap:22px}.htbr-crop{padding:12px}.htbr-submit{width:100%;justify-content:space-between}}
@media(max-width:360px){.htbr-form-body{padding:20px}.htbr-form-heading{padding:23px 20px}.htbr-rating-options{gap:4px}}

/* Sunny yellow fill with a fine warm edge on the public rating strip. */
.htbr-stars>span:last-child .htbr-star-svg{stroke:#d5a53b}
/* A quiet invitation until reviews exist; the verified-buyer form stays welcoming. */
.htbr-section.htbr-section-empty{padding:24px 28px;margin-top:0;margin-bottom:38px;border:1px solid #dcd1bf;border-radius:16px 10px 18px 12px;background:#fffdf6;box-shadow:0 5px 18px #49331c0b}
.htbr-section-empty>h2{font-size:29px;line-height:1.2;margin-bottom:10px}
.htbr-section-empty .htbr-invitation{margin:0;font-size:15px;line-height:1.65;max-width:72ch}
.htbr-section-empty .htbr-message{margin-bottom:12px}
.htbr-invitation a{text-decoration:underline;text-decoration-thickness:1px}
@media(max-width:600px){.htbr-section.htbr-section-empty{padding:22px 20px;margin-bottom:30px}.htbr-section-empty>h2{font-size:27px}}

.htbr-verified{display:flex;align-items:center;gap:5px;margin-top:7px;color:#526443;font-size:12px;line-height:1.4}
.htbr-verified>span{font-weight:700}
.htbr-copy{margin:18px 0}.htbr-card .htbr-copy .htbr-text{margin:0}
.htbr-details{display:flex;flex-direction:column}.htbr-details>summary{display:block;list-style:none;cursor:pointer;min-height:44px;width:fit-content;align-content:center;color:#8f2f21;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:700}
.htbr-details>summary::-webkit-details-marker{display:none}.htbr-details .htbr-less{display:none}
.htbr-copy:has(.htbr-details[open])>.htbr-excerpt,.htbr-details[open] .htbr-more{display:none}
.htbr-details[open] .htbr-less{display:inline}.htbr-details[open]{display:flex}.htbr-details[open]>summary{order:2}
.htbr-load{text-align:center;margin:8px 0 28px}.htbr-load-all{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;border:1px solid #c7a257;border-radius:30px;padding:13px 25px;background:#f8d477;color:#302019;font:700 16px/1.4 'Trebuchet MS',Arial,sans-serif;cursor:pointer}
.htbr-load-all:hover{background:#ffdf88}.htbr-load-all:disabled{opacity:.65;cursor:wait}.htbr-load-all[hidden]{display:none}.htbr-load-status{margin:10px 0 0;font:13px/1.5 'Trebuchet MS',Arial,sans-serif;color:#6b5848}
.htbr-details>summary:focus-visible,.htbr-load-all:focus-visible{outline:3px solid #255f83;outline-offset:4px}


/* Native grid spans pack cards in reading order; JS measures only on size changes. */
.htbr-grid.is-masonry{grid-auto-rows:8px;row-gap:0}.htbr-grid.is-masonry>.htbr-card{margin-bottom:22px}
@media(max-width:600px){.htbr-grid.is-masonry>.htbr-card{margin-bottom:18px}}