/* Shared layouts: language changes copy and reading direction, never page order. */
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-language{display:grid;place-items:center;min-width:44px;min-height:42px;padding:6px 9px;border:1px solid #d3a06b55;border-radius:11px;background:#bd8a4d12;color:#f4c394!important;text-decoration:none;font:700 14px/1.2 Arial,sans-serif}.header-cart{position:relative;display:grid;place-items:center;text-decoration:none;flex-shrink:0}.header-cart svg{width:21px;height:21px}.header-cart [data-cart-count]{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:17px;height:17px;padding:1px 3px;background:#f7bb7f;color:#161411;border:1px solid #0e1418;border-radius:20px;font:700 10px/14px Arial,sans-serif}.store-utilities .header-cart{width:38px;height:36px}.store-utilities{flex-wrap:wrap}.nav .logo{flex-shrink:1;min-width:0}.nav-actions a:focus-visible,.nav-actions button:focus-visible{outline:2px solid #f7bb7f;outline-offset:4px}
.vehicle-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-fields label,.finder-fields label{min-width:0}.vehicle-fields select,.vehicle-fields input{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.vehicle-fields input{display:block;margin-top:9px;padding:13px;background:#10171c;color:#eef1f2;border:1px solid #3c4850;border-radius:10px;font:inherit}.vehicle-fields label:has(select:disabled){display:block}#vehicle-form:has(#vehicle-engine:disabled) .vehicle-submit{display:flex}.vehicle-manual-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff15}.vehicle-manual-fields label{font-size:14px;color:#c9d1d8;min-width:0}.vehicle-manual-fields input,.vehicle-manual-fields select{display:block;width:100%;min-width:0;margin-top:8px;min-height:48px;padding:12px;border-radius:10px;background:#10171c;border:1px solid #3c4850;color:#eef1f2;font:inherit}.vehicle-custom[hidden],.vehicle-manual-fields[hidden]{display:none!important}.vehicle-source-details{margin-top:14px;font-size:13px;line-height:1.8;color:#a4afb8}.vehicle-source-details summary{cursor:pointer}.vehicle-source-details a{color:#e8ba8e}.vehicle-source-details p{margin-top:10px}.known-grade>summary,.vehicle-status,.finder-result-heading h3,.finder-result-note{white-space:normal;overflow-wrap:anywhere}.finder-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-result .button{white-space:normal;text-align:center}.finder-store-brands a{direction:ltr}.handbook-result>strong{direction:ltr;text-align:start}.finder-manual-note{font-size:13px;color:#c3b39d;line-height:1.7;margin-top:16px}.vehicle-fields [hidden]{display:none!important}
.seo-product-grid article{display:flex;flex-direction:column;min-width:0}.seo-product-grid article>a:first-child{display:block}.seo-product-grid h2{min-height:3.8em;line-height:1.35;overflow-wrap:anywhere}.seo-product-grid article>p:not(.seo-price){min-height:2.7em;margin-block:8px 12px}.seo-product-grid .seo-price{margin-top:auto;margin-bottom:18px;direction:ltr;unicode-bidi:isolate}.seo-product-grid .add-to-cart{width:100%;justify-content:center;text-align:center;white-space:normal}.seo-product-grid .order-enquiry,.brand-page-products .order-enquiry,.castrol-products .order-enquiry{background:none!important;box-shadow:none!important;border:0!important;color:#c8b5a1!important;padding:8px 3px!important;min-height:40px!important;font-size:13px!important;line-height:1.35!important;text-align:center}.seo-product-grid .product-details-link{margin-top:7px;min-height:32px;text-align:center}.product-card,.seo-product-grid article{min-width:0}.product-price{direction:ltr;unicode-bidi:isolate}.ar-brand-grid,.ar-finder,.ar-filter-count{min-width:0}.ar-finder form{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-finder select{max-width:100%;min-width:0}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow,html[dir=rtl] .about-kicker{letter-spacing:0;line-height:1.4}html[dir=rtl] .hero-pour,html[dir=rtl] .pour-scene,html[dir=rtl] .engine-cutaway,html[dir=rtl] .choice-story-stage{direction:ltr}html[dir=rtl] .hero-copy,html[dir=rtl] .section-heading,html[dir=rtl] .footer-grid{direction:rtl}html[dir=rtl] .search-field input{padding-inline-start:42px;padding-inline-end:12px}html[dir=rtl] .search-field svg{left:auto;right:14px}html[dir=rtl] .active-filter>div,html[dir=rtl] .product-grade{flex-wrap:wrap}html[dir=rtl] .about-spec-list{padding-inline-start:0}html[dir=rtl] .about-spec-copy p,html[dir=rtl] .about-team-copy p{line-height:1.9}html[dir=rtl] .brand-name,html[dir=rtl] .product-brand,html[dir=rtl] .about-brand-name{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .hero h1{font-size:clamp(38px,5vw,70px)}.ar-home .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-home .car-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.app-home .desktop-nav{display:none}.app-home .nav{justify-content:space-between}.app-home .header-tyre{margin-inline-end:auto}.vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.app-home .nav{height:70px;gap:7px}.app-home .nav .logo{width:clamp(122px,38vw,175px)}.app-home .header-tyre{width:25px;height:25px;flex-shrink:0}.app-home .header-tyre img{width:25px;height:25px}.app-home .nav-actions{gap:5px}.app-home .icon-button{width:37px;height:40px}.app-home .header-language{min-width:42px;min-height:40px;padding:5px}.vehicle-fields{grid-template-columns:minmax(0,1fr);gap:16px}.vehicle-fields label:has(select:disabled){display:block}#vehicle-form:has(#vehicle-engine:disabled) .vehicle-submit{display:flex}.vehicle-model-field,.vehicle-engine-field,.vehicle-submit{grid-column:auto}.vehicle-manual-fields{grid-template-columns:minmax(0,1fr)}.known-grade .finder-fields{grid-template-columns:minmax(0,1fr)}.vehicle-panel{padding:22px 18px}.vehicle-panel-top{gap:10px}.vehicle-panel-top strong{font-size:18px}.vehicle-panel-top button{font-size:13px;flex-shrink:0}.vehicle-result{padding:22px 18px}.seo-product-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.seo-product-grid article{padding:14px 12px}.seo-product-grid h2{font-size:15px;min-height:4.05em;line-height:1.35;letter-spacing:-.2px}.seo-product-grid article>p{font-size:13px}.seo-product-grid .seo-price{font-size:17px;min-height:24px;margin-bottom:12px}.seo-product-grid .button{font-size:13px;padding:11px 7px;min-height:44px}.seo-product-grid .product-details-link{font-size:13px}.ar-finder form{grid-template-columns:minmax(0,1fr)}.ar-home .brand-grid,.ar-home .car-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-home .brand span{font-size:11px}.ar-home .hero h1{font-size:clamp(31px,8vw,44px);letter-spacing:0}.ar-home .hero-buttons .button{font-size:13px}.ar-home .hero-promise{font-size:18px}.ar-home .hero-labels{letter-spacing:0}.ar-home .footer-grid{gap:30px 20px}.ar-home .footer-grid a{overflow-wrap:anywhere}.ar-home .trust-grid p{flex-wrap:wrap}.ar-home .section-heading h2{font-size:31px}.ar-home .car-note{text-align:start}.cart-notice{bottom:22px}.ar-home .about-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:360px){.app-home .header-tyre{display:none}.app-home .nav .logo{width:135px}.app-home .nav-actions{margin-inline-start:auto}.seo-product-grid article{padding:12px 9px}.seo-product-grid h2{font-size:14px}}

html[dir=rtl] .handbook-result h4{unicode-bidi:plaintext;text-align:start}@media(max-width:700px){.whatsapp-support{bottom:calc(20px + env(safe-area-inset-bottom))}}
.vehicle-coverage{font-size:12px;line-height:1.7;color:#d4b18d;margin-top:12px;overflow-wrap:anywhere}.vehicle-coverage[hidden]{display:none}.finder-handbook-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#bfaa92;margin:15px 0 20px}.finder-oil-options{display:grid;gap:12px}.finder-oil-options .handbook-result{margin:0;padding:18px;border:1px solid #b8916033;border-radius:12px;background:linear-gradient(130deg,#b891600a,#0e171c)}.finder-oil-options .handbook-result>strong{font-size:28px;line-height:1.2;align-self:center}.finder-oil-options h4{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.finder-oil-options p{font-size:13px;line-height:1.7;color:#a7b3bb}.finder-capacity,.finder-source-edition{font-size:13px;line-height:1.8;color:#b6c1c8;margin-top:18px;overflow-wrap:anywhere}.finder-source-edition{color:#93a0aa}.finder-source-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;margin:20px 0 24px}.finder-source-links a{color:#e5b585;overflow-wrap:anywhere}.finder-capacity b{color:#eed0ad}@media(max-width:640px){.finder-oil-options .handbook-result{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}.finder-handbook-meta{gap:8px 14px}.finder-oil-options .handbook-result>strong{font-size:27px}.finder-oil-options h4{font-size:14px}}

/* Searchable vehicle fields and neutral viscosity comparisons. */
.vehicle-fields input[list]{min-height:52px;font-size:16px;font-weight:400;line-height:1.4}.vehicle-fields input[list]:disabled{opacity:.55;cursor:not-allowed}.vehicle-fields input[list]::placeholder{color:#8e9ca6}.vehicle-fields input[list]:focus-visible{outline:2px solid #d5a476;outline-offset:3px}.known-grade .finder-fields{grid-template-columns:minmax(0,1fr) auto}.known-grade .finder-fields>[hidden]{display:none!important}.finder-disclaimer{padding:18px;margin-top:22px;border:1px solid #7e644648;border-radius:12px;background:linear-gradient(130deg,#a97a4412,#0e171c);font-size:13px;line-height:1.8;color:#b5c1c9}.finder-disclaimer>strong{display:block;color:#e6b98b;font-size:12px;letter-spacing:.6px;margin-bottom:6px}.finder-disclaimer p{margin:0}.finder-reference{margin-top:18px;font-size:13px;line-height:1.8;color:#acb8c0}.finder-reference a{color:#e6b98b}.finder-reference summary{cursor:pointer}.finder-reference p{margin-top:10px}
@media(max-width:640px){.known-grade .finder-fields{grid-template-columns:minmax(0,1fr)}.vehicle-fields input[list]{min-height:51px;margin-top:7px}.finder-disclaimer{padding:15px}}

.vehicle-manual-fields #vehicle-grade-submit{grid-column:1/-1;white-space:normal}
