/* Reviews, questions and stock alerts. Colours inherit from each theme so one file fits light and dark storefronts. */
.product-community,.stock-alert{max-inline-size:860px;margin:40px auto;padding:0 16px;line-height:1.9;text-align:start}
.product-community h2,.stock-alert h2{font-size:1.35rem;margin:0 0 14px}
.product-community h3{font-size:1.05rem;margin:0 0 8px}
.community-note{opacity:.72;font-size:.9rem}
.community-summary{display:grid;grid-template-columns:auto 1fr;gap:16px 32px;align-items:center;margin-bottom:22px}
.community-average strong{font-size:2.2rem;line-height:1}
.community-average span{display:block;font-size:.85rem;opacity:.72}
.community-bars{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.85rem}
.community-bars li{display:grid;grid-template-columns:5em 1fr 2.5em;gap:10px;align-items:center}
.community-bars progress{inline-size:100%;block-size:8px;accent-color:currentColor}
.community-item{border-block-start:1px solid color-mix(in srgb,currentColor 18%,transparent);padding:18px 0}
.community-item header{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-bottom:6px}
.community-item time{margin-inline-start:auto;font-size:.8rem;opacity:.65}
.community-item p{margin:0 0 8px;overflow-wrap:anywhere}
.community-item summary{cursor:pointer;font-weight:700}
.community-badge{font-size:.75rem;border:1px solid currentColor;border-radius:999px;padding:0 10px}
.community-stars{letter-spacing:2px;color:#d99a00}
.community-stars span{opacity:.25}
.community-reply{border-inline-start:3px solid currentColor;padding-inline-start:14px;margin-block:10px;opacity:.9}
.community-vote{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.85rem}
.community-vote button{font:inherit;background:none;color:inherit;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:8px;padding:2px 14px;cursor:pointer;min-block-size:36px}
.community-form{border-block-start:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-block-start:20px;margin-block-start:10px}
.community-form form,.stock-alert form{display:grid;gap:8px;max-inline-size:560px}
.community-form label,.stock-alert label{font-size:.9rem;font-weight:700}
.community-form input,.community-form select,.community-form textarea,.stock-alert select{font:inherit;color:inherit;background:color-mix(in srgb,currentColor 6%,transparent);border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:8px;padding:10px 12px;inline-size:100%}
.community-form select option,.stock-alert select option{color:#111;background:#fff}
.community-form button,.stock-alert button{justify-self:start;font:inherit;font-weight:700;min-block-size:44px;padding:8px 26px;border-radius:8px;border:1.5px solid currentColor;background:none;color:inherit;cursor:pointer}
.community-form button:hover,.stock-alert button:hover,.community-vote button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.stock-alert{border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:14px;padding:22px}
.stock-alert-consent{display:flex;gap:8px;align-items:center;font-weight:400!important}
.stock-alert-consent input{inline-size:auto}
.community-login{text-decoration:underline;text-underline-offset:4px;font-weight:700}
.product-community :focus-visible,.stock-alert :focus-visible{outline:3px solid #2f6fed;outline-offset:2px}
@media(max-width:560px){.community-summary{grid-template-columns:1fr}.community-item time{margin-inline-start:0;inline-size:100%}}