/* Buyer-facing pages share the approved homepage's editorial design language. */
.container{width:min(var(--container-max),calc(100% - var(--gutter-desktop)*2));margin-inline:auto}
.narrow{max-width:800px}
.section{padding:clamp(56px,6.5vw,88px) 0}
.section-soft{background:var(--color-off-white)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.section-head h2,.two-col-intro h2{font:800 clamp(29px,3vw,42px)/1.1 var(--font-display);letter-spacing:-.035em;margin:0;color:var(--color-navy)}
.section-head span{font-size:13px;color:var(--color-text-muted)}
.top-gap{margin-top:68px}
.eyebrow{display:block;color:var(--color-orange-ink);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.page-hero,.article-hero{position:relative;overflow:hidden;background:var(--color-surface);padding:clamp(64px,8vw,112px) 0 clamp(62px,7vw,96px)}
.page-hero::before,.article-hero::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--ep-orange-action)}
.page-hero.compact{padding:64px 0 70px}
.page-hero h1,.article-hero h1,.product-summary h1{max-width:950px;color:var(--color-navy);font:800 clamp(42px,5.5vw,72px)/1.01 var(--font-display);letter-spacing:-.045em;margin:15px 0 20px}
.page-hero p,.article-hero .lead{max-width:760px;color:var(--color-text-muted);font-size:clamp(16px,1.45vw,19px);line-height:1.55;margin:0}
.page-hero .eyebrow,.article-hero .eyebrow{margin-bottom:4px}
.page-hero .hero-actions{margin-top:28px}
.page-intro-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.page-intro-actions{margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 22px;border:1px solid transparent;border-radius:var(--radius-control);font-size:14px;font-weight:800;line-height:1.2;text-align:center;transition:background .18s ease,border-color .18s ease,color .18s ease}
.btn-primary{background:var(--ep-orange-action);border-color:var(--ep-orange-action);color:#fff}
.btn-primary:hover{background:var(--color-orange-action-hover);border-color:var(--color-orange-action-hover)}
.btn-dark{background:var(--color-navy);border-color:var(--color-navy);color:#fff}
.btn-dark:hover{background:var(--color-navy-dark)}
.btn-ghost{background:#fff;border-color:var(--color-border);color:var(--color-navy)}
.btn-ghost:hover{border-color:var(--color-navy)}
.btn-wide{width:100%}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-orange-ink);font-size:14px;font-weight:800;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.text-link:hover{text-decoration-color:currentColor}
.micro{color:var(--color-text-muted);font-size:12px;line-height:1.5}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--color-text-muted);font-size:12px;margin-bottom:22px}
.breadcrumbs a:hover{color:var(--ep-orange-action);text-decoration:underline}
.breadcrumbs b{color:var(--color-navy)}
.page-search{display:flex;gap:8px;max-width:680px;margin-top:28px}
.page-search input{min-width:0;flex:1;min-height:50px;border:1px solid #cfc9c3;border-radius:var(--radius-control);padding:12px 15px;background:#fff;color:var(--color-text)}
.page-search .btn{min-width:120px}
.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.filter-pills a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:13px;font-weight:700;color:var(--color-navy)}
.filter-pills a:hover,.filter-pills a.active{border-color:var(--color-navy);background:var(--color-navy);color:#fff}
.product-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card,.article-card{min-width:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.product-card:hover,.article-card:hover{border-color:#c9beb2;box-shadow:0 12px 30px rgba(7,17,29,.07)}
.guide-card{border-top:4px solid var(--ep-orange-action)}
.guide-card .product-body{min-height:240px;display:flex;flex-direction:column}
.guide-card .text-link{margin-top:auto;padding-top:18px}
.guide-hero .guide-disclosure{max-width:760px;margin-top:23px;font-size:14px;line-height:1.5;color:var(--color-text-muted)}
.guide-content article>p{line-height:1.7;color:var(--color-text-muted)}
.guide-content .guide-reviewed{font-size:13px;color:var(--color-orange-ink);font-weight:700}
.guide-content .guide-note{padding:16px 20px;border-left:3px solid var(--ep-orange-action);background:var(--color-surface);color:var(--color-navy)}
.guide-checklist{padding-left:22px;line-height:1.7;color:var(--color-text-muted)}
.guide-checklist li+li{margin-top:11px}
.product-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--color-surface)}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.product-card:hover .product-image img{transform:scale(1.025)}
.product-body{padding:21px}
.product-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--color-text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.badge{padding:4px 8px;background:var(--color-surface);color:var(--color-navy);border-radius:3px;white-space:nowrap}
.product-body h3{font:800 22px/1.15 var(--font-display);letter-spacing:-.02em;color:var(--color-navy);margin:14px 0 8px}
.product-body h3 a:hover{color:var(--ep-orange-action)}
.product-body>p,.article-card p{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin:0}
.facts-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:18px 0;padding:12px 0;font-size:13px;font-weight:700;color:var(--color-navy)}
.facts-mini small,.key-grid small,.detail-cards small{display:block;color:var(--color-text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.two-col-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:45px}
.rich-text{color:#343d46;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.rich-text>*:first-child{margin-top:0}
.rich-text h2{font:800 30px/1.18 var(--font-display);letter-spacing:-.025em;color:var(--color-navy);margin:38px 0 12px}
.rich-text h3{color:var(--color-navy)}
.rich-text a{color:var(--ep-orange-action);text-decoration:underline}
.rich-text table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.rich-text th,.rich-text td{border:1px solid var(--color-border);padding:10px;text-align:left}
.inline-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:50px;padding:30px;background:var(--color-navy);color:#fff;border-radius:var(--radius-card)}
.inline-cta h3{font:800 25px/1.15 var(--font-display);margin:0}
.inline-cta p{margin:6px 0 0;color:#c7d0d6;font-size:14px}
.inline-cta .btn-dark{background:#fff;border-color:#fff;color:var(--color-navy)}
.empty{padding:clamp(38px,6vw,72px);background:var(--color-surface);border-left:4px solid var(--ep-orange-action);text-align:left}
.empty h2{font:800 clamp(26px,3vw,38px)/1.15 var(--font-display);color:var(--color-navy);margin:8px 0 10px}
.empty p{max-width:600px;color:var(--color-text-muted);margin:0 0 22px}
.article-card{display:block;padding:26px}
.article-card>span{color:var(--color-orange-ink);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.article-card h2,.article-card h3{font:800 24px/1.17 var(--font-display);letter-spacing:-.02em;color:var(--color-navy);margin:16px 0 11px}
.article-card b{display:inline-block;color:var(--color-orange-ink);font-size:13px;margin-top:22px}
.article-card.large{min-height:260px}
.article-meta{color:var(--color-text-muted);font-size:13px;margin-top:24px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px;align-items:start}
.article-body{max-width:780px}
.sticky-card{position:sticky;top:24px;background:var(--color-navy);color:#fff;padding:28px;border-radius:var(--radius-card)}
.sticky-card .eyebrow{color:#ffad7d}
.sticky-card h3{font:800 26px/1.1 var(--font-display);margin:12px 0}
.sticky-card p{color:#cad4da;font-size:14px}
.product-hero{background:var(--color-surface);padding:45px 0 70px}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}
.product-gallery{aspect-ratio:4/3;overflow:hidden;background:#e4e0da;border:1px solid var(--color-border);border-radius:var(--radius-card)}
.product-gallery img{width:100%;height:100%;object-fit:cover}
.product-summary h1{font-size:clamp(38px,4.7vw,62px)}
.product-summary .lead{color:var(--color-text-muted);font-size:17px;line-height:1.5}
.key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--color-border);border:1px solid var(--color-border);margin:28px 0}
.key-grid>div{background:#fff;padding:15px}
.key-grid b{display:block;font-size:13px;line-height:1.3;color:var(--color-navy);margin-top:4px}
.product-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:60px;align-items:start}
.product-content-grid article>h2{font:800 30px/1.2 var(--font-display);color:var(--color-navy);margin:38px 0 16px}
.product-content-grid article>h2:first-of-type{margin-top:8px}
.spec-table{border-top:1px solid var(--color-border)}
.spec-table>div{display:grid;grid-template-columns:minmax(120px,.75fr) 1.25fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-border)}
.spec-table span{color:var(--color-text-muted)}
.spec-table b{color:var(--color-navy)}
.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-cards>div{padding:18px;border:1px solid var(--color-border);background:#fff}
.detail-cards p{margin:5px 0 0}
.faq-list details{padding:17px 0;border-top:1px solid var(--color-border)}
.faq-list details:last-child{border-bottom:1px solid var(--color-border)}
.faq-list summary{cursor:pointer;font-weight:800;color:var(--color-navy)}
.rfq-card{background:var(--color-off-white);border:1px solid var(--color-border);border-top:4px solid var(--ep-orange-action);border-radius:var(--radius-card);padding:27px;position:sticky;top:20px}
.rfq-card h2{font:800 29px/1.15 var(--font-display);letter-spacing:-.025em;color:var(--color-navy);margin:9px 0}
.rfq-card>p{font-size:14px;color:var(--color-text-muted);margin:0 0 18px}
.rfq-card.standalone{position:relative;top:auto;margin-top:28px}
.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.variant-card{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px;background:#fff;min-width:0}
.variant-card h3{font:800 21px/1.2 var(--font-display);color:var(--color-navy);margin:0 0 10px}
.variant-card p{color:var(--color-text-muted);font-size:14px;line-height:1.5}
.variant-card .spec-table>div{display:block;padding:9px 0}
.variant-card .spec-table b{display:block;margin-top:3px}
.evidence-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--color-border)}
.evidence-list li{display:flex;flex-wrap:wrap;gap:8px 14px;padding:14px 0;border-bottom:1px solid var(--color-border)}
.evidence-list strong{min-width:150px;color:var(--color-navy)}
.evidence-list span{flex:1;min-width:190px}
.evidence-list a{color:var(--color-orange-ink);font-weight:700}
.product-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-media-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card)}
.form-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,68px);align-items:start}
.form-layout h2{font:800 clamp(29px,3vw,38px)/1.15 var(--font-display);color:var(--color-navy);margin:0 0 15px}
.form-layout>div>p{color:var(--color-text-muted)}
.info-list{margin-top:30px}
.info-list>div{display:flex;gap:16px;border-top:1px solid var(--color-border);padding:17px 0;color:var(--color-text-muted);font-size:14px}
.info-list b{color:var(--color-orange-ink);font-size:13px}
.info-list strong{display:block;color:var(--color-navy);font-size:16px}
.inquiry-form label{display:block;color:var(--color-navy);font-size:12px;font-weight:800;margin-top:14px}
.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{display:block;width:100%;min-height:46px;background:#fff;border:1px solid #cfc9c3;border-radius:var(--radius-control);padding:10px 12px;margin-top:6px;color:var(--color-text)}
.inquiry-form textarea{min-height:110px;resize:vertical}
.inquiry-form input[type=file]{height:auto;min-height:0}
.inquiry-form :is(input,textarea,select):focus{border-color:var(--ep-orange-action);outline:3px solid rgba(200,72,13,.18);outline-offset:0}
.inquiry-form [aria-invalid=true]{border-color:#b52727!important}
.field-error{display:block;color:#a91e1e;font-size:12px;font-weight:700;margin-top:5px}
.form-error-summary{background:#fff0ee;border-left:3px solid #a91e1e;color:#812121;padding:11px 14px;margin:16px 0;font-size:13px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}
.inquiry-form .check{display:flex;align-items:center;gap:8px}
.inquiry-form .check input{width:auto;margin:0}
.inquiry-form .btn{margin-top:20px}
.form-next-step{font-size:12px;color:var(--color-text-muted);margin:11px 0 0}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.flash{width:min(var(--container-max),calc(100% - 40px));margin:16px auto 0;padding:13px 16px;border-left:3px solid var(--ep-orange-action);background:var(--color-surface);border-radius:3px}
.flash.success{border-color:#276548}.flash.error{border-color:#b52727}
.steps.light{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:35px}
.steps.light>div{border-top:2px solid var(--ep-orange-action);padding:14px 12px;background:var(--color-off-white)}
.steps.light b{color:var(--ep-orange-action)}
.steps.light h3{font:800 19px/1.2 var(--font-display);color:var(--color-navy);margin:12px 0 5px}
.steps.light p{font-size:13px;color:var(--color-text-muted);margin:0}
.thank{display:flex;align-items:center;min-height:62vh}
.thank .hero-actions{margin-top:28px}
.success-icon{display:grid;place-items:center;width:55px;height:55px;background:var(--color-navy);color:#fff;border-radius:50%;margin-bottom:20px;font-size:25px}
@media(max-width:1100px){.container{width:min(var(--container-max),calc(100% - var(--gutter-tablet)*2))}.product-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout,.product-content-grid{gap:32px}}
@media(max-width:767px){.container{width:calc(100% - var(--gutter-mobile)*2)}.section-head,.inline-cta{align-items:flex-start;flex-direction:column}.product-grid,.article-grid,.two-col-intro,.product-hero-grid,.product-content-grid,.form-layout,.article-layout,.variant-grid{grid-template-columns:1fr}.article-aside{display:block}.rfq-card,.sticky-card{position:relative;top:auto}.page-hero.compact{padding:56px 0}.product-hero{padding:27px 0 50px}.product-gallery{max-height:420px}.product-summary{display:flex;flex-direction:column}.product-summary .btn,.product-summary .micro{order:1}.product-summary .key-grid{order:2;margin:16px 0 0}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps.light{grid-template-columns:repeat(2,minmax(0,1fr))}.page-search{flex-direction:column}.page-search .btn{width:100%}.form-grid{grid-template-columns:1fr}.top-gap{margin-top:52px}}
@media(max-width:420px){.detail-cards,.steps.light{grid-template-columns:1fr}.page-hero h1,.article-hero h1{font-size:39px}.btn{width:100%}}
@media(max-width:350px){.key-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.product-card,.article-card,.product-image img,.btn{transition:none}}
