/* Shared components for About/Quality/Distributors/Contact/Oil-Finder pages */
.page-main{padding-top:86px;background:var(--bg);min-height:100vh}
.page-hero{max-width:var(--container);margin:0 auto;padding:70px 28px 50px}
.page-hero .breadcrumb{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8c9297;margin-bottom:22px}
.page-hero .breadcrumb a{color:var(--gold2)}
.page-hero h1{font-size:clamp(38px,4.6vw,66px);line-height:1.02;margin:12px 0 16px;letter-spacing:-.02em}
.page-hero p{color:var(--muted);line-height:1.7;font-size:16px;max-width:760px}
.page-section{max-width:var(--container);margin:0 auto;padding:60px 28px}
.page-section.alt{background:#0d0f11;border-block:1px solid #1d2125;max-width:none;padding-left:max(28px,calc((100vw - var(--container))/2 + 28px));padding-right:max(28px,calc((100vw - var(--container))/2 + 28px))}
.page-section h2{font-size:clamp(28px,3.4vw,46px);margin:0 0 14px;line-height:1.05}
.page-section>p.lead{color:var(--muted);line-height:1.75;font-size:16px;max-width:760px}
.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}
.item-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.item-card{background:#111316;border:1px solid #24282d;padding:26px}
.item-card .no{color:var(--gold);font-size:12px;letter-spacing:.1em;font-weight:900}
.item-card h3{font-size:18px;margin:12px 0 8px}
.item-card p{color:#aeb2b5;line-height:1.65;font-size:14px;margin:0}
.info-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:50px;align-items:start}
.info-cards{display:flex;flex-direction:column;gap:10px}
.info-card{display:flex;gap:16px;padding:20px;background:#111316;border:1px solid #24282d}
.info-card svg{flex:0 0 auto;width:26px;height:26px;color:var(--gold2)}
.info-card h4{margin:0 0 6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9d9fa2}
.info-card p,.info-card a{color:#d7d8d8;font-size:14px;line-height:1.5;margin:0}
.contact-form-panel{background:#111316;border:1px solid #24282d;padding:34px}
.contact-form-panel h3{font-size:20px;margin:0 0 22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field.full{grid-column:1/-1}
.field label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a4}
.field input,.field select,.field textarea{background:#090a0b;border:1px solid #34393e;color:#f0f0ee;padding:12px 13px;font-size:14px;font-family:inherit}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.form-msg{font-size:13px;padding:12px 14px;margin-top:14px;border:1px solid;display:none}
.form-msg.show{display:block}
.form-msg.ok{border-color:#2f6b3c;color:#8fd39f;background:rgba(60,150,80,.08)}
.form-msg.err{border-color:#7a3030;color:#e79b9b;background:rgba(180,60,60,.08)}
.faq-list{display:flex;flex-direction:column;gap:2px;margin-top:26px}
.faq-item{border:1px solid #24282d;background:#111316}
.faq-item summary{padding:18px 20px;cursor:pointer;font-size:15px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';color:var(--gold2);font-size:20px;flex:0 0 auto}
.faq-item[open] summary:after{content:'−'}
.faq-item .faq-a{padding:0 20px 20px;color:#aeb2b5;line-height:1.7;font-size:14px}
.cta-strip{max-width:var(--container);margin:0 auto 60px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:linear-gradient(120deg,#121417,#1b160b);border:1px solid #3e3420}
.cta-strip h2{font-size:clamp(24px,3vw,36px);margin:0}
.finder-wrap{max-width:900px;margin:0 auto}
.finder-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.finder-option{background:#111316;border:1px solid #24282d;padding:26px 20px;text-align:left;color:#f0f0ee;cursor:pointer;font:inherit}
.finder-option:hover{border-color:var(--gold)}
.finder-option b{display:block;font-size:15px;margin-bottom:4px}
.finder-option span{display:block;color:#8f9498;font-size:12px}
.finder-reset{margin-top:24px;background:none;border:1px solid #34393e;color:#d7d8d8;padding:11px 20px;font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer}
.finder-result{background:#111316;border:1px solid #3e3420;padding:34px;margin-top:10px}
.finder-result .no{color:var(--gold2);font-size:12px;letter-spacing:.1em;font-weight:900}
.finder-result h3{font-size:26px;margin:12px 0}
.finder-result p{color:#aeb2b5;line-height:1.7}
.finder-disclaimer{color:#777d81;font-size:12px;line-height:1.6;margin-top:26px}
[data-pearl-locale][hidden]{display:none!important}
html[dir="rtl"] .page-hero .breadcrumb,html[dir="rtl"] .page-hero,html[dir="rtl"] .page-section{text-align:right}
html[dir="rtl"] .info-grid{direction:rtl}
html[dir="rtl"] .info-card{flex-direction:row-reverse}
html[dir="rtl"] .finder-option,html[dir="rtl"] .item-card{text-align:right}
@media(max-width:900px){.info-grid{grid-template-columns:1fr}.item-grid,.item-grid.cols-4{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.finder-options{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.page-main{padding-top:72px}.item-grid,.item-grid.cols-4{grid-template-columns:1fr}.finder-options{grid-template-columns:1fr}.cta-strip{display:block;padding:28px}.cta-strip .btn{margin-top:18px}}