:root{--vq:#ff5d25;--ink:#0b1220;--navy:#07111d;--muted:#657386;--line:#e4e9ef}.vq-shell{max-width:1120px;margin:auto;padding:24px 10px 50px}.vq-hero{background:radial-gradient(circle at 80% 0,#174467,transparent 42%),var(--navy);color:white;border-radius:18px;padding:32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.vq-hero small,.vq-pagehead small,.vq-product small{color:var(--vq);font-weight:900;letter-spacing:1.4px}.vq-hero h1,.vq-pagehead h1{font-size:36px;line-height:1.08;margin:7px 0}.vq-hero p{color:#c7d2dc}.vq-status{background:#ffffff10;border:1px solid #ffffff22;border-radius:13px;padding:17px;min-width:190px}.vq-status span,.vq-status b,.vq-status small{display:block}.vq-status b{font-size:22px;color:var(--vq);margin:3px 0}.vq-grid,.vq-products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.vq-products{grid-template-columns:repeat(3,1fr)}.vq-card{display:block;background:white;color:var(--ink)!important;border:1px solid var(--line);border-radius:13px;padding:22px;text-decoration:none!important;box-shadow:0 8px 24px #1118270a}.vq-tile i{font-style:normal;font-size:27px}.vq-card p,.vq-pagehead p,.vq-muted{color:var(--muted)}.vq-tile>b,.vq-product>b{color:var(--vq)}.vq-benefits>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vq-pagehead{margin-bottom:18px}.vq-meter{height:8px;background:#e9edf1;border-radius:99px;overflow:hidden;max-width:500px}.vq-meter span{display:block;height:100%;background:var(--vq)}.vq-form h3{margin-top:24px}.vq-form>label{display:block;font-weight:800;margin:18px 0 5px}.vq-form textarea{width:100%;padding:10px;border:1px solid #cdd6df;border-radius:8px}.vq-check{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vq-check label,.vq-radio label{border:1px solid var(--line);border-radius:8px;padding:10px}.vq-radio{display:grid;gap:8px}.vq-btn,.vq-btnlink{display:inline-block;background:var(--vq);color:white!important;border:0;border-radius:8px;padding:12px 17px;font-weight:900;text-decoration:none;margin-top:18px}.vq-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:26px}.vq-progress div{text-align:center;color:#9ba6b2}.vq-progress i{display:flex;width:34px;height:34px;margin:auto auto 7px;align-items:center;justify-content:center;border-radius:50%;background:#e6eaee;font-style:normal}.vq-progress .on{color:var(--ink)}.vq-progress .on i{background:var(--vq);color:white}.vq-mystery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vq-mystery div{background:#f4f6f8;border-radius:10px;padding:22px;text-align:center}.vq-mystery b{display:block;margin-top:7px}.vq-track{background:#eaf6ee;border-radius:9px;padding:15px;margin:15px 0}.vq-track span{display:block}.vq-product img{width:100%;height:auto}.vq-product small{display:block;margin-top:10px}.vq-memberprice{display:block;color:var(--vq);font-weight:900}@media(max-width:760px){.vq-hero{flex-direction:column;align-items:flex-start}.vq-hero h1,.vq-pagehead h1{font-size:29px}.vq-grid,.vq-products,.vq-benefits>div{grid-template-columns:1fr}.vq-check{grid-template-columns:1fr 1fr}.vq-progress{overflow:auto}.vq-progress div{min-width:85px}.vq-mystery{grid-template-columns:1fr}}
/* v0.2.3 — normalize Woo/theme form controls inside Collector Profile.
   Some site/global form CSS was expanding checkbox/radio inputs to standard field dimensions. */
.vq-form .vq-check label,
.vq-form .vq-radio label{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:44px;
  cursor:pointer;
  font-weight:700;
}
.vq-form .vq-check input[type="checkbox"],
.vq-form .vq-radio input[type="radio"]{
  -webkit-appearance:auto !important;
  appearance:auto !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:3px;
  vertical-align:middle !important;
  box-sizing:border-box !important;
}
.vq-form .vq-radio input[type="radio"]{border-radius:50%;}
.vq-form .vq-check{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:760px){
  .vq-form .vq-check{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .vq-form .vq-check{grid-template-columns:1fr;}
}

/* v0.2.4 — unified Membership + Subscription experience */
.vq-membership-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin:14px 0}
.vq-kicker{display:block;color:var(--vq);font-weight:900;letter-spacing:1.2px;margin-bottom:6px}
.vq-giftcallout{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#fff8f2,#fff)}
.vq-gifticon{font-size:38px;line-height:1}
.vq-detailrows{display:grid;gap:0;margin-top:12px}
.vq-detailrows>div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid var(--line)}
.vq-detailrows>div:last-child{border-bottom:0}
.vq-detailrows span{color:var(--muted)}
.vq-detailrows b{text-align:right}
.vq-actionrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.vq-btnlink.secondary{background:#111827}
.vq-benefitlist{display:grid;gap:11px;margin-top:15px}
.vq-benefitlist span{padding:10px 0;border-bottom:1px solid var(--line)}
.vq-benefitlist span:last-child{border:0}
.vq-address{line-height:1.7;color:var(--muted)}
.vq-orderlist{display:grid;margin-top:10px}
.vq-orderlist>div{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.vq-orderlist a{font-weight:800;color:var(--vq)}
@media(max-width:760px){
 .vq-membership-grid{grid-template-columns:1fr}
 .vq-detailrows>div{flex-direction:column;gap:3px}
 .vq-detailrows b{text-align:left}
 .vq-orderlist>div{grid-template-columns:1fr 1fr}
}