/* =========================================================================
   VGDev single product page (v5.4.0). Loaded on product pages only, after
   vg-system.css, so it uses the same tokens (type scale, stone, ink, accent).
   Every block that sets a background also sets the colour of its text.
   ========================================================================= */

body.vgdev .vg-pp{
	--pp-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E94D35'/%3E%3Cpath d='M6 10.2l2.6 2.6L14 7.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--pp-dark:#0a0a0a;
	--pp-dark-2:#161616;
	--pp-dark-line:rgba(255,255,255,.1);
	color:var(--vg-body-t);
}
body.vgdev .vg-pp-notices:empty{display:none;}

/* Shared headings inside the product page */
body.vgdev .vg-pp-h2{
	font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.08;margin:0 0 1rem;
	font-weight:700;font-variation-settings:"FLAR" 100,"VOLM" 100;letter-spacing:-.03em;
	color:var(--vg-ink-t);text-wrap:balance;
}
body.vgdev .vg-pp-h3{
	font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;margin:0 0 1.25rem;
	font-weight:650;font-variation-settings:"FLAR" 100,"VOLM" 40;letter-spacing:-.02em;color:var(--vg-ink-t);
}
body.vgdev .vg-pp-sec{padding:clamp(3.5rem,6.5vw,6rem) 0;background:#fff;color:var(--vg-body-t);}
body.vgdev .vg-pp-sec + .vg-pp-sec{padding-top:0;}
body.vgdev .vg-pp-link{
	color:var(--vg-ink-t);font-weight:600;font-size:var(--vg-fs-sm);
	text-decoration:underline;text-decoration-color:rgba(233,77,53,.55);text-decoration-thickness:1.5px;text-underline-offset:4px;
}
body.vgdev .vg-pp-link:hover{color:var(--vg-accent);}

/* Check list used across sections */
body.vgdev .vg-pp-checks{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;}
body.vgdev .vg-pp-checks li{position:relative;padding-left:1.9rem;line-height:1.55;}
body.vgdev .vg-pp-checks li::before{
	content:"";position:absolute;left:0;top:.18em;width:1.15rem;height:1.15rem;
	background:var(--pp-check) center/contain no-repeat;
}
body.vgdev .vg-pp-checks--light li{color:var(--vg-body-t);}
body.vgdev .vg-pp-checks strong{color:var(--vg-ink-t);}

/* ---------- Hero ---------- */
body.vgdev .vg-pp-hero{
	position:relative;isolation:isolate;overflow:hidden;
	padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(3rem,6vw,5rem);
	background:#fff;color:var(--vg-body-t);
	float:none;width:auto;margin:0;
}
body.vgdev .vg-pp-hero__grid{
	display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
	gap:clamp(2rem,5vw,5rem);align-items:center;
}
body.vgdev .vg-pp-hero__kicker{
	display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:0 0 1.25rem;
	font-size:var(--vg-fs-xs);font-weight:600;color:var(--vg-muted-t);
}
body.vgdev .vg-pp-hero__kicker a{
	display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:var(--vg-pill);
	background:var(--vg-stone);color:var(--vg-ink-t);text-decoration:none;
}
body.vgdev .vg-pp-hero__kicker a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vg-accent);}
body.vgdev .vg-pp-hero__kicker a:hover{background:var(--vg-stone-2);}
body.vgdev .vg-pp-hero .product_title{
	font-size:var(--vg-fs-h1);line-height:1.03;margin:0 0 1rem;color:var(--vg-ink-t);max-width:17ch;
}
body.vgdev .vg-pp-hero__rating{
	display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;
	font-size:var(--vg-fs-sm);font-weight:600;color:var(--vg-ink-t);text-decoration:none;
}
body.vgdev .vg-pp-hero__rcount{color:var(--vg-muted-t);font-weight:500;}
body.vgdev .vg-pp-hero__lead{
	font-size:var(--vg-fs-lead);line-height:1.6;color:var(--vg-muted-t);max-width:36rem;margin:0 0 1.75rem;
}

body.vgdev .vg-pp-hero__buy{
	padding:1.5rem;border:1px solid var(--vg-hair);border-radius:var(--vg-r-sm);background:#fff;
	box-shadow:0 1px 2px rgba(17,17,17,.04),0 24px 60px rgba(17,17,17,.06);
	max-width:36rem;
}
body.vgdev .vg-pp-hero__price{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;}
body.vgdev .vg-pp-hero__price .price{
	margin:0;font-size:clamp(1.875rem,3vw,2.375rem);line-height:1;font-weight:700;color:var(--vg-ink-t);
	font-variation-settings:"FLAR" 100,"VOLM" 60;letter-spacing:-.03em;
}
body.vgdev .vg-pp-hero__price .price del{font-size:.55em;font-weight:500;color:var(--vg-faint-t);margin-right:.4em;}
body.vgdev .vg-pp-hero__price .price ins{text-decoration:none;}
body.vgdev .vg-pp-hero__sale{
	padding:.3rem .7rem;border-radius:var(--vg-pill);background:var(--vg-accent);color:#fff;
	font-size:var(--vg-fs-xs);font-weight:700;
}
body.vgdev .vg-pp-hero__terms{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1.25rem;padding:0;}
body.vgdev .vg-pp-hero__terms li{
	padding:.45rem .8rem;border-radius:var(--vg-r-ctl);background:var(--vg-stone);
	font-size:var(--vg-fs-xs);font-weight:600;color:var(--vg-ink-t);
}
body.vgdev .vg-pp-hero__cart form.cart{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:0;}
body.vgdev .vg-pp-hero__cart .quantity{display:none;}
body.vgdev .vg-pp-hero__cart .single_add_to_cart_button{
	flex:1 1 auto;min-height:3.4rem;justify-content:center;font-size:1rem!important;font-weight:650!important;
	padding:1rem 2rem!important;
}
body.vgdev .vg-pp-hero__links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;}

body.vgdev .vg-pp-hero__glance{margin-top:1.75rem;max-width:36rem;}
body.vgdev .vg-pp-hero__glance-t{margin:0 0 .75rem;font-size:var(--vg-fs-xs);font-weight:650;color:var(--vg-muted-t);}
body.vgdev .vg-pp-hero__glance ul{
	list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.25rem;
}
body.vgdev .vg-pp-hero__glance li{
	position:relative;padding-left:1.6rem;font-size:var(--vg-fs-sm);font-weight:600;line-height:1.4;color:var(--vg-ink-t);
}
body.vgdev .vg-pp-hero__glance li::before{
	content:"";position:absolute;left:0;top:.1em;width:1.05rem;height:1.05rem;background:var(--pp-check) center/contain no-repeat;
}

body.vgdev .vg-pp-hero__media{position:relative;}
body.vgdev .vg-pp-hero__box{
	position:relative;display:grid;place-items:center;aspect-ratio:1 / 1;
	border-radius:var(--vg-r);background:var(--vg-stone);overflow:hidden;isolation:isolate;
}
body.vgdev .vg-pp-hero__box::before{
	content:"";position:absolute;inset:0;z-index:-1;
	background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);
	background-size:48px 48px;
	-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 75%);
	mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 75%);
}
body.vgdev .vg-pp-hero__box::after{
	content:"";position:absolute;width:70%;height:70%;z-index:-1;border-radius:50%;
	background:radial-gradient(circle,rgba(233,77,53,.22),transparent 65%);
}
body.vgdev .vg-pp-hero__img{width:82%;height:auto;max-height:88%;object-fit:contain;mix-blend-mode:multiply;}

/* ---------- Facts bar ---------- */
body.vgdev .vg-pp-facts{background:var(--vg-stone);color:var(--vg-body-t);border-radius:var(--vg-r);margin:0 var(--vg-gutter);}
body.vgdev .vg-pp-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;}
body.vgdev .vg-pp-facts__grid > div{padding:1.5rem 1.25rem;text-align:center;}
body.vgdev .vg-pp-facts__grid > div + div{border-left:1px solid #d9d7d3;}
body.vgdev .vg-pp-facts dt{margin:0 0 .4rem;font-size:var(--vg-fs-xs);font-weight:650;color:var(--vg-muted-t);}
body.vgdev .vg-pp-facts dd{
	margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;
	font-size:var(--vg-fs-sm);color:var(--vg-ink-t);
}
body.vgdev .vg-pp-facts dd strong{font-weight:650;}
body.vgdev .vg-pp-facts dd a{color:var(--vg-muted-t);text-decoration:underline;text-underline-offset:3px;}
body.vgdev .vg-pp-facts dd a:hover{color:var(--vg-accent);}

/* Stars */
body.vgdev .vg-stars{
	position:relative;display:inline-block;width:5.5em;height:1.1em;font-size:.9rem;vertical-align:middle;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5l2.6 5.4 5.9.8-4.3 4.1 1 5.9L10 15l-5.2 2.7 1-5.9L1.5 7.7l5.9-.8z' fill='%23d9d7d3'/%3E%3C/svg%3E") left center/1.1em 1.1em repeat-x;
}
body.vgdev .vg-stars__fill{
	position:absolute;inset:0 auto 0 0;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5l2.6 5.4 5.9.8-4.3 4.1 1 5.9L10 15l-5.2 2.7 1-5.9L1.5 7.7l5.9-.8z' fill='%23E94D35'/%3E%3C/svg%3E") left center/1.1em 1.1em repeat-x;
}

/* ---------- Overview ---------- */
body.vgdev .vg-pp-overview{padding-top:clamp(3.5rem,6.5vw,6rem)!important;}
body.vgdev .vg-pp-overview__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(2rem,5vw,5rem);align-items:start;}
body.vgdev .vg-pp-lead{font-size:clamp(1.125rem,1.5vw,1.3rem);line-height:1.65;color:var(--vg-ink-t);}
body.vgdev .vg-pp-lead p{margin:0 0 1em;}
body.vgdev .vg-pp-lead strong{font-weight:650;}
body.vgdev .vg-pp-overview__more{margin-top:1.5rem;}
body.vgdev .vg-pp-note{
	margin-top:1.25rem;padding:1rem 1.25rem;border-radius:var(--vg-r-ctl);
	background:#fff7f5;border:1px solid rgba(233,77,53,.25);border-left:3px solid var(--vg-accent);
	color:var(--vg-body-t);font-size:var(--vg-fs-sm);line-height:1.6;
}
body.vgdev .vg-pp-note p{margin:0;}
body.vgdev .vg-pp-note p + p{margin-top:.5em;}
body.vgdev .vg-pp-support{
	position:sticky;top:110px;padding:1.75rem;border-radius:var(--vg-r-sm);
	background:var(--vg-stone);color:var(--vg-body-t);
}
body.vgdev .vg-pp-support p.vg-pp-support__t{margin:0 0 .6rem;font-size:var(--vg-fs-h4);font-weight:650;color:var(--vg-ink-t);font-variation-settings:"FLAR" 100,"VOLM" 40;}
body.vgdev .vg-pp-support p{font-size:var(--vg-fs-sm);line-height:1.6;color:var(--vg-muted-t);margin:0 0 1.25rem;}
body.vgdev .vg-pp-support__btns{display:flex;flex-wrap:wrap;gap:.5rem;}
body.vgdev .vg-pp-support__btns .vg-btn{flex:1 1 auto;justify-content:center;}
body.vgdev .vg-pp-support .vg-btn--ghost{background:#fff;}

/* ---------- Features band (dark) ---------- */
body.vgdev .vg-pp-band{
	background:var(--pp-dark);color:rgba(255,255,255,.78);
	padding:clamp(4rem,8vw,7rem) 0;border-radius:var(--vg-r);margin:0 var(--vg-gutter);
}
body.vgdev .vg-pp-band__head{max-width:44rem;margin-bottom:clamp(2rem,4vw,3rem);}
body.vgdev .vg-pp-band .vg-eyebrow{color:rgba(255,255,255,.7);}
body.vgdev .vg-pp-band .vg-pp-h2{color:#fff;}
body.vgdev .vg-pp-band__sub{margin:0;color:rgba(255,255,255,.62);font-size:var(--vg-fs-lead);}
body.vgdev .vg-pp-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
body.vgdev .vg-pp-group{
	padding:1.6rem;border-radius:var(--vg-r-sm);
	background:var(--pp-dark-2);border:1px solid var(--pp-dark-line);color:rgba(255,255,255,.78);
}
body.vgdev .vg-pp-group h3{
	margin:0 0 1.1rem;font-size:var(--vg-fs-h4);line-height:1.3;color:#fff;
	font-variation-settings:"FLAR" 100,"VOLM" 40;
}
body.vgdev .vg-pp-group .vg-pp-checks{gap:.6rem;}
body.vgdev .vg-pp-group .vg-pp-checks li{font-size:var(--vg-fs-sm);color:rgba(255,255,255,.75);}
body.vgdev .vg-pp-group .vg-pp-checks strong{color:#fff;}
body.vgdev .vg-pp-group code{background:rgba(255,255,255,.08);color:#fff;border-radius:5px;padding:.05em .35em;}

/* ---------- How it works ---------- */
body.vgdev .vg-pp-flow{padding-top:clamp(3.5rem,6.5vw,6rem)!important;}
body.vgdev .vg-pp-flow .vg-pp-h2{margin-bottom:clamp(1.75rem,3.5vw,2.75rem);}
body.vgdev .vg-pp-flow__grid{display:grid;gap:1rem;}
body.vgdev .vg-pp-flow__grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
body.vgdev .vg-pp-flow__grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
body.vgdev .vg-pp-flow__part{padding:1.75rem;border-radius:var(--vg-r-sm);border:1px solid var(--vg-hair);background:#fff;color:var(--vg-body-t);}
body.vgdev .vg-pp-flow__part h3{margin:0 0 1.25rem;font-size:var(--vg-fs-h4);line-height:1.3;color:var(--vg-ink-t);}
body.vgdev .vg-pp-flow__part .vg-pp-checks li,
body.vgdev .vg-pp-flow__part .vg-pp-steps li{font-size:var(--vg-fs-sm);}
body.vgdev .vg-pp-flow__part ul ul{margin:.5rem 0 0;padding-left:1.1rem;}
body.vgdev .vg-pp-steps{list-style:none;margin:0;padding:0;counter-reset:pp;display:grid;gap:0;}
body.vgdev .vg-pp-steps > li{
	position:relative;counter-increment:pp;padding:0 0 1.1rem 2.75rem;line-height:1.55;color:var(--vg-body-t);
}
body.vgdev .vg-pp-steps > li::before{
	content:counter(pp);position:absolute;left:0;top:-.1em;display:grid;place-items:center;
	width:1.9rem;height:1.9rem;border-radius:50%;background:var(--vg-black);color:#fff;
	font-size:.8rem;font-weight:700;
}
body.vgdev .vg-pp-steps > li::after{
	content:"";position:absolute;left:.94rem;top:1.95rem;bottom:.2rem;width:1px;background:var(--vg-hair);
}
body.vgdev .vg-pp-steps > li:last-child{padding-bottom:0;}
body.vgdev .vg-pp-steps > li:last-child::after{display:none;}

/* ---------- What you need + one-off purchase ---------- */
body.vgdev .vg-pp-start__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
body.vgdev .vg-pp-start__col{padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--vg-r-sm);background:var(--vg-stone);color:var(--vg-body-t);}
body.vgdev .vg-pp-start__col--buy{background:#fff;border:1px solid var(--vg-hair);}
body.vgdev .vg-pp-start__sub{margin:-.5rem 0 1rem;color:var(--vg-muted-t);font-size:var(--vg-fs-sm);}
body.vgdev .vg-pp-start__col .vg-pp-checks li{font-size:var(--vg-fs-sm);}
body.vgdev .vg-pp-start__col .vg-value{margin-top:1.5rem;}

/* ---------- Benefits ---------- */
body.vgdev .vg-pp-benefits .vg-pp-h2{margin-bottom:clamp(1.75rem,3.5vw,2.75rem);max-width:28ch;}
body.vgdev .vg-pp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
body.vgdev .vg-pp-card{padding:1.6rem;border-radius:var(--vg-r-sm);background:var(--vg-stone);color:var(--vg-body-t);}
body.vgdev .vg-pp-card__ico{
	display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1.1rem;
	border-radius:.85rem;background:#fff;color:var(--vg-accent);
}
body.vgdev .vg-pp-card__ico svg{width:1.35rem;height:1.35rem;}
body.vgdev .vg-pp-card h3{margin:0 0 .5rem;font-size:var(--vg-fs-h4);line-height:1.3;color:var(--vg-ink-t);}
body.vgdev .vg-pp-card p{margin:0;font-size:var(--vg-fs-sm);line-height:1.6;color:var(--vg-muted-t);}

/* ---------- Ideal for / included ---------- */
body.vgdev .vg-pp-ideal .vg-pp-h2{margin-bottom:clamp(1.5rem,3vw,2.25rem);}
body.vgdev .vg-pp-ideal__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;border-top:1px solid var(--vg-hair);}
body.vgdev .vg-pp-ideal__list li{display:grid;gap:.25rem;padding:1.1rem 0;border-bottom:1px solid var(--vg-hair);}
body.vgdev .vg-pp-ideal__list strong{font-weight:650;color:var(--vg-ink-t);}
body.vgdev .vg-pp-ideal__list span{font-size:var(--vg-fs-sm);line-height:1.6;color:var(--vg-muted-t);}

/* ---------- Buy together (dark) ---------- */
body.vgdev .vg-pp-together{padding:0 0 clamp(3.5rem,6.5vw,6rem);background:#fff;}
body.vgdev .vg-pp-together__inner{
	display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;
	padding:clamp(1.75rem,4vw,3.5rem);border-radius:var(--vg-r);
	background:var(--pp-dark);color:rgba(255,255,255,.72);
}
body.vgdev .vg-pp-together .vg-eyebrow{color:rgba(255,255,255,.7);}
body.vgdev .vg-pp-together .vg-pp-h2{color:#fff;}
body.vgdev .vg-pp-together__head p:last-child{margin:0;color:rgba(255,255,255,.68);font-size:var(--vg-fs-sm);line-height:1.6;}
body.vgdev .vg-pp-together__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
body.vgdev .vg-pp-tcard{
	display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;align-items:start;
	padding:1.1rem;border-radius:var(--vg-r-sm);background:#fff;color:var(--vg-body-t);
}
body.vgdev .vg-pp-tcard__img{display:block;border-radius:.85rem;background:var(--vg-stone);overflow:hidden;aspect-ratio:1 / 1;}
body.vgdev .vg-pp-tcard__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
body.vgdev .vg-pp-tcard h3{margin:0 0 .35rem;font-size:1rem;line-height:1.3;color:var(--vg-ink-t);}
body.vgdev .vg-pp-tcard h3 a{color:inherit;text-decoration:none;}
body.vgdev .vg-pp-tcard h3 a:hover{color:var(--vg-accent);}
body.vgdev .vg-pp-tcard p{margin:0 0 .75rem;font-size:var(--vg-fs-xs);line-height:1.55;color:var(--vg-muted-t);}
body.vgdev .vg-pp-tcard__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
body.vgdev .vg-pp-tcard__price{font-weight:700;color:var(--vg-ink-t);}
body.vgdev .vg-pp-tcard__add{background:var(--vg-black);color:#fff;padding:.55rem 1rem;font-size:var(--vg-fs-xs);}
body.vgdev .vg-pp-tcard__add:hover{background:var(--vg-accent);color:#fff;}
body.vgdev .vg-pp-tcard .added_to_cart{display:none;}

/* ---------- Screenshots ---------- */
body.vgdev .vg-pp-shots__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:1.75rem;}
body.vgdev .vg-pp-shots__head .vg-pp-h2{margin:0;}
body.vgdev .vg-pp-shots__head p{margin:0;color:var(--vg-muted-t);font-size:var(--vg-fs-sm);}
body.vgdev .vg-pp-shots__row{
	display:grid;grid-auto-flow:column;grid-auto-columns:min(36rem,82%);gap:1rem;
	overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;
	scrollbar-width:thin;scrollbar-color:#cfccc7 transparent;
}
body.vgdev .vg-pp-shots__row:focus-visible{outline:2px solid var(--vg-accent);outline-offset:4px;border-radius:var(--vg-r-sm);}
body.vgdev .vg-pp-shot{
	display:block;scroll-snap-align:start;aspect-ratio:16 / 10;overflow:hidden;
	border-radius:var(--vg-r-sm);border:1px solid var(--vg-hair);background:var(--vg-stone);cursor:zoom-in;
}
body.vgdev .vg-pp-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--vg-ease);}
body.vgdev .vg-pp-shot:hover img{transform:scale(1.03);}

/* Lightbox */
.vg-lightbox{border:0;padding:0;margin:auto;max-width:min(92vw,1400px);max-height:92vh;background:transparent;overflow:visible;}
.vg-lightbox::backdrop{background:rgba(10,10,10,.86);}
.vg-lightbox img{display:block;max-width:min(92vw,1400px);max-height:86vh;width:auto;height:auto;border-radius:1rem;background:#fff;}
.vg-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;color:#fff;font:600 .875rem/1 "Commissioner",system-ui,sans-serif;}
.vg-lightbox__btns{display:flex;gap:.5rem;}
.vg-lightbox button{
	width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);
	color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;
}
.vg-lightbox button:hover{background:#fff;color:#0a0a0a;}

/* ---------- Setup guide ---------- */
body.vgdev .vg-pp-setup__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,5rem);align-items:start;}
body.vgdev .vg-pp-setup__head{position:sticky;top:110px;}
body.vgdev .vg-pp-setup__head p{color:var(--vg-muted-t);margin:0 0 1rem;}
body.vgdev .vg-pp-acc{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;}
body.vgdev .vg-pp-acc details{border:1px solid var(--vg-hair);border-radius:var(--vg-r-sm);background:#fff;color:var(--vg-body-t);}
body.vgdev .vg-pp-acc details[open]{background:var(--vg-stone);border-color:transparent;}
body.vgdev .vg-pp-acc summary{
	display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;cursor:pointer;list-style:none;
	font-weight:650;color:var(--vg-ink-t);
}
body.vgdev .vg-pp-acc summary::-webkit-details-marker{display:none;}
body.vgdev .vg-pp-acc summary::after{
	content:"";margin-left:auto;flex:none;width:.75rem;height:.75rem;
	border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-25%);
	transition:transform .25s var(--vg-ease);
}
body.vgdev .vg-pp-acc details[open] summary::after{transform:rotate(225deg) translateY(-25%);}
body.vgdev .vg-pp-acc__n{
	flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;
	background:var(--vg-black);color:#fff;font-size:.8rem;font-weight:700;
}
body.vgdev .vg-pp-acc__body{padding:0 1.25rem 1.25rem 4.25rem;max-width:none;font-size:var(--vg-fs-sm);}
body.vgdev .vg-pp-acc__body > p:first-child{margin-top:0;}
body.vgdev .vg-pp-acc__body .setup-box{margin:1rem 0;padding:1rem 1.15rem;border-radius:var(--vg-r-ctl);background:#fff;border:1px solid var(--vg-hair);}
body.vgdev .vg-pp-acc__body .setup-box > strong:first-child{display:block;margin-bottom:.5rem;}
body.vgdev .vg-pp-acc__body ul{margin:.4rem 0 0;}
body.vgdev .vg-pp-acc__body .description{color:var(--vg-muted-t);}
body.vgdev .vg-pp-acc__body code{background:#fff;border:1px solid var(--vg-hair);border-radius:5px;padding:.05em .35em;font-size:.88em;}

/* ---------- Changelog ---------- */
body.vgdev .vg-pp-changelog__box{border:1px solid var(--vg-hair);border-radius:var(--vg-r-sm);background:#fff;color:var(--vg-body-t);}
body.vgdev .vg-pp-changelog__box summary{
	display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;list-style:none;
	font-weight:650;color:var(--vg-ink-t);
}
body.vgdev .vg-pp-changelog__box summary::-webkit-details-marker{display:none;}
body.vgdev .vg-pp-changelog__v{padding:.3rem .7rem;border-radius:var(--vg-pill);background:var(--vg-stone);font-size:var(--vg-fs-xs);font-weight:600;color:var(--vg-muted-t);}
body.vgdev .vg-pp-changelog__box summary::after{content:"+";margin-left:auto;font-size:1.4rem;font-weight:400;line-height:1;}
body.vgdev .vg-pp-changelog__box[open] summary::after{content:"\2212";}
body.vgdev .vg-pp-changelog__box ul{margin:0;padding:0 1.5rem 1.5rem 2.75rem;display:grid;gap:.4rem;font-size:var(--vg-fs-sm);}

/* ---------- FAQ (dark panel) ---------- */
body.vgdev .vg-pp-faq{padding:0 0 clamp(3.5rem,6.5vw,6rem);background:#fff;}
body.vgdev .vg-pp-faq__panel{
	padding:clamp(1.75rem,4.5vw,4rem);border-radius:var(--vg-r);
	background:var(--pp-dark);color:rgba(255,255,255,.75);
}
body.vgdev .vg-pp-faq .vg-pp-h2{color:#fff;margin-bottom:1.5rem;}
body.vgdev .vg-pp-faq__f{position:fixed;top:50%;left:0;width:1px;height:1px;opacity:0;pointer-events:none;margin:0;}
body.vgdev .vg-pp-faq__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.75rem;}
body.vgdev .vg-pp-faq__chips label{
	display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .65rem .55rem 1rem;border-radius:var(--vg-pill);
	border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85);
	font-size:var(--vg-fs-sm);font-weight:600;cursor:pointer;user-select:none;transition:background .2s,color .2s,border-color .2s;
}
body.vgdev .vg-pp-faq__chips label span{
	display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border-radius:var(--vg-pill);
	background:rgba(255,255,255,.12);font-size:.72rem;
}
body.vgdev .vg-pp-faq__chips label:hover{border-color:#fff;color:#fff;}
#vg-pp-faq-all:checked ~ .vg-pp-faq__chips label[for="vg-pp-faq-all"],
#vg-pp-faq-plugin:checked ~ .vg-pp-faq__chips label[for="vg-pp-faq-plugin"],
#vg-pp-faq-buy:checked ~ .vg-pp-faq__chips label[for="vg-pp-faq-buy"]{background:#fff;border-color:#fff;color:#0a0a0a;}
#vg-pp-faq-all:checked ~ .vg-pp-faq__chips label[for="vg-pp-faq-all"] span,
#vg-pp-faq-plugin:checked ~ .vg-pp-faq__chips label[for="vg-pp-faq-plugin"] span,
#vg-pp-faq-buy:checked ~ .vg-pp-faq__chips label[for="vg-pp-faq-buy"] span{background:var(--vg-stone);color:#0a0a0a;}
#vg-pp-faq-all:focus-visible ~ .vg-pp-faq__chips label[for="vg-pp-faq-all"],
#vg-pp-faq-plugin:focus-visible ~ .vg-pp-faq__chips label[for="vg-pp-faq-plugin"],
#vg-pp-faq-buy:focus-visible ~ .vg-pp-faq__chips label[for="vg-pp-faq-buy"],
#vg-pp-faq-more:focus-visible ~ .vg-pp-faq__morewrap .vg-pp-faq__more{outline:2px solid var(--vg-accent);outline-offset:2px;}

#vg-pp-faq-plugin:checked ~ .vg-pp-faq__list .vg-pp-faq__item:not([data-cat="plugin"]),
#vg-pp-faq-buy:checked ~ .vg-pp-faq__list .vg-pp-faq__item:not([data-cat="buy"]){display:none;}
#vg-pp-faq-all:checked ~ #vg-pp-faq-more:not(:checked) ~ .vg-pp-faq__list .vg-pp-faq__item:nth-child(n+7){display:none;}
#vg-pp-faq-more:checked ~ .vg-pp-faq__morewrap,
#vg-pp-faq-plugin:checked ~ .vg-pp-faq__morewrap,
#vg-pp-faq-buy:checked ~ .vg-pp-faq__morewrap{display:none;}

body.vgdev .vg-pp-faq__list{border-top:1px solid var(--pp-dark-line);}
body.vgdev .vg-pp-faq__item{border-bottom:1px solid var(--pp-dark-line);}
body.vgdev .vg-pp-faq__item summary{
	display:flex;align-items:center;gap:1.5rem;padding:1.25rem 0;cursor:pointer;list-style:none;
	font-weight:650;font-size:1.0625rem;line-height:1.4;color:#fff;
}
body.vgdev .vg-pp-faq__item summary::-webkit-details-marker{display:none;}
body.vgdev .vg-pp-faq__item summary::after{content:"+";margin-left:auto;flex:none;font-size:1.5rem;font-weight:300;line-height:1;color:var(--vg-accent);}
body.vgdev .vg-pp-faq__item[open] summary::after{content:"\2212";}
body.vgdev .vg-pp-faq__a{padding:0 2.5rem 1.4rem 0;color:rgba(255,255,255,.72);font-size:var(--vg-fs-sm);line-height:1.7;}
body.vgdev .vg-pp-faq__a p{margin:0 0 .75em;}
body.vgdev .vg-pp-faq__a p:last-child{margin-bottom:0;}
body.vgdev .vg-pp-faq__a a{color:#fff;text-decoration:underline;text-decoration-color:var(--vg-accent);text-underline-offset:3px;}
body.vgdev .vg-pp-faq__a strong{color:#fff;}
body.vgdev .vg-pp-faq__a code{background:rgba(255,255,255,.1);color:#fff;border-radius:5px;padding:.05em .35em;}
body.vgdev .vg-pp-faq__morewrap{display:flex;align-items:center;gap:1rem;margin-top:1.75rem;}
body.vgdev .vg-pp-faq__more{cursor:pointer;color:#fff;border-color:rgba(255,255,255,.3);}
body.vgdev .vg-pp-faq__more:hover{border-color:#fff;color:#fff;}
body.vgdev .vg-pp-faq__count{font-size:var(--vg-fs-xs);color:rgba(255,255,255,.55);}

/* ---------- Closing call to action ---------- */
body.vgdev .vg-pp-final{padding:0 0 clamp(3.5rem,6.5vw,6rem);background:#fff;}
body.vgdev .vg-pp-final__inner{
	display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem 3rem;align-items:center;
	padding:clamp(1.75rem,4vw,3.25rem);border-radius:var(--vg-r);
	background:var(--vg-stone);color:var(--vg-body-t);
}
body.vgdev .vg-pp-final .vg-pp-h2{max-width:24ch;}
body.vgdev .vg-pp-final__body{color:var(--vg-muted-t);max-width:46rem;}
body.vgdev .vg-pp-final__body p{margin:0;}
body.vgdev .vg-pp-final__body a{color:var(--vg-ink-t);}
body.vgdev .vg-pp-final__buy{display:grid;justify-items:center;gap:.6rem;text-align:center;}
body.vgdev .vg-pp-final__price{font-size:2rem;font-weight:700;line-height:1;color:var(--vg-ink-t);font-variation-settings:"FLAR" 100,"VOLM" 60;}
body.vgdev .vg-pp-final__price del{font-size:.55em;color:var(--vg-faint-t);font-weight:500;}
body.vgdev .vg-pp-final__price ins{text-decoration:none;}
body.vgdev .vg-pp-final__btn{background:var(--vg-black);color:#fff;padding:1rem 2rem;}
body.vgdev .vg-pp-final__btn:hover{background:var(--vg-accent);color:#fff;}
body.vgdev .vg-pp-final__note{font-size:var(--vg-fs-xs);color:var(--vg-muted-t);}
body.vgdev .vg-pp-final .added_to_cart{font-size:var(--vg-fs-xs);font-weight:600;color:var(--vg-ink-t);}

/* ---------- Why VGDev ---------- */
body.vgdev .vg-pp-why{padding-top:0!important;}
body.vgdev .vg-pp-why .vg-pp-h2{margin-bottom:1.75rem;}
body.vgdev .vg-pp-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;border-top:1px solid var(--vg-hair);padding-top:2rem;}
body.vgdev .vg-pp-why__grid h3{margin:0 0 .5rem;font-size:var(--vg-fs-h4);color:var(--vg-ink-t);}
body.vgdev .vg-pp-why__grid p{margin:0;font-size:var(--vg-fs-sm);line-height:1.6;color:var(--vg-muted-t);}
body.vgdev .vg-pp-why .vg-pp-card__ico{background:var(--vg-stone);}

/* Request forms, reviews and related keep their blocks, with the page rhythm */
body.vgdev .vg-pp .vg-single-cta{margin-top:0;padding-top:clamp(2.5rem,5vw,4rem);}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
	body.vgdev .vg-pp-groups,
	body.vgdev .vg-pp-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
	body.vgdev .vg-pp-flow__grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
	body.vgdev .vg-pp-together__inner{grid-template-columns:1fr;}
}
@media (max-width:900px){
	body.vgdev .vg-pp-hero__grid,
	body.vgdev .vg-pp-overview__grid,
	body.vgdev .vg-pp-start__grid,
	body.vgdev .vg-pp-setup__grid{grid-template-columns:1fr;}
	body.vgdev .vg-pp-hero__media{order:-1;max-width:26rem;width:100%;}
	body.vgdev .vg-pp-hero__box{aspect-ratio:4 / 3;}
	body.vgdev .vg-pp-support,
	body.vgdev .vg-pp-setup__head{position:static;}
	body.vgdev .vg-pp-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	body.vgdev .vg-pp-facts__grid > div:nth-child(3){border-left:0;}
	body.vgdev .vg-pp-facts__grid > div:nth-child(n+3){border-top:1px solid #d9d7d3;}
	body.vgdev .vg-pp-final__inner{grid-template-columns:1fr;}
	body.vgdev .vg-pp-final__buy{justify-items:start;text-align:left;}
}
/* Features: 4 groups on phones, the rest behind a button (CSS only) */
body.vgdev .vg-pp-groups__more{display:none;justify-content:center;margin-top:1.25rem;}
body.vgdev .vg-pp-groups__more .vg-btn{width:100%;justify-content:center;cursor:pointer;color:#fff;border-color:rgba(255,255,255,.3);}
@media (max-width:640px){
	body.vgdev .vg-pp-groups > .vg-pp-group:nth-child(n+5){display:none;}
	body.vgdev .vg-pp-groups__more{display:flex;}
	#vg-pp-groups-more:checked ~ .vg-pp-groups > .vg-pp-group:nth-child(n+5){display:block;}
	#vg-pp-groups-more:checked ~ .vg-pp-groups__more{display:none;}
}
@media (max-width:640px){
	body.vgdev .vg-pp-groups,
	body.vgdev .vg-pp-cards,
	body.vgdev .vg-pp-flow__grid--2,
	body.vgdev .vg-pp-flow__grid--3,
	body.vgdev .vg-pp-together__items,
	body.vgdev .vg-pp-ideal__list,
	body.vgdev .vg-pp-why__grid{grid-template-columns:1fr;}
	body.vgdev .vg-pp-why__grid{gap:1.75rem;}
	body.vgdev .vg-pp-hero__glance ul{grid-template-columns:1fr;}
	body.vgdev .vg-pp-hero__buy{padding:1.25rem;}
	body.vgdev .vg-pp-band,
	body.vgdev .vg-pp-facts{margin:0;border-radius:0;}
	body.vgdev .vg-pp-facts__grid > div{padding:1.1rem .75rem;}
	body.vgdev .vg-pp-acc__body{padding-left:1.25rem;}
	body.vgdev .vg-pp-faq__a{padding-right:0;}
	body.vgdev .vg-pp-shots__row{grid-auto-columns:88%;}
}
@media (prefers-reduced-motion:reduce){
	body.vgdev .vg-pp-shot img,
	body.vgdev .vg-pp-acc summary::after{transition:none;}
}