/* Feedback 1.3.2: scoped customer component, existing palette and native form controls. */
.product-feedback{margin:64px 0 48px;padding-top:40px;border-top:1px solid var(--layon-line);scroll-margin-top:24px}
.product-feedback .feedback-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px 32px;flex-wrap:wrap;margin-bottom:24px}
.product-feedback .feedback-heading h2{font-size:32px;font-weight:500;letter-spacing:-.03em;margin:0}
.product-feedback .feedback-heading p{font-size:14px;color:var(--layon-secondary);margin:0}
.feedback-tabs{display:flex;gap:32px;margin-bottom:32px;border-bottom:1px solid var(--layon-line)}
.feedback-tabs>a{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 0;border-bottom:2px solid transparent;font-size:16px;font-weight:500}
.feedback-tabs>a span{min-width:24px;height:24px;padding:0 7px;border-radius:6px;font-size:12px;font-weight:400;display:grid;place-items:center;background:#f7f7f7;color:var(--layon-secondary)}
.feedback-tabs>a[aria-selected=true]{border-color:var(--layon-primary);color:var(--layon-accent)}
.feedback-tabs>a:hover{color:var(--layon-primary)}
.product-feedback .feedback-pane{display:grid;grid-template-columns:var(--layon-feedback-sidebar-width,220px) minmax(0,1fr);gap:40px;margin:0;padding:0;border:0;scroll-margin-top:24px}
.product-feedback .feedback-pane[hidden]{display:none}
.product-feedback:not([data-enhanced]) .feedback-pane+.feedback-pane{margin-top:48px}
.feedback-pane>*{min-width:0}
.feedback-overview{align-self:start;padding:24px;border-radius:10px;border:1px solid var(--layon-line);background:#f7f7f7}
.feedback-overview-label{font-size:13px;margin:0 0 12px;color:var(--layon-secondary)}
.feedback-score{font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-.035em;margin-bottom:12px}
.feedback-score small{font-size:16px;font-weight:400;color:var(--layon-secondary);letter-spacing:0}
.feedback-counts{font-size:13px;line-height:1.8;margin:12px 0 0}
.feedback-overview-note{font-size:13px;color:var(--layon-secondary);margin:20px 0 0;line-height:1.6}
.feedback-overview-note a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--layon-accent)}
.rating-stars{display:inline-block;position:relative;width:110px;height:20px;flex:none;vertical-align:middle;overflow:hidden}
.rating-stars-base,.rating-stars-fill{position:absolute;left:0;top:0;display:flex;gap:2px;width:110px;height:20px;color:#b7b7b7}
.rating-stars-fill.rating-fill-0{width:0%}
.rating-stars-fill.rating-fill-1{width:1%}
.rating-stars-fill.rating-fill-2{width:2%}
.rating-stars-fill.rating-fill-3{width:3%}
.rating-stars-fill.rating-fill-4{width:4%}
.rating-stars-fill.rating-fill-5{width:5%}
.rating-stars-fill.rating-fill-6{width:6%}
.rating-stars-fill.rating-fill-7{width:7%}
.rating-stars-fill.rating-fill-8{width:8%}
.rating-stars-fill.rating-fill-9{width:9%}
.rating-stars-fill.rating-fill-10{width:10%}
.rating-stars-fill.rating-fill-11{width:11%}
.rating-stars-fill.rating-fill-12{width:12%}
.rating-stars-fill.rating-fill-13{width:13%}
.rating-stars-fill.rating-fill-14{width:14%}
.rating-stars-fill.rating-fill-15{width:15%}
.rating-stars-fill.rating-fill-16{width:16%}
.rating-stars-fill.rating-fill-17{width:17%}
.rating-stars-fill.rating-fill-18{width:18%}
.rating-stars-fill.rating-fill-19{width:19%}
.rating-stars-fill.rating-fill-20{width:20%}
.rating-stars-fill.rating-fill-21{width:21%}
.rating-stars-fill.rating-fill-22{width:22%}
.rating-stars-fill.rating-fill-23{width:23%}
.rating-stars-fill.rating-fill-24{width:24%}
.rating-stars-fill.rating-fill-25{width:25%}
.rating-stars-fill.rating-fill-26{width:26%}
.rating-stars-fill.rating-fill-27{width:27%}
.rating-stars-fill.rating-fill-28{width:28%}
.rating-stars-fill.rating-fill-29{width:29%}
.rating-stars-fill.rating-fill-30{width:30%}
.rating-stars-fill.rating-fill-31{width:31%}
.rating-stars-fill.rating-fill-32{width:32%}
.rating-stars-fill.rating-fill-33{width:33%}
.rating-stars-fill.rating-fill-34{width:34%}
.rating-stars-fill.rating-fill-35{width:35%}
.rating-stars-fill.rating-fill-36{width:36%}
.rating-stars-fill.rating-fill-37{width:37%}
.rating-stars-fill.rating-fill-38{width:38%}
.rating-stars-fill.rating-fill-39{width:39%}
.rating-stars-fill.rating-fill-40{width:40%}
.rating-stars-fill.rating-fill-41{width:41%}
.rating-stars-fill.rating-fill-42{width:42%}
.rating-stars-fill.rating-fill-43{width:43%}
.rating-stars-fill.rating-fill-44{width:44%}
.rating-stars-fill.rating-fill-45{width:45%}
.rating-stars-fill.rating-fill-46{width:46%}
.rating-stars-fill.rating-fill-47{width:47%}
.rating-stars-fill.rating-fill-48{width:48%}
.rating-stars-fill.rating-fill-49{width:49%}
.rating-stars-fill.rating-fill-50{width:50%}
.rating-stars-fill.rating-fill-51{width:51%}
.rating-stars-fill.rating-fill-52{width:52%}
.rating-stars-fill.rating-fill-53{width:53%}
.rating-stars-fill.rating-fill-54{width:54%}
.rating-stars-fill.rating-fill-55{width:55%}
.rating-stars-fill.rating-fill-56{width:56%}
.rating-stars-fill.rating-fill-57{width:57%}
.rating-stars-fill.rating-fill-58{width:58%}
.rating-stars-fill.rating-fill-59{width:59%}
.rating-stars-fill.rating-fill-60{width:60%}
.rating-stars-fill.rating-fill-61{width:61%}
.rating-stars-fill.rating-fill-62{width:62%}
.rating-stars-fill.rating-fill-63{width:63%}
.rating-stars-fill.rating-fill-64{width:64%}
.rating-stars-fill.rating-fill-65{width:65%}
.rating-stars-fill.rating-fill-66{width:66%}
.rating-stars-fill.rating-fill-67{width:67%}
.rating-stars-fill.rating-fill-68{width:68%}
.rating-stars-fill.rating-fill-69{width:69%}
.rating-stars-fill.rating-fill-70{width:70%}
.rating-stars-fill.rating-fill-71{width:71%}
.rating-stars-fill.rating-fill-72{width:72%}
.rating-stars-fill.rating-fill-73{width:73%}
.rating-stars-fill.rating-fill-74{width:74%}
.rating-stars-fill.rating-fill-75{width:75%}
.rating-stars-fill.rating-fill-76{width:76%}
.rating-stars-fill.rating-fill-77{width:77%}
.rating-stars-fill.rating-fill-78{width:78%}
.rating-stars-fill.rating-fill-79{width:79%}
.rating-stars-fill.rating-fill-80{width:80%}
.rating-stars-fill.rating-fill-81{width:81%}
.rating-stars-fill.rating-fill-82{width:82%}
.rating-stars-fill.rating-fill-83{width:83%}
.rating-stars-fill.rating-fill-84{width:84%}
.rating-stars-fill.rating-fill-85{width:85%}
.rating-stars-fill.rating-fill-86{width:86%}
.rating-stars-fill.rating-fill-87{width:87%}
.rating-stars-fill.rating-fill-88{width:88%}
.rating-stars-fill.rating-fill-89{width:89%}
.rating-stars-fill.rating-fill-90{width:90%}
.rating-stars-fill.rating-fill-91{width:91%}
.rating-stars-fill.rating-fill-92{width:92%}
.rating-stars-fill.rating-fill-93{width:93%}
.rating-stars-fill.rating-fill-94{width:94%}
.rating-stars-fill.rating-fill-95{width:95%}
.rating-stars-fill.rating-fill-96{width:96%}
.rating-stars-fill.rating-fill-97{width:97%}
.rating-stars-fill.rating-fill-98{width:98%}
.rating-stars-fill.rating-fill-99{width:99%}
.rating-stars-fill.rating-fill-100{width:100%}
.rating-stars-fill{color:var(--layon-rating-gold);overflow:hidden}
.product-feedback .rating-glyph{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.35;display:block}
.rating-stars-fill .rating-glyph{fill:currentColor;stroke:none}
.feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 20px}
.feedback-toolbar h3{font-size:20px;line-height:1.4;letter-spacing:-.015em;font-weight:500;margin:0}
.product-feedback .feedback-toolbar .btn{min-height:44px;font-size:13px;padding:10px 16px}
.feedback-action{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.feedback-empty{border:1px solid var(--layon-line);border-radius:10px;padding:28px;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-feedback .feedback-empty>svg{width:28px;height:28px;margin-bottom:16px;fill:none;stroke:var(--layon-primary);stroke-width:1.35}
.feedback-empty h4{font-size:17px;font-weight:500;line-height:1.4;margin:0 0 8px}
.feedback-empty p{font-size:14px;line-height:1.6;color:var(--layon-secondary);max-width:500px;margin:0}
.product-feedback .feedback-entry{max-width:none;padding:24px 0;margin:0;border-bottom:1px solid var(--layon-line);overflow-wrap:anywhere}
.product-feedback .feedback-entry:first-child{padding-top:0}
.feedback-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 24px;background:none;border:0;margin:0 0 16px}
.feedback-entry-header>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;min-width:0}
.feedback-entry-header strong{font-weight:500;font-size:14px}
.feedback-entry-header time,.feedback-source,.feedback-question-meta{font-size:12px;color:var(--layon-secondary)}
.feedback-source{flex-basis:100%}
.feedback-entry-text{font-size:15px;line-height:1.7;margin:0}
.product-feedback .feedback-entry-photos{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.feedback-entry-photos:empty{display:none!important}
.product-feedback .feedback-entry-photos a{display:block;width:96px;height:96px;border-radius:6px;border:1px solid var(--layon-line);overflow:hidden}
.product-feedback .feedback-entry-photos img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
.feedback-answer{background:#f7f7f7;border-left:2px solid var(--layon-primary);border-radius:0 6px 6px 0;padding:16px 20px;margin:20px 0 0;font-size:14px}
.feedback-answer>strong{font-size:13px;font-weight:500}
.feedback-answer p{margin:8px 0 0;line-height:1.65;overflow-wrap:anywhere}
.feedback-pagination{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0;font-size:13px}
.feedback-pagination a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--layon-line);border-radius:6px}
.feedback-pagination a:hover{background:#f7f7f7}
.feedback-guest-note{font-size:13px;color:var(--layon-secondary);margin:20px 0 0;line-height:1.6}
.feedback-guest-note a{text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.product-feedback .feedback-composer{max-width:none;padding:0;margin:24px 0 0;background:#fff;border:1px solid var(--layon-line);border-radius:10px;scroll-margin-top:24px}
.feedback-composer>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 24px;font-size:16px;font-weight:500;list-style:none;cursor:pointer;text-decoration:none}
.feedback-composer>summary::-webkit-details-marker{display:none}
.feedback-composer>summary>span{font-size:22px;font-weight:400;color:var(--layon-secondary)}
.feedback-composer[open]>summary>span{transform:rotate(45deg)}
.product-feedback .feedback-form{display:block;max-width:none;margin:0;padding:0 24px 24px}
.product-feedback .feedback-form label,.rating-field legend{font-size:14px;font-weight:500;display:block;margin:0 0 8px}
.product-feedback .feedback-form textarea{display:block;width:100%;max-width:none;padding:12px 14px;border:1px solid var(--layon-control-border);border-radius:6px;font-family:inherit;font-size:16px;line-height:1.6;resize:vertical;min-height:128px;background:#fff;color:var(--layon-ink)}
.feedback-field{margin:24px 0}
.feedback-help{font-size:12px;line-height:1.6;color:var(--layon-secondary);margin:8px 0}
.feedback-field>.feedback-help{margin:0 0 12px}
.feedback-moderation{font-size:12px;line-height:1.6;color:var(--layon-secondary);max-width:580px;margin:20px 0}
.rating-field{border:0;padding:0;margin:8px 0 24px;min-width:0}
.rating-options{display:flex;gap:4px;width:fit-content;position:relative}
.product-feedback .rating-options label{display:grid;place-items:center;position:relative;width:var(--layon-rating-target,44px);height:44px;min-width:44px;margin:0;border-radius:6px;cursor:pointer;color:#808080}
.rating-options input{position:absolute;opacity:0;width:1px;height:1px;padding:0;clip-path:inset(50%)}
.product-feedback .rating-options .rating-glyph{width:30px;height:30px}
.rating-options label:has(input:focus-visible){outline:2px solid var(--layon-accent);outline-offset:2px}
.rating-options:has(input[value="1"]:checked) label:nth-child(-n+1),.rating-options:has(input[value="2"]:checked) label:nth-child(-n+2),.rating-options:has(input[value="3"]:checked) label:nth-child(-n+3),.rating-options:has(input[value="4"]:checked) label:nth-child(-n+4),.rating-options:has(input[value="5"]:checked) label:nth-child(-n+5){color:var(--layon-rating-gold)}
.rating-options:has(input[value="1"]:checked) label:nth-child(-n+1) svg,.rating-options:has(input[value="2"]:checked) label:nth-child(-n+2) svg,.rating-options:has(input[value="3"]:checked) label:nth-child(-n+3) svg,.rating-options:has(input[value="4"]:checked) label:nth-child(-n+4) svg,.rating-options:has(input[value="5"]:checked) label:nth-child(-n+5) svg{fill:currentColor;stroke:none}
.feedback-photo-picker{position:relative;margin:24px 0}
.feedback-photo-picker input[type=file]{position:absolute;opacity:0;width:1px;height:1px;padding:0;clip-path:inset(50%)}
.product-feedback .feedback-photo-picker label{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--layon-control-border);border-radius:6px;font-size:13px;font-weight:400;cursor:pointer;margin:0}
.feedback-photo-picker label svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35}
.feedback-photo-picker:focus-within label{outline:2px solid var(--layon-accent);outline-offset:3px}
.feedback-photo-picker label:hover{background:#f7f7f7}
.feedback-photo-picker [data-feedback-photo-status]:empty{display:none}
.feedback-own-review,.product-feedback .feedback-private{margin:24px 0 0;padding:20px 24px;border:1px solid var(--layon-line);border-radius:10px;font-size:14px;overflow-wrap:anywhere;scroll-margin-top:24px;max-width:none}
.feedback-own-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.feedback-own-head h4{font-size:16px;font-weight:500;margin:0}
.feedback-status{display:inline-block;background:#f7f7f7;border-radius:6px;padding:4px 8px;font-size:12px;line-height:1.5}
.feedback-own-review p{margin:16px 0 0;line-height:1.65}
.feedback-reason{border-top:1px solid var(--layon-line);padding-top:16px}
.feedback-private>summary{cursor:pointer;min-height:32px;font-weight:500}
.feedback-private>div{padding:16px 0;border-top:1px solid var(--layon-line)}
.feedback-private p{margin:0 0 8px}
.feedback-question-overview h3{font-size:16px;font-weight:500;line-height:1.4;margin:16px 0 12px}
.feedback-question-overview>p{font-size:13px;line-height:1.6}
.feedback-question-icon{width:32px;height:32px;fill:none;stroke:var(--layon-primary);stroke-width:1.35}
.product-feedback .feedback-question-text{font-size:16px;font-weight:500;line-height:1.6;margin:12px 0 0}
.product-feedback .errorlist{font-size:13px;color:#9b2828;line-height:1.6;padding-left:20px;margin:12px 0}
.product-feedback [aria-invalid=true]{border-color:#9b2828}
.product-feedback :focus-visible{outline:2px solid var(--layon-accent);outline-offset:3px}
.feedback-question-note{display:none}
@media(hover:hover) and (pointer:fine){.rating-options label:hover{background:#f7f7f7;transform:translateY(-1px)}}
@media(max-width:850px){
 .product-feedback{margin-top:40px;padding-top:28px}
 .product-feedback .feedback-heading{display:block;margin-bottom:16px}
 .product-feedback .feedback-heading h2{font-size:28px;margin-bottom:8px}
 .product-feedback .feedback-pane{grid-template-columns:minmax(0,1fr);gap:24px}
 .feedback-tabs{gap:24px;margin-bottom:24px}
 .feedback-overview{padding:20px}
 .feedback-overview:not(.feedback-question-overview){display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
 .feedback-overview-label{grid-column:1/-1;margin:0}
 .feedback-score{grid-column:1;margin:0}
 .feedback-overview .rating-stars{grid-column:1}
 .feedback-counts{grid-column:2;grid-row:2/4;align-self:center;margin:0}
 .feedback-overview-note{grid-column:1/-1}
 .feedback-toolbar{margin-bottom:16px}
 .feedback-toolbar h3{font-size:18px}
 .feedback-score{font-size:40px}
 .feedback-overview-note{margin-top:12px}
 .feedback-question-overview{display:none}
 .feedback-question-note{display:block;font-size:13px;line-height:1.6;color:var(--layon-secondary);margin:0 0 24px}
 .feedback-question-note a{text-decoration:underline;text-underline-offset:4px}
 .feedback-empty{padding:24px;min-height:160px}
 .feedback-composer>summary{padding:16px 20px}
 .product-feedback .feedback-form{padding:0 20px 20px}
 .feedback-entry-header{gap:12px;flex-wrap:wrap}
 .feedback-entry-header>div{flex:1;min-width:120px}
 .feedback-answer{padding:14px 16px}
 .feedback-entry-text{font-size:14px}
 .feedback-own-review,.product-feedback .feedback-private{padding:20px}
}
@media(max-width:440px){.feedback-tabs{gap:24px}.feedback-tabs>a{font-size:15px;gap:8px}.product-feedback .feedback-toolbar .btn{width:100%}.feedback-entry-header .rating-stars{margin-top:2px}.feedback-empty{padding:20px}.feedback-form .btn{width:100%}.feedback-answer{padding:14px}.feedback-entry-photos a{width:80px;height:80px}}

.feedback-empty-review{text-align:left;display:block;min-height:0;background:#f7f7f7;border:0;border-radius:10px;padding:28px}
.feedback-empty-review .feedback-empty-label{font-size:12px;margin:0 0 12px;color:var(--layon-secondary)}
.feedback-empty-review h4{font-size:22px;line-height:1.3;font-weight:500;margin:0 0 12px;letter-spacing:-.02em}
.feedback-empty-review p:last-child{margin:0;max-width:48ch;font-size:14px;line-height:1.65}
@media(max-width:600px){.feedback-empty-review{padding:20px}.feedback-empty-review h4{font-size:20px}}
