/* compsreviews.com round 8 (11/7/2026). Loads after home7.css. */

/* old options: chips hidden until "Old options: Show" */
html[data-old="off"] .chips button.old{display:none}
.chips button.old{opacity:.75}

/* ---------- site glow flipper: a light ring and a soft glow on every box ---------- */
html[data-glow="on"] :is(.tb,.board,.gmap,.ansbox,.o3 > div,.nrb,.bcard,.fr,.idc,details,form.find,.float4),
html[data-glow="on"] #guarantee li{box-shadow:0 0 0 1.5px rgba(140,198,255,.6),0 0 20px rgba(80,160,240,.16),0 12px 28px rgba(13,34,56,.09)!important}
html[data-glow="on"] .hx form.find,html[data-glow="on"] .closer form.find{box-shadow:0 0 0 1.5px rgba(140,198,255,.75),0 0 40px rgba(140,198,255,.35)!important}
html[data-glow="on"] .ph4{box-shadow:0 0 40px rgba(140,198,255,.35),0 40px 80px rgba(13,34,56,.4)}

/* ---------- values: Comp cut out on a background, in a glowing frame ---------- */
.c8{--w:300px;--h:290px;width:var(--w);background:#fff;border-radius:22px;padding:14px 14px 18px;text-align:center;
  box-shadow:0 0 0 2px rgba(140,198,255,.95),0 0 38px rgba(80,160,240,.42),0 18px 40px rgba(13,34,56,.12)}
html[data-vsz="s"] .c8{--w:260px;--h:240px}
html[data-vsz="l"] .c8{--w:340px;--h:340px}
.c8 .stage{position:relative;height:var(--h);border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.c8 .stage img{height:96%;width:auto;max-width:none;position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(13,34,56,.28))}
.c8 .ct{padding-top:12px}
.c8 b{display:block;font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.1;color:var(--head)}
.c8 .ceo{display:block;font-family:var(--ui);font-weight:800;font-size:24px;letter-spacing:.14em;color:var(--blue-ink);margin-top:2px}
.c8 small{display:block;font-family:var(--ui);font-size:15px;line-height:1.35;color:var(--body);margin-top:6px}
.v6:has(.c8){grid-template-columns:auto 1fr;column-gap:72px;align-items:center}
.vleft:has(.c8){display:flex;flex-direction:column;align-items:center}

/* backgrounds */
html[data-vbg="1"] .c8 .stage{background:linear-gradient(180deg,#eaf4ff 0%,#bcdcfb 100%)}
html[data-vbg="2"] .c8 .stage{background:radial-gradient(circle at 50% 38%,#7fc0ff 0%,#2f85db 55%,#1f6fc0 100%)}
html[data-vbg="3"] .c8 .stage{background:#fff}
html[data-vbg="3"] .c8 .stage:before{content:"";position:absolute;width:86%;aspect-ratio:1;left:7%;bottom:6%;border-radius:50%;background:linear-gradient(180deg,#8cc6ff,#2f85db)}
html[data-vbg="4"] .c8 .stage{background:linear-gradient(135deg,#d7eafd 0%,#d7eafd 50%,#2f85db 50%,#2f85db 100%)}
html[data-vbg="5"] .c8 .stage{background-color:#e3f0fd;background-image:radial-gradient(rgba(47,133,219,.28) 2px,transparent 2.5px);background-size:16px 16px}
html[data-vbg="6"] .c8 .stage{background:repeating-conic-gradient(from 0deg at 50% 70%,#d4e8fd 0deg 9deg,#b5d6f8 9deg 18deg)}

/* frames */
html[data-vfr="2"] .c8 .stage{border-radius:50%/42%;margin:0 8px}
html[data-vfr="3"] .c8 .stage{width:var(--h);margin:0 auto;border-radius:50%;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--blue)}
html[data-vfr="3"] .c8{width:calc(var(--h) + 60px)}
html[data-vfr="4"] .c8 .stage{border-radius:999px 999px 14px 14px}
html[data-vfr="4"] .c8{border-radius:999px 999px 22px 22px;padding-top:16px}

/* Comp controls (draft only) */
.vctl{display:flex;flex-wrap:wrap;gap:6px 22px;padding:10px 16px;background:#0d2238;font:600 13px var(--ui);color:#fff}
.vctl .r{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vctl .r > span{font-weight:700;margin-right:4px}
.vctl button{font:600 12px var(--ui);padding:6px 10px;border-radius:6px;border:0;background:#1d3a5a;color:#fff;cursor:pointer}
.vctl button.on{background:#22a35a}