/* ==========================================================================
   Evara Vale — Trust Layer
   FAQ page · About page · PDP "Good to Know" accordion · value notes
   Uses the brand-v2 token set (warm ivory / ink / muted gold).
   ========================================================================== */

.evtl-wrap{
	width:min(100%,760px);
	margin:0 auto;
	padding:8px 0 72px;
	font-family:var(--evb2-sans);
	color:var(--evb2-ink);
}

.evtl-lead{
	max-width:60ch;
	margin:0 0 56px;
	font-family:var(--evb2-serif);
	font-size:1.24rem;
	line-height:1.72;
	color:var(--evb2-ink);
}

/* ---------- section rhythm ---------- */
.evtl-sec{margin:0 0 60px}
.evtl-sec:last-child{margin-bottom:0}
.evtl-sec h2,
.evtl-faq__q{
	margin:0 0 16px;
	font-family:var(--evb2-sans);
	font-weight:400;
	font-size:.74rem;
	letter-spacing:.3em;
	text-transform:uppercase;
	color:var(--evb2-muted);
}

/* ==========================================================================
   FAQ page
   ========================================================================== */

.evtl-faq{margin:0}
.evtl-faq__item{
	margin:0 0 44px;
	padding:0 0 36px;
	border-bottom:1px solid var(--evb2-line);
}
.evtl-faq__item:last-child{border-bottom:0;padding-bottom:0}
.evtl-faq__a p{
	margin:0 0 12px;
	font-family:var(--evb2-serif);
	font-weight:400;
	font-size:1.16rem;
	line-height:1.78;
	color:var(--evb2-ink);
}
.evtl-faq__a p:last-child{margin-bottom:0}
.evtl-faq__a ul,
.evtl-points,
.evtl-care{
	margin:12px 0 0;
	padding:0;
	list-style:none;
}
.evtl-faq__a li{
	position:relative;
	margin:0 0 8px;
	padding-left:20px;
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:1rem;
	line-height:1.7;
	letter-spacing:.02em;
	color:var(--evb2-ink);
}
.evtl-faq__a li::before{
	content:"";
	position:absolute;
	left:0;
	top:.72em;
	width:7px;
	height:1px;
	background:var(--evb2-gold);
}
.evtl-faq__a a,
.evtl-more{
	color:var(--evb2-ink);
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-color:rgba(43,38,32,.32);
}
.evtl-faq__a a:hover,
.evtl-more:hover{text-decoration-color:var(--evb2-gold)}
.evtl-foot{
	margin:48px 0 0;
	padding-top:28px;
	border-top:1px solid var(--evb2-line);
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:.95rem;
	letter-spacing:.03em;
	color:var(--evb2-muted);
}
.evtl-foot a{color:var(--evb2-ink);text-decoration:underline;text-underline-offset:3px}

/* ==========================================================================
   About page
   ========================================================================== */

.evtl-sec > p{
	margin:0 0 16px;
	max-width:62ch;
	font-family:var(--evb2-serif);
	font-weight:400;
	font-size:1.16rem;
	line-height:1.78;
}
.evtl-points li,
.evtl-care li{
	display:grid;
	grid-template-columns:190px 1fr;
	gap:6px 24px;
	padding:14px 0;
	border-top:1px solid var(--evb2-line);
}
.evtl-points li:last-child,
.evtl-care li:last-child{border-bottom:1px solid var(--evb2-line)}
.evtl-points strong,
.evtl-care strong{
	font-family:var(--evb2-sans);
	font-weight:400;
	font-size:.74rem;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:var(--evb2-muted);
	line-height:1.9;
}
.evtl-points span,
.evtl-care span{
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:.96rem;
	line-height:1.7;
	letter-spacing:.025em;
	color:var(--evb2-ink);
}
.evtl-care span a{
	color:var(--evb2-ink);
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-color:rgba(43,38,32,.32);
}

/* ==========================================================================
   PDP — "Good to Know" accordion
   ========================================================================== */

.evtl-pdp-faq{margin-top:0}
.evtl-acc{
	margin:0;
	border-top:1px solid rgba(43,38,32,.1);
}
.evtl-acc__item{
	border-bottom:1px solid rgba(43,38,32,.1);
}
.evtl-acc__q{
	position:relative;
	display:block;
	padding:16px 34px 16px 0;
	cursor:pointer;
	list-style:none;
	font-family:var(--evb2-sans) !important;
	font-weight:400;
	font-size:.75rem !important;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:var(--evb2-muted);
	-webkit-tap-highlight-color:transparent;
}
.evtl-acc__q::-webkit-details-marker{display:none}
.evtl-acc__q::after{
	content:"+";
	position:absolute;
	right:6px;
	top:50%;
	transform:translateY(-50%);
	font-family:var(--evb2-sans);
	font-size:1rem;
	font-weight:300;
	line-height:1;
	color:var(--evb2-gold);
}
.evtl-acc__item[open] > .evtl-acc__q{color:var(--evb2-ink)}
.evtl-acc__item[open] > .evtl-acc__q::after{content:"–"}
.evtl-acc__q:hover{color:var(--evb2-ink)}
.evtl-acc__q:focus-visible{outline:1px solid var(--evb2-gold);outline-offset:3px}
.evtl-acc__a{
	padding:0 34px 18px 0;
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:.94rem;
	line-height:1.72;
	letter-spacing:.025em;
	color:var(--evb2-muted);
}
.evtl-acc__a p{margin:0}
.evtl-acc__a a{
	color:var(--evb2-ink);
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-color:rgba(43,38,32,.32);
}
.evtl-acc__a a:hover{text-decoration-color:var(--evb2-gold)}

/* ---------- PDP value note ($109 / $119) ---------- */
.evtl-value{
	display:flex;
	flex-wrap:wrap;
	gap:0 14px;
	margin:18px 0 0;
	padding:14px 18px;
	border-left:2px solid var(--evb2-gold-soft);
	background:var(--evb2-cream);
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:.92rem;
	line-height:1.65;
	letter-spacing:.025em;
	color:var(--evb2-ink);
}
.evtl-value__k{
	flex:0 0 auto;
	font-family:var(--evb2-sans);
	font-weight:400;
	font-size:.7rem;
	letter-spacing:.2em;
	text-transform:uppercase;
	color:var(--evb2-muted);
	align-self:center;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:767px){
	.evtl-wrap{padding-bottom:56px}
	.evtl-lead{margin-bottom:44px;font-size:1.16rem}
	.evtl-faq__a p{font-size:1.1rem}
	.evtl-points li,
	.evtl-care li{grid-template-columns:1fr;gap:2px;padding:13px 0}
	.evtl-points strong,
	.evtl-care strong{line-height:1.5;margin-bottom:2px}
}

@media (max-width:560px){
	/* stacked label / value keeps long design strings readable on small screens */
	.ev-pdp-details div{grid-template-columns:1fr;gap:4px;padding:12px 0}
	.ev-pdp-details dt{font-size:.7rem}
	.evtl-value{flex-direction:column;gap:4px;padding:13px 15px}
	.evtl-value__k{align-self:flex-start}
	.evtl-acc__q,
	.evtl-acc__a{padding-right:28px}
}