.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto}
.header-actions .headnav{gap:24px}
.header-feedback,.header-actions .headnav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;height:44px;min-height:44px;padding:8px 6px;border:0;border-radius:8px;background:transparent;color:var(--ink,#242723);font-family:inherit;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;cursor:pointer}
.header-feedback svg,.header-actions .headnav svg{width:20px;height:20px;flex-shrink:0}
.header-actions .headnav button.active{color:var(--orange)}
.header-feedback:hover,.header-actions .headnav button:hover{background:#f1f1eb}

.product-feedback{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:24px auto 0;padding:8px 10px;min-height:44px;border:0;border-radius:999px;background:none;color:var(--muted,#6b7068);font-size:12px;font-weight:550;line-height:18px;text-decoration:none;cursor:pointer}
.product-feedback::before{content:"";position:absolute;z-index:-1;inset:7px 0;border:1px solid #dfe2d8;border-radius:inherit;background:#fff;pointer-events:none}
.product-feedback:active::before{background:#f3f3ee}
.product-feedback-icon{width:14px;height:16px;flex:none;color:currentColor}
#feedback-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(460px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #e6e7e1;border-radius:20px;background:#fcfcf8;color:#252923;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #0003;transform:none}
#feedback-dialog::backdrop{background:#20251f70;backdrop-filter:blur(4px)}
.feedback-sheet-handle{display:none}
#feedback-dialog .feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
#feedback-dialog h2{margin:0;font-size:21px;line-height:1.4;letter-spacing:-.5px}
#feedback-dialog [data-feedback-close]{min-height:44px;min-width:44px;border:0;border-radius:10px;background:none;color:inherit;font-size:28px;cursor:pointer}
#feedback-dialog p{font-size:13px;line-height:1.6;color:#686e64;margin:12px 0}
#feedback-dialog #feedback-product{padding:10px 12px;background:#efefe8;border-radius:8px;color:#343a31;font-weight:600}
#feedback-dialog form{display:grid;gap:14px}
#feedback-dialog label{display:block;font-size:14px;font-weight:650;line-height:1.5}
#feedback-dialog input,#feedback-dialog select,#feedback-dialog textarea{display:block;box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #dfe1d8;background:#fff;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;color:#252923;min-height:44px}
#feedback-dialog input,#feedback-dialog select,#feedback-dialog textarea{font-size:16px;font-family:inherit}
#feedback-dialog input[readonly]{background:#f5f5f0;color:#555b52;cursor:text}
#feedback-dialog textarea{resize:vertical;min-height:110px;max-height:300px}
#feedback-dialog :focus-visible,.header-feedback:focus-visible,.product-feedback:focus-visible{outline:2px solid #f15128;outline-offset:3px}
#feedback-dialog .feedback-optional,#feedback-dialog .feedback-required{font-size:12px;font-weight:400;margin-left:3px;color:#777d72}
#feedback-dialog .feedback-required{color:#d43c21}
#feedback-dialog .feedback-privacy{font-size:12px;margin:0}
#feedback-dialog .feedback-submit,#feedback-dialog #feedback-success button{width:100%;padding:12px;border:0;border-radius:10px;background:#f64b26;color:#fff;font-size:15px;font-weight:700;min-height:46px;cursor:pointer}
#feedback-dialog button:disabled{opacity:.5;cursor:default}
#feedback-dialog #feedback-error{color:#b83221;background:#fff0ec;border-radius:8px;padding:10px;margin:0}
#feedback-dialog [hidden]{display:none!important}
#feedback-dialog .feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#feedback-dialog #feedback-success{padding-top:20px;text-align:center}
#feedback-dialog #feedback-success strong{font-size:23px}
#feedback-dialog #feedback-receipt{font-variant-numeric:tabular-nums;font-size:12px}
@media(max-width:760px){.header-actions{gap:0;margin-left:12px}.header-feedback{font-size:13px;padding:8px 6px}#feedback-dialog{padding:20px}#feedback-dialog h2{font-size:20px}}
@media(max-width:760px){
 #feedback-dialog{inset:auto 0 var(--feedback-viewport-bottom,0px);margin:0;width:100%;max-width:none;height:auto;max-height:min(92dvh,calc(var(--feedback-viewport-height,100dvh) - 12px));padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px));border:0;border-radius:26px 26px 0 0;background:var(--paper,#fcfcf8);overflow:hidden;box-shadow:0 -6px 30px #24272314}
 #feedback-dialog[open]{display:flex;flex-direction:column}
 #feedback-dialog::backdrop{background:rgb(36 39 35 / 32%);backdrop-filter:none}
 #feedback-dialog .feedback-sheet-handle{display:block;flex:none;width:36px;height:4px;margin:0 auto 10px;border-radius:999px;background:#ced1c7;touch-action:none;cursor:grab}
 #feedback-dialog .feedback-heading{flex:none;min-height:44px}
 #feedback-dialog .feedback-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
 #feedback-dialog .feedback-body::-webkit-scrollbar{display:none}
}
