/* =============================================================================
 * THE APPROVED DESIGN'S 19 SEP REBUILD — THE RULES IT ADDED
 * =============================================================================
 * `site.css` is the design pack as delivered on 15 Sep. The designer rebuilt
 * the pack on 19 Sep («Yadaki Market Final Purchase Process») and the owner's
 * correction document asks for that build's behaviour: the one-row mobile
 * header with the logo on the right, the search suggestion panel, the campaign
 * carousel, the availability pills, the navy call action and the bigger garage
 * icon.
 *
 * Only the rules the rebuild ADDED are here, taken from its own stylesheet and
 * nothing else rewritten — the two builds hash their class names differently
 * (`_1ou61_` there, `_dlezs_` here), so the names are remapped and the
 * declarations are the designer's, byte for byte.
 *
 * Loaded BETWEEN site.css and site-extras.css on purpose: this file is the
 * design, site-extras.css is this shop's own corrections on top of it, and a
 * correction must be able to win.
 * ============================================================================= */

._productActions_dlezs_12 button:disabled,._productActions_dlezs_12 button:disabled:hover{cursor:not-allowed;color:#59636e;box-shadow:none;background:#cbd2d9;transform:none}
._productBody_dlezs_12>._price_dlezs_12{margin-top:auto;padding-top:10px}
._productBody_dlezs_12>._productActions_dlezs_12{margin-top:8px}
._productAvailability_dlezs_56{z-index:3;color:#087a55;background:#eaf8f2;border-radius:999px;max-width:calc(100% - 52px);padding:4px 7px;font-size:8px;font-weight:900;line-height:1.35;position:absolute;top:8px;left:8px}
._availability_low_dlezs_56{color:#8a6500;background:#fff7d9}
._availability_call_dlezs_56{color:#315b8a;background:#eef3fb}
._availability_out_dlezs_56{color:#b43b16;background:#fff0ec}
._campaignStage_dlezs_57{border-radius:11px;min-height:0;position:relative;overflow:hidden}
._campaignStage_dlezs_57 ._campaignMain_dlezs_13{width:100%;height:100%;display:block}
._dots_dlezs_13 button{background:#ffffff80;border:0;border-radius:10px;width:5px;height:5px;padding:0}
._dots_dlezs_13 button._active_dlezs_12{background:#fff;width:15px}
._suggestionsClose_dlezs_58{display:none}
._suggestions_dlezs_5 em{color:#087a55;background:#eaf8f2;border-radius:999px;width:max-content;margin-top:4px;padding:2px 6px;font-size:9px;font-style:normal;display:block}
._suggestions_dlezs_5 em[data-availability=call]{color:#315b8a;background:#eef3fb}
._suggestions_dlezs_5 em[data-availability=out]{color:#b43b16;background:#fff0ec}
._suggestions_dlezs_5 em[data-availability=low]{color:#8a6500;background:#fff7d9}
@media (max-width:900px){._headerMain_dlezs_4{grid-template-rows:44px 48px!important;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:8px!important;height:auto!important;min-height:116px!important;padding:8px!important;display:grid!important;position:relative!important}._mobileToggle_dlezs_6{display:none!important}._headerMain_dlezs_4 ._logo_dlezs_4{grid-area:1/2!important;justify-self:center!important;width:142px!important;height:44px!important;padding:5px 10px!important;position:static!important;transform:none!important}._headerMain_dlezs_4 ._logo_dlezs_4 img{width:112px!important}._actions_dlezs_6{display:contents!important}._actions_dlezs_6 a{display:none!important}._actions_dlezs_6 a:last-child{color:#fff;width:44px;height:44px;grid-area:1/3!important;min-width:44px!important;padding:0!important;display:flex!important}._actions_dlezs_6 a:last-child span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}._actions_dlezs_6 a:last-child i{top:-2px;right:-2px}._searchShell_dlezs_5{grid-area:2/1/auto/-1!important;grid-template-columns:minmax(0,1fr) 72px!important;width:100%!important;height:48px!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}._searchShell_dlezs_5>button{min-width:72px}._searchShell_dlezs_5 label{padding-inline:10px}._suggestions_dlezs_5{overscroll-behavior:contain;grid-template-columns:1fr;max-height:calc(100dvh - 218px);position:fixed;top:136px;left:10px;right:10px}._suggestions_dlezs_5 section a{grid-template-columns:48px 1fr;align-items:center;gap:9px;min-height:58px;display:grid!important}._suggestions_dlezs_5 section a>img,._suggestions_dlezs_5 section a>span:first-child{object-fit:contain;background:#f5f7f9;border-radius:8px;width:48px;height:48px}._suggestions_dlezs_5 section a>span:last-child{display:grid}._suggestions_dlezs_5>button{grid-column:auto;min-height:46px}._navRow_dlezs_7,._navRow_dlezs_7._open_dlezs_8,._mega_dlezs_7{display:none!important}._header_dlezs_4{padding-top:6px}._headerMain_dlezs_4{overflow:visible;grid-template-rows:54px!important;grid-template-columns:108px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:0!important;height:70px!important;min-height:70px!important;padding:8px!important;display:grid!important;position:relative!important}._mobileToggle_dlezs_6,._actions_dlezs_6{display:none!important}._headerMain_dlezs_4 ._logo_dlezs_4{grid-area:1/1!important;width:108px!important;height:54px!important;padding:6px 8px!important;position:static!important;inset:auto!important;transform:none!important}._headerMain_dlezs_4 ._logo_dlezs_4 img{width:92px!important;max-height:42px!important}._searchShell_dlezs_5{z-index:2;grid-area:1/2!important;grid-template-columns:minmax(0,1fr) 70px!important;align-self:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:54px!important;position:relative!important;inset:auto!important}._searchShell_dlezs_5 label{min-width:0;padding-inline:9px}._searchShell_dlezs_5 label svg{flex:0 0 20px}._searchShell_dlezs_5 input{min-width:0;font-size:12px}._searchShell_dlezs_5>button{min-width:70px;font-size:12px}._suggestions_dlezs_5{opacity:1;isolation:isolate;background:#fff;max-height:calc(100dvh - 188px);padding-top:58px;position:fixed;top:112px;left:10px;right:10px}._suggestionsClose_dlezs_58{z-index:2;place-items:center;height:44px;position:absolute;top:8px;left:8px;border:1px solid var(--b-line)!important;width:44px!important;min-height:44px!important;color:var(--b-navy)!important;background:#f5f7f9!important;border-radius:50%!important;padding:0!important;display:grid!important}._suggestionsClose_dlezs_58 svg{width:22px;height:22px}}
@media (max-width:760px){._vehicleCard_dlezs_9{margin-inline:0;right:auto}._vehicleCard_dlezs_9>a:last-child{text-align:center;justify-content:center;align-items:center;display:flex}._sectionHead_dlezs_10{align-items:flex-end;gap:10px}._sectionHead_dlezs_10>div{min-width:0}._sectionHead_dlezs_10 a{white-space:nowrap;flex:none}._brandRail_dlezs_35{grid-template-columns:repeat(9,132px);gap:9px}._brandCard_dlezs_36{min-height:122px;padding:10px}._campaigns_dlezs_13{touch-action:pan-y}}
._garageAction_dlezs_6>svg{flex:0 0 23px;width:27px!important;height:23px!important}
._callAction_dlezs_85{color:#fff;direction:rtl;background:#28235c;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;padding:7px 10px;font-size:10px;font-weight:900;display:flex;box-shadow:0 6px 14px #28235c2e}
._callAction_dlezs_85 svg{flex:0 0 15px;width:15px;height:15px}
._callAction_dlezs_85 bdi{direction:ltr;unicode-bidi:isolate}
@media (max-width:760px){._heroDots_dlezs_9{top:16px!important;bottom:auto!important;left:50%!important}._garageAction_dlezs_6>svg{flex-basis:24px;width:28px!important;height:24px!important}}


/* -----------------------------------------------------------------------------
 * …and the rules the rebuild added to the PAGE stylesheet: the availability
 * pills on a catalogue card, the navy call-for-price action, the roomier cart
 * summary, the mobile purchase bar and the checkout's own states. These carry
 * plain class names, so they are the designer's rules verbatim.
 *
 * The rebuild's utility layer is not copied: it is Tailwind's generated output,
 * and site.css already carries the 15 Sep copy of it.
 * -------------------------------------------------------------------------- */

.purchase-unavailable{color:#a43f20;text-align:center;background:#fff1ed;border-radius:11px;margin:0;padding:14px;font-weight:800}
.journey-cart{grid-template-columns:minmax(0,1fr) 360px;gap:28px}
.journey-cart aside{border-radius:18px;min-height:390px;padding:28px 26px}
.journey-cart aside h2{margin:0 0 20px;font-size:22px}
.journey-cart aside p{align-items:center;min-height:43px;margin:0;line-height:1.9}
.journey-cart aside .total{margin-top:10px;padding-top:18px}
.journey-cart aside>a{min-height:58px;margin-top:18px;font-size:16px}
.journey-cart aside>small{margin-top:18px;line-height:1.9}
.checkout-journey .journey-callout>a{white-space:nowrap;min-width:max-content}
@media (min-width:901px){.category-commerce-shell>.catalog-page-head small{font-size:9px;line-height:1.55}.category-commerce-shell>.catalog-page-head h1{font-size:clamp(22px,2vw,31px);line-height:1.35}.category-commerce-shell>.catalog-page-head p{font-size:10px;line-height:1.7}}
@media (max-width:900px){.journey-cart{grid-template-columns:1fr;gap:18px}.journey-cart aside{min-height:340px;padding:23px 20px}.category-commerce-shell>.catalog-page-head h1{font-size:18px}.category-commerce-shell>.catalog-page-head p{font-size:9px;line-height:1.6}}
@media (max-width:700px){.mobile-purchase-bar{grid-template-columns:minmax(82px,.48fr) minmax(0,1.52fr);min-height:76px}.mobile-purchase-bar>.mobile-purchase-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px;min-width:0;display:grid}.mobile-purchase-actions:has(>:only-child){grid-template-columns:1fr}.mobile-purchase-actions>button,.mobile-purchase-actions>.mobile-call-cta{border-radius:10px;min-width:0;min-height:48px;padding:7px 6px;font-size:10px;line-height:1.3}.mobile-purchase-actions>.mobile-call-cta{background:#28235c}.mobile-purchase-actions>.mobile-call-cta bdi{font-size:9px}.mobile-purchase-actions svg{flex:0 0 17px;width:17px;height:17px}.mobile-unavailable{color:#6e7782;background:#eef1f4;border-radius:10px;place-items:center;min-height:46px;font-weight:800;display:grid}}
.product-call-cta,.related-call-cta,.journey-call-cta,.mobile-call-cta{color:#fff;white-space:nowrap;direction:rtl;background:#28235c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}
.product-call-cta{min-height:40px;padding:8px 11px;font-size:11px}
.product-call-cta svg{width:16px;height:16px}
.product-call-cta bdi,.related-call-cta bdi,.journey-call-cta bdi,.mobile-call-cta bdi{direction:ltr;unicode-bidi:isolate}
.related-call-cta{min-width:108px;min-height:36px;padding:7px 9px;font-size:10px}
.related-call-cta svg{width:14px;height:14px}
.journey-call-cta{min-height:40px;padding:8px 12px}
.journey-call-cta svg{width:17px;height:17px}
.mobile-call-cta{min-height:46px;padding:8px 13px}
.mobile-call-cta svg{width:18px;height:18px}
.journey-empty{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}
.journey-empty h2{margin:22px 0 7px}
.journey-empty p{color:var(--muted);margin:0}
.journey-empty a{justify-content:center;align-items:center;min-height:44px;margin-top:24px;padding:9px 18px;display:inline-flex}
.seller-landing p{margin:22px 0 0;line-height:2}
.seller-landing a{align-items:center;gap:7px;min-height:48px;margin-top:26px;padding:11px 18px}
@media (max-width:900px){.mobile-bottom a[href="/account/garage"]>svg{flex:0 0 24px!important;width:27px!important;height:24px!important}}
@media (max-width:560px){.journey-empty{min-height:330px;padding:34px 20px}.seller-landing p{margin-top:20px}.seller-landing a{margin-top:24px}}
.product-availability{z-index:3;color:#087a55;background:#eaf8f2;border-radius:999px;max-width:calc(100% - 58px);padding:5px 8px;font-size:9px;font-weight:900;line-height:1.3;position:absolute;top:10px;left:auto;right:10px}
.product-availability.is-low{color:#8a6500;background:#fff7d9}
.product-availability.is-call{color:#315b8a;background:#eef3fb}
.product-availability.is-out{color:#b43b16;background:#fff0ec}
.related-product-card{position:relative}
.related-product-card .product-availability{font-size:8px;top:7px;left:auto;right:7px}
.add-btn:disabled,.related-product-card button:disabled,.favorite-list button:disabled{cursor:not-allowed;color:#5f6872!important;box-shadow:none!important;background:#cfd5dc!important}
.stock-pill.is-call{color:#315b8a;background:#eef3fb}
.stock-pill.is-low{color:#8a6500;background:#fff7d9}
.stock-pill.is-out{color:#b43b16;background:#fff0ec}
.product-facts>.category-fact{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;min-width:0;min-height:64px;padding:10px;display:flex}
.category-fact>svg{color:#d95708;background:#fff1e8;border-radius:9px;flex:0 0 34px;width:34px;height:34px;padding:8px}
.category-fact>span{min-width:0}
.category-fact b{flex-wrap:wrap;align-items:center;gap:3px;line-height:1.75;white-space:normal!important;text-overflow:clip!important;display:flex!important;overflow:visible!important}
.category-fact b>span{align-items:center;gap:3px;display:inline-flex}
.category-fact i{color:#9aa2ad;font-style:normal}
.category-fact a{color:#28235c;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
.unavailable-line{background:#fff9f7;border-color:#efb7aa!important}
.unavailable-line strong{color:#b43b16;margin-top:4px;font-size:10px}
.checkout-blocked{color:#9c2f12;text-align:center;background:#fff0ec;border-radius:9px;padding:10px;font-size:11px;font-weight:800;display:block}
@media (max-width:900px){.customer-page .customer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;display:grid;position:static;overflow:visible}.customer-page .customer-identity{display:none}.customer-page .customer-nav>a,.customer-page .customer-nav>button{white-space:normal;width:100%;min-width:0;min-height:48px;margin:0;padding:9px;line-height:1.35}.customer-page .customer-nav .customer-login{white-space:nowrap}.dashboard-primary{grid-template-columns:1fr}.journey-callout{align-items:flex-start}.journey-callout a{white-space:nowrap}}
@media (min-width:901px){.category-commerce-shell{grid-template-columns:minmax(0,4fr) minmax(235px,1fr);align-items:start;gap:10px;margin:6px 0 12px}.category-commerce-shell>.catalog-page-head{box-sizing:border-box;border-radius:16px;height:100%;min-height:0;padding:16px 18px}.category-commerce-shell>.catalog-page-head>div{box-sizing:border-box;width:100%;padding-left:62px}.category-commerce-shell>.catalog-page-head h1{margin:3px 0;font-size:clamp(22px,2vw,31px);line-height:1.35}.category-commerce-shell>.catalog-page-head small{font-size:9px;line-height:1.55}.category-commerce-shell>.catalog-page-head p{font-size:10px;line-height:1.7}.category-commerce-shell>.catalog-page-head>svg{width:42px;height:42px;bottom:16px;left:17px}.category-commerce-shell>.category-navigator{border-radius:16px;padding:10px 12px}.category-commerce-shell .category-navigator-head{margin-bottom:4px}.category-commerce-shell .category-navigator-head h2{margin:0;font-size:17px}.category-commerce-shell .category-navigator-head label{height:38px}.category-commerce-shell .category-context{margin-bottom:5px;padding-bottom:5px}.category-commerce-shell .category-choice-grid{gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))!important}.category-commerce-shell .category-choice-grid a{box-sizing:border-box;grid-template-columns:28px 1fr;gap:0 6px;height:48px;min-height:48px;padding:5px 7px}.category-commerce-shell .category-choice-grid a>span{border-radius:7px;width:28px;height:28px}.category-commerce-shell .category-choice-grid a svg{width:15px;height:15px}.category-commerce-shell .category-choice-grid a b{font-size:10px;line-height:1.35}.category-commerce-shell .category-choice-grid a small{font-size:8px}}
@media (max-width:900px){.category-commerce-shell>.catalog-page-head{box-sizing:border-box;min-height:72px;padding:9px 11px}.category-commerce-shell>.catalog-page-head>div{box-sizing:border-box;width:100%;padding-left:48px}.category-commerce-shell>.catalog-page-head h1{margin:0;font-size:18px;line-height:1.4}.category-commerce-shell>.catalog-page-head p{font-size:9px;line-height:1.6}.category-commerce-shell>.catalog-page-head>svg{width:32px;height:32px;bottom:10px;left:10px}.category-commerce-shell>.category-navigator{padding:8px}.category-commerce-shell .category-navigator-head{margin-bottom:5px}.category-commerce-shell .category-context{margin-bottom:5px;padding-bottom:5px}.mobile-subcategory-rail>a,.mobile-subcategory-rail>button{flex-basis:132px;min-height:52px;padding:6px}}
.category-commerce-shell>.catalog-page-head{isolation:isolate;background:linear-gradient(145deg,#172843 0%,#22395d 58%,#2d4770 100%);border:1px solid #ffffff1a;min-height:118px;padding:18px 20px;box-shadow:0 14px 34px #12253f24}
.category-commerce-shell>.catalog-page-head:before{content:"";z-index:-1;border:24px solid #ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-88px;left:-62px}
.category-commerce-shell>.catalog-page-head:after{content:"";background:#f49138;border-radius:0 0 4px 4px;width:42px;height:3px;position:absolute;top:0;right:20px}
.category-commerce-shell>.catalog-page-head>div{z-index:1;padding-left:54px;position:relative}
.category-commerce-shell>.catalog-page-head small{letter-spacing:.02em;font-size:9px}
.category-commerce-shell>.catalog-page-head h1{letter-spacing:-.02em;text-wrap:balance;max-width:100%;margin:3px 0 2px;line-height:1.35;font-size:clamp(18px,1.65vw,25px)!important}
.category-commerce-shell>.catalog-page-head p{font-size:10px;line-height:1.65}
.category-commerce-shell>.catalog-page-head>svg{filter:drop-shadow(0 5px 12px #f491382e);width:38px;height:38px;bottom:17px;left:18px}
.checkout-journey>nav button:disabled{cursor:not-allowed;opacity:.48;color:#9ba2ac;border-color:#e7e9ed}
.checkout-auth-callout{align-items:center}
.checkout-auth-link{min-width:max-content;font-size:14px;white-space:nowrap!important}
@media (max-width:760px){.category-commerce-shell>.catalog-page-head{border-radius:15px;min-height:96px;padding:13px 15px}.category-commerce-shell>.catalog-page-head>div{padding-left:45px}.category-commerce-shell>.catalog-page-head h1{max-width:calc(100% - 4px);line-height:1.45;font-size:18px!important}.category-commerce-shell>.catalog-page-head small{font-size:8px}.category-commerce-shell>.catalog-page-head p{font-size:9px}.category-commerce-shell>.catalog-page-head>svg{width:31px;height:31px;display:block;bottom:13px;left:12px}.checkout-auth-callout{text-align:right;grid-template-columns:1fr;gap:9px;display:grid}.checkout-auth-callout p{margin:0}.checkout-auth-link{background:#fff;border:1px solid #f0b786;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;font-size:13px;display:flex}}