/* ============================================================
   THE DRIV — additions beyond the approved design

   style.css is the client's file and stays byte-identical. Anything
   the design did not anticipate lives here. Keep it small.
   ============================================================ */

/* The price cards used to hold a <button> that added to a cart. Payment moved
   to Glofox, so the action is now a link out — styled exactly as that button was
   (.pk button in style.css) so the cards look unchanged. */
.pk .pkbtn{
	display:flex;align-items:center;justify-content:center;
	min-height:48px;padding:0 18px;
	border:1px solid #000;background:transparent;color:var(--onyx);
	font-family:inherit;font-size:13px;letter-spacing:.18em;font-weight:500;
	text-transform:uppercase;text-decoration:none;cursor:pointer;
	transition:background-color .3s ease,color .3s ease;
}
.pk .pkbtn:hover{background:#000;color:#fff}
.pk.feat .pkbtn{background:var(--sand);border-color:var(--sand);color:var(--onyx)}
.pk.feat .pkbtn:hover{background:#fff;border-color:#fff}

/* ---------- long-form legal pages (terms, privacy) ---------- */
.legal{max-width:860px}
.legal-head{margin-bottom:48px;padding-bottom:28px;border-bottom:1px solid var(--mocha)}
.legal-head .eyebrow{margin-bottom:14px}
.legal-head .h2{margin:0;font-size:clamp(40px,5.4vw,64px)}
.legal .lead{font-size:19px;line-height:1.7;font-weight:300;color:var(--ink);margin:0 0 8px}
.legal .updated{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--deep);margin:0 0 40px}
.legal h2{
	font-family:var(--serif);font-stretch:62.5%;font-variation-settings:"wdth" 62.5;
	font-weight:300;font-size:36px;line-height:1.1;letter-spacing:-.005em;
	margin:52px 0 18px;padding-top:28px;border-top:1px solid var(--stone);color:var(--onyx);
}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.legal h3{
	margin:30px 0 10px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;
	font-weight:700;color:var(--deep);
}
.legal p{margin:0 0 16px;font-size:17px;line-height:1.75;color:var(--ink)}
.legal ul{margin:0 0 18px;padding-left:0;list-style:none}
.legal li{
	position:relative;padding-left:26px;margin-bottom:10px;
	font-size:17px;line-height:1.7;color:var(--ink);
}
.legal li::before{
	content:"";position:absolute;left:4px;top:.72em;
	width:6px;height:6px;background:var(--mocha);transform:rotate(45deg);
}
.legal strong{font-weight:700;color:var(--onyx)}
.legal .note{
	margin:40px 0 0;padding:20px 24px;background:#fff;border:1px solid var(--stone);
	border-left:3px solid var(--mocha);font-size:15px;line-height:1.7;color:var(--ink);
}
@media (max-width:760px){
	.legal h2{font-size:28px;margin-top:40px}
	.legal p,.legal li{font-size:16px}
}