.seo-page{padding-bottom:0}.seo-intro{padding:30px 0 36px;max-width:850px}.seo-intro h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0 22px}.seo-intro p:not(.eyebrow),.seo-help p{font-size:17px;line-height:1.8;color:#b4bfc7;margin-bottom:25px}.seo-grade-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.seo-grade-links a{padding:12px 18px;border:1px solid #49535a;border-radius:28px;font-size:15px}.seo-grade-links a[aria-current]{background:#403020;border-color:#e9a25e}.seo-note{font-size:14px;line-height:1.7;color:#aebbc4;margin-bottom:30px}.seo-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.seo-product-grid article,.seo-brand-grid>a{padding:20px;border:1px solid #343f47;background:#121b21;border-radius:16px}.seo-product-grid img{width:100%;height:240px;object-fit:contain}.seo-product-grid h2{font-size:18px;line-height:1.45;margin:20px 0 12px}.seo-product-grid p{font-size:14px;color:#aebbc5;margin-bottom:20px}.seo-product-grid .subtle-link{font-size:14px}.seo-help{max-width:850px;padding:60px 0}.seo-help h2{font-size:30px;margin-bottom:20px}.seo-help a{color:#f0b57f;text-decoration:underline}.seo-footer{padding:35px 0;border-top:1px solid #343f47;display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.seo-footer p{width:100%;color:#9eabb5}.seo-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:60px}.seo-brand-grid h2{font-size:23px;margin-bottom:14px}.seo-brand-grid p{font-size:16px;color:#eeb27f;margin-bottom:25px}.seo-brand-grid span{font-size:14px;color:#b4bfc7}.seo-catalogue-link{margin:25px 0;font-size:16px}.seo-catalogue-link a{color:#f0b57f;text-decoration:underline;text-underline-offset:5px}@media(max-width:800px){.seo-product-grid,.seo-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seo-product-grid article,.seo-brand-grid>a{padding:14px}.seo-product-grid img{height:180px}.seo-product-grid h2{font-size:16px}.seo-brand-grid h2{font-size:20px}.seo-intro{padding-top:10px}}@media(max-width:360px){.seo-product-grid,.seo-brand-grid{grid-template-columns:1fr}}

.seo-product-photo{display:block;width:100%;height:260px;object-fit:contain}.seo-product-photo{background:radial-gradient(ellipse at center,#20292e,#0b1115 85%);border-radius:10px}.seo-price{font-size:20px;font-weight:700;color:#fff}@media(max-width:640px){.seo-product-photo{height:210px}}

.product-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;align-items:center;padding-block:32px}.product-detail-photo{padding:30px;border:1px solid #343f47;background:#121b21;border-radius:20px}.product-detail-photo .seo-product-photo{height:460px}.product-overview .seo-intro{padding:0}.product-overview h1{font-size:clamp(30px,4vw,48px)}.product-facts{display:flex;flex-wrap:wrap;gap:24px;margin:25px 0}.product-facts dt{font-size:14px;color:#aebbc5;margin-bottom:6px}.product-facts dd{margin:0;font-size:18px;font-weight:600}.product-overview p.product-detail-price{font-size:30px;font-weight:700;color:#f0b57f;margin-bottom:8px}.product-related{padding-bottom:60px}.product-related>h2{font-size:30px;margin-bottom:25px}.product-related h3{font-size:17px;line-height:1.5;margin:18px 0}.brand-stories .section-heading h2{max-width:740px}@media(max-width:700px){.product-overview{grid-template-columns:1fr;gap:24px;padding-top:10px}.product-detail-photo{padding:20px}.product-detail-photo .seo-product-photo{height:310px}.product-overview .button{width:100%}.product-facts{gap:20px}.product-related>h2{font-size:26px}}

/* Actual oil-brand artwork on the crawlable brand directory. */
#oil-brands{scroll-margin-top:24px}
.seo-brand-card{display:flex;flex-direction:column;transition:border-color .18s,background .18s;text-decoration:none}
.seo-brand-card:hover{border-color:#ce985f;background:#192329}
.seo-brand-card:focus-visible{outline:2px solid #ffc27f;outline-offset:4px}
.seo-brand-logo{height:108px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}
.seo-brand-logo img,.seo-brand-logo svg{display:block;width:100%;max-width:190px;height:100%;max-height:100px;object-fit:contain;overflow:hidden}
.seo-brand-logo.emarat-logo img{width:65px;height:90px;max-height:none;padding:7px 28px;box-sizing:content-box;background:#edf1f4;border-radius:10px}
.seo-brand-grid .seo-brand-card p{line-height:1.5}
.seo-brand-grid .seo-brand-card>span{margin-top:auto;padding-top:6px}
@media(max-width:800px){.seo-brand-logo{height:80px;margin-bottom:20px}.seo-brand-logo img,.seo-brand-logo svg{max-height:75px;max-width:150px}.seo-brand-logo.emarat-logo img{width:49px;height:68px;padding:6px 20px}.seo-brand-grid .seo-brand-card h2{font-size:18px}.seo-brand-grid .seo-brand-card p{font-size:14px}.seo-brand-grid .seo-brand-card>span{font-size:12px}}