/* Customer reviews: the strip on the home and 3-pack pages, and the /review
   form. Self-contained on purpose - the 3-pack page does not load style.css,
   so every colour here is written out rather than taken from a token. */
.reviews{padding:3rem 0 1rem}
.reviews[hidden]{display:none}
.rv-head{text-align:center;margin:0 auto 1.6rem;max-width:40rem}
.rv-head h2{margin:0 0 .5rem}
.rv-sum{margin:0;color:#A7A396;font-size:.95rem}
.rv-stars{color:#FF7A18;letter-spacing:.08em;font-size:1.05em;white-space:nowrap}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;max-width:62rem;margin:0 auto}
.rv-card{background:#1B241E;border:2px solid #2d3a31;border-radius:14px;padding:1.1rem 1.2rem;color:#FBF3E4;display:flex;flex-direction:column;gap:.6rem}
.rv-card p{margin:0;font-size:1rem;line-height:1.55;flex:1}
.rv-meta{color:#A7A396;font-size:.85rem}
.rv-more{text-align:center;margin:1.4rem 0 0}
.rv-more a{color:#FF7A18}
/* The 3-pack page is light cream; its strip follows the page, not the site. */
.shell .rv-card{background:#fff;border-color:#dcd7c8;color:#26302a}
.shell .rv-sum,.shell .rv-meta{color:#60665d}
.shell .rv-more a{color:#b3521d}

/* --- the form --------------------------------------------------------- */
.rv-form{max-width:34rem;margin:0 auto;background:#1B241E;border:2px solid #2d3a31;border-radius:16px;padding:1.4rem 1.4rem 1.6rem}
.rv-form label{display:block;font-weight:700;margin:1rem 0 .35rem}
.rv-form input,.rv-form textarea{width:100%;font:inherit;background:#0b100d;color:#FBF3E4;border:2px solid #2d3a31;border-radius:10px;padding:.7rem .8rem;min-height:44px}
.rv-form textarea{min-height:8rem;resize:vertical}
.rv-form .hint{color:#A7A396;font-size:.85rem;margin:.3rem 0 0}
.rv-rate{display:flex;gap:.25rem;flex-direction:row-reverse;justify-content:flex-end}
.rv-rate input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.rv-rate label{margin:0;font-size:2.2rem;line-height:1;color:#4a4a44;cursor:pointer;padding:.1rem}
.rv-rate input:checked~label,.rv-rate label:hover,.rv-rate label:hover~label{color:#FF7A18}
.rv-rate input:focus-visible+label{outline:3px solid #8A5CF0;outline-offset:3px;border-radius:6px}
.rv-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.rv-status{margin:1rem 0 0;min-height:1.4rem}
.rv-status.bad{color:#FF9E9E}
.rv-done{text-align:center;padding:1rem 0}
.rv-done .code{display:inline-block;margin:.6rem 0 1rem;padding:.5rem 1rem;border:2px dashed #FF7A18;border-radius:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.3rem;letter-spacing:.1em;color:#FBF3E4}

/* --- /review in the FAQ's night ------------------------------------------
   Iron gates either side, the form in the same hand-drawn frame the FAQ
   panels wear, a lantern on the corner, and nothing between the scene and
   the viewer: the hero is a gradient and the main column is clear. */
body[data-page="review"] {background:#0a070f}
body[data-page="review"]::before {content:"";position:fixed;inset:0;z-index:-1;background:url('/img/seasons/halloween/iron-gate-l.webp') left center/auto 100% no-repeat,url('/img/seasons/halloween/iron-gate-r.webp') right center/auto 100% no-repeat,linear-gradient(#0e0d17,#0d0b15 40%,#0c0a13 72%,#0a070f)}
[data-page="review"].subpage main {background:none;padding-bottom:0}
[data-page="review"].subpage main>.hero {background:linear-gradient(#0b071099,#0b071044);text-shadow:0 3px 12px #000}
[data-page="review"] .rv-form {position:relative;max-width:40rem;border:2px solid transparent;border-image:url('/img/seasons/halloween/frame.svg') 12 / 9px / 0 stretch;border-radius:0;background:#071018ed;padding:24px 26px 28px}
[data-page="review"] .rv-form>* {position:relative;z-index:1}
[data-page="review"] .rv-form::after {content:"";position:absolute;pointer-events:none;left:-18px;top:-15px;width:43px;height:49px;background:url('/img/scene/jack-lantern.webp') center/contain no-repeat}
[data-page="review"] .rv-form legend,[data-page="review"] .rv-form label {font:500 21px var(--body);color:var(--cream)}
[data-page="review"] .rv-form input,[data-page="review"] .rv-form textarea {background:#0a0d14;border:1px solid #9c6a3480;border-radius:0;font-size:19px}
[data-page="review"] .rv-form input:focus,[data-page="review"] .rv-form textarea:focus {border-color:#ff7a18;outline:0}
[data-page="review"] .rv-form .hint {color:#bfb7a6;font-size:16px}
[data-page="review"] .rv-rate label {font-size:2.4rem;color:#3a3138}
[data-page="review"] .rv-done h2 {font:400 34px var(--display);color:var(--cream)}
[data-page="review"] .story-finale {background:linear-gradient(#0a070f00,#0a070fcc);border-top:0}
@media(max-width:900px){[data-page="review"] .rv-form::after {left:0;width:34px}}