/* ═══════════════════════════════════════════════════════════════════
   R9 Polish — design-polish round (2026-10-02). Loaded LAST (after r9-design, r9-chrome, r9-growth, r9-visual, r9-pdpsticky).
   One system for: section headers, "view all" links, icon tiles, the finder (hero), payment tiles, archive header,
   pagination, SEO link blocks, PDP content blocks. CSS only; no content, prices or add-to-cart logic touched.
   Radius scale (by hierarchy, not one radius everywhere): 8 tags/chips-in-cards · 12 controls · 14 cards · 20 feature bands · pill chips.
   Kill switch: R9P_LIVE in mu-plugins/r9-polish.php
   ═══════════════════════════════════════════════════════════════════ */
:root{
	--p-ink:#16181D;--p-ink2:#2A2E35;--p-text:#3d424a;--p-muted:#5c616b;--p-line:#E3E5E8;--p-line2:#EDEEF1;--p-bg:#F3F4F6;
	--p-red:#C8102E;--p-red7:#A00D25;--p-red50:#FDECEF;--p-green:#1E7E34;--p-chrome:#C9CDD2;
	--p-r-sm:8px;--p-r-btn:12px;--p-r:14px;--p-r-lg:20px;
	--p-sh-raise:0 1px 2px rgba(22,24,29,.04),0 14px 34px -18px rgba(22,24,29,.28);
	--p-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6l-6 6 6 6'/%3E%3C/svg%3E");
	--p-chev-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6l-6 6 6 6'/%3E%3C/svg%3E");
}

/* ── 1. Section headers: one component everywhere (home, PDP rails, bundle, same-car, SEO link blocks, search) ── */
html body .r9-sec-title .title,
html body .r9g-rail__head h2,
html body .r9-samecar__head h2,
html body .r9g-fbt__head h2,
html body.single-product .elementor-widget-wd_title .title,
html body .r9-suggest__head h2{
	font-size:20px!important;line-height:1.35!important;font-weight:700!important;color:var(--p-ink)!important;letter-spacing:0!important;
	display:block!important;gap:0!important;margin:0!important;
}
html body .r9-sec-title .title::before,html body .r9-samecar__head h2::before,html body .r9g-fbt__head h2::before,
html body.single-product .elementor-widget-wd_title .title::before,html body.single-product .r9g-rail__head h2::before{display:none!important;content:none!important}
html body .r9-sec-title .title-after_title,html body .r9-sec-title .title-after_title p{font-size:13.5px!important;line-height:1.55;color:var(--p-muted)!important;margin-top:4px!important}
@media (max-width:768px){html body .r9-sec-title .title-after_title{display:block!important}}
@media (min-width:1025px){
	html body .r9-sec-title .title,html body .r9g-rail__head h2,html body .r9-samecar__head h2,html body .r9g-fbt__head h2,
	html body.single-product .elementor-widget-wd_title .title{font-size:24px!important;line-height:1.3!important}
}
.r9-sec-head{align-items:flex-end!important;column-gap:16px!important;margin-bottom:6px}

/* "View all" — one link style: ink-red text + chevron in a tinted disc (points left = next, RTL) */
html body .r9-more .btn,html body .r9-samecar__head a,html body .r9g-rail__head a,html body .r9-suggest__head a{
	display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0!important;
	font-size:14px!important;font-weight:600!important;color:var(--p-red)!important;text-decoration:none!important;white-space:nowrap;background:none!important
}
html body .r9-more .btn::after,html body .r9-samecar__head a::after,html body .r9g-rail__head a::after,html body .r9-suggest__head a::after{
	content:""!important;order:9;flex:none;width:26px;height:26px;border-radius:50%;margin:0!important;
	background:var(--p-chev) center/14px no-repeat,var(--p-red50)!important;transition:transform .18s var(--r9c-ease,ease)
}
html body .r9-more .btn:hover::after,html body .r9-samecar__head a:hover::after,html body .r9g-rail__head a:hover::after{transform:translateX(-3px)}
html body .r9-more .btn:hover,html body .r9-samecar__head a:hover,html body .r9g-rail__head a:hover{color:var(--p-red7)!important}
html body .r9-samecar__head a svg,html body .r9g-rail__head a svg{display:none!important}

/* ── 2. The finder: the one bold element — a chrome-edged plate with numbered steps (make → model → year is a real sequence) ── */
html body .r9-finder--bar{
	border:1px solid var(--p-line)!important;border-top:1px solid var(--p-line)!important;border-radius:var(--p-r-lg)!important;
	background:linear-gradient(180deg,#fff 0%,#fff 62%,#F7F8F9 100%)!important;box-shadow:var(--p-sh-raise)!important;position:relative;
	counter-reset:r9step;
}
html body .r9-finder--bar::before{ /* chrome rim: a thin brushed-metal line along the top edge, red at the reading start */
	content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:var(--p-r-lg) var(--p-r-lg) 0 0;
	background:linear-gradient(270deg,var(--p-red) 0,var(--p-red) 64px,#d9dce0 64px,#f4f5f6 40%,#c9cdd2 70%,#eef0f2 100%);
}
html body .r9-finder--bar .r9-finder__icon{
	background:radial-gradient(120% 120% at 30% 20%,#3a3f47 0%,var(--p-ink) 60%)!important;color:#fff!important;
	box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),0 0 0 3px var(--p-red50);
}
html body .r9-finder--bar .r9-finder__icon svg{color:#fff}
html body .r9-finder--bar .r9-finder__title{font-weight:700!important;color:var(--p-ink)!important;letter-spacing:0}
html body .r9-finder--bar .r9-finder__field{position:relative;counter-increment:r9step}
html body .r9-finder--bar .r9-finder__field::before{
	content:counter(r9step);position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;
	width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1;
	background:var(--p-ink);color:#fff;font-variant-numeric:tabular-nums;transition:background-color .2s
}
html body .r9-finder--bar .r9-finder__field:has(select:disabled)::before{background:#c3c7cd}
html body .r9-finder--bar .r9-finder__field:has(select:valid:not(:disabled))::before,
html body .r9-finder--bar .r9-finder__field:has(select:not([required]):not(:disabled) option:checked:not([value=""]))::before{background:var(--p-green)}
html body .r9-finder--bar select{padding-inline-start:44px!important;border-radius:var(--p-r-btn)!important;border:1px solid #cfd3d8!important;font-weight:600!important}
html body .r9-finder--bar select:disabled{border-color:var(--p-line)!important}
html body .r9-finder--bar .r9-finder__go{border-radius:var(--p-r-btn)!important;box-shadow:0 1px 0 rgba(255,255,255,.18) inset}
html body .r9-finder--bar + .r9-dir{border-radius:0 0 var(--p-r-lg) var(--p-r-lg)!important;background:#F7F8F9!important;box-shadow:var(--p-sh-raise)!important}
html body .r9-finder--bar:has(+ .r9-dir){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;box-shadow:none!important}
@media (max-width:430px){
	html body .r9-finder--bar .r9-finder__field--year::before{display:none}
	html body .r9-finder--bar .r9-finder__field--year select{padding-inline-start:14px!important}
}
@media (min-width:1025px){
	html body .r9-finder--bar{padding:30px 30px 26px!important;--h:52px}
	html body .r9-finder--bar .r9-finder__icon{width:56px;height:56px}
	html body .r9-finder--bar .r9-finder__title{font-size:26px!important;line-height:1.25}
	html body .r9-finder--bar .r9-finder__sub{font-size:14px!important;margin-top:2px!important}
	html body .r9-finder--bar .r9-finder__go{padding:0 34px!important;font-size:16px!important}
	html body .r9-finder--bar .r9-finder__field--year{flex:0 1 200px!important}
}
@media (max-width:1024px){
	html body .r9-finder--bar{padding:20px 16px 16px!important}
	html body .r9-finder--bar .r9-finder__field::before{inset-inline-start:10px;width:20px;height:20px;font-size:11.5px}
	html body .r9-finder--bar select{padding-inline-start:38px!important;padding-inline-end:28px!important}
	html body .r9-finder--bar .r9-finder__title{font-size:20px!important}
}

/* ── 3. Icon tiles: one treatment (44px, 12px radius, tinted, 1.8 stroke) on the home trust strip ── */
html body .r9-trust--strip li>svg,html body .r9-trust li>svg.r9-ico{
	width:44px!important;height:44px!important;padding:11px;flex:none;border-radius:var(--p-r-btn);border:0!important;
	background:var(--p-red50);color:var(--p-red);stroke-width:1.8;box-sizing:border-box
}
html body .r9-trust--strip strong{color:var(--p-ink);font-weight:700}
html body .r9-trust--strip small{color:var(--p-muted)}

/* ── 4. Payment tiles on home: equal tiles like the footer grid ── */
html body .r9-pay--home{border-radius:var(--p-r)!important}
html body .r9-pay--home .r9-pay__head{font-size:13px;font-weight:600;color:var(--p-muted)}
html body .r9-pay--home .r9-pay__logos{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px!important;justify-content:stretch}
html body .r9-pay--home .r9-pay__logos>li{display:flex!important;align-items:center;justify-content:center;height:44px!important;min-width:0;margin:0!important;
	border:1px solid var(--p-line)!important;border-radius:10px!important;background:#fff!important;padding:0 8px!important}
html body .r9-pay--home .r9-pay__logos>li img{max-height:22px;width:auto;max-width:100%}
html body .r9-pay--home .r9-pay__chip--tabby img{max-height:24px}
html body .r9-pay--home .r9-pay__chip--tamara img{max-height:none;height:26px}
html body .r9-pay--home .r9-pay__cod{grid-column:span 2;gap:8px;font-size:13px;font-weight:600;color:var(--p-ink)}
@media (min-width:769px){html body .r9-pay--home .r9-pay__logos{grid-template-columns:repeat(6,minmax(0,92px)) minmax(0,190px);justify-content:center}html body .r9-pay--home .r9-pay__cod{grid-column:auto}}

/* ── 5. Weekly-deals countdown: Arabic has no italic ── */
.r9g-cd__u small,.r9g-cd__u i,.r9g-cd__u em,.r9g-cd small{font-style:normal!important}

/* ── 6. SEO collapsible block: the fade covers only the text tail, never the heading ── */
html body .wd-collapsible-content:not(.wd-opened)::after{height:44px!important;background:linear-gradient(rgba(255,255,255,0),#fff 80%)!important}
html body .wd-collapsible-content .wd-collapsible-button .btn{border-radius:999px!important;min-height:44px;padding:0 18px!important;background:#fff!important;border:1px solid var(--p-line)!important;color:var(--p-ink)!important;font-weight:600!important;box-shadow:none!important}

/* ── 7. Archive / search header ── */
html body .r9-archive-head h1,html body .r9-archive-head .entry-title,html body .r9-archive-head .title{font-size:24px!important;line-height:1.3!important;letter-spacing:0}
@media (min-width:1025px){html body .r9-archive-head h1,html body .r9-archive-head .entry-title,html body .r9-archive-head .title{font-size:30px!important}}
html body .r9-archive-head .woocommerce-result-count{font-size:13px!important;color:var(--p-muted)!important}
html body .r9-archive-tools .wd-off-canvas-btn>a,html body .r9-archive-tools select.orderby{border:1px solid #cfd3d8!important;border-radius:var(--p-r-btn)!important;background-color:#fff!important;color:var(--p-ink)!important;font-weight:600!important}
html body .r9-carbar{border-radius:var(--p-r)!important}
html body .r9-carbar .r9-carbar__btn,html body .r9-carbar__btn[data-r9-save-car]{border-radius:var(--p-r-btn)!important;background:var(--p-ink)!important;color:#fff!important;border:0!important;min-height:44px;padding:0 18px!important;font-weight:700}
html body .r9-carbar .r9-carbar__btn:hover{background:#000!important}
html body .r9-refine__lbl{font-size:13px!important;font-weight:700!important;color:var(--p-ink)!important}

/* ── 8. Pagination: 44px tiles, 12px radius; current = ink ── */
html body .woocommerce-pagination .page-numbers{gap:6px;display:flex;flex-wrap:wrap;justify-content:center}
html body .woocommerce-pagination .page-numbers li>*{min-width:44px!important;min-height:44px!important;border-radius:var(--p-r-btn)!important;border:1px solid var(--p-line);background:#fff;color:var(--p-ink)!important;font-weight:600;font-variant-numeric:tabular-nums}
html body .woocommerce-pagination .page-numbers li>.dots{border-color:transparent;background:none}
html body .woocommerce-pagination .page-numbers li>.current{border-color:var(--p-ink)!important;background:var(--p-ink)!important;color:#fff!important}
html body .woocommerce-pagination .page-numbers li>a:hover{border-color:var(--p-ink)}
@media (max-width:600px){ /* compact: [prev] 1 … current next … last [next] — one line at 360 */
	html body .woocommerce-pagination .page-numbers{gap:4px;flex-wrap:nowrap}
	html body .woocommerce-pagination .page-numbers>li{display:none}
	html body .woocommerce-pagination .page-numbers>li:first-child,html body .woocommerce-pagination .page-numbers>li:last-child,
	html body .woocommerce-pagination .page-numbers>li:nth-last-child(2),html body .woocommerce-pagination .page-numbers>li:has(.current),
	html body .woocommerce-pagination .page-numbers>li:has(.current)+li,html body .woocommerce-pagination .page-numbers>li:has(.dots){display:block}
}

/* ── 9. Generated link blocks (r9-seo / r9-design inline styles): card + pill chips, same as the rest of the site ── */
html body .r9-cat-links,html body .r9-links{background:#fff!important;border:1px solid var(--p-line)!important;border-radius:var(--p-r)!important;padding:20px!important}
html body .r9-cat-links>h2,html body .r9-links>h3{font-size:17px!important;font-weight:700!important;color:var(--p-ink)!important;margin:0 0 12px!important;line-height:1.4!important}
html body .r9-cat-links p>a,html body .r9-links p>a{
	display:inline-flex!important;align-items:center;gap:4px;min-height:40px;padding:0 14px!important;margin:0 0 8px 6px!important;
	background:#fff!important;border:1px solid var(--p-line)!important;border-radius:999px!important;color:var(--p-ink)!important;font-size:13.5px;font-weight:500
}
html body .r9-cat-links p>a:hover,html body .r9-links p>a:hover{border-color:var(--p-ink)!important}
html body .r9-cat-links p>a span,html body .r9-links p>a span{opacity:1!important;color:var(--p-muted);font-variant-numeric:tabular-nums}
html body .r9-links ul{display:grid!important;grid-template-columns:1fr;gap:0 28px!important}
@media (min-width:769px){html body .r9-links ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1025px){html body .r9-links ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
html body .r9-links ul>li{min-width:0;border-bottom:1px solid var(--p-line2)}
html body .r9-links ul>li>a{display:block!important;min-height:44px;line-height:44px;padding-inline-end:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	color:var(--p-ink)!important;font-size:14px;background:var(--p-chev-ink) left 2px center/12px no-repeat}
html body .r9-links ul>li>a:hover{color:var(--p-red)!important}

/* ── 10. PDP: content blocks, desktop sticky gallery, wishlist as a quiet pill, desktop sticky bar on the same radius scale ── */
html body.single-product .r9-short{color:var(--p-muted)}
html body.single-product .r9-pinfo .wd-wishlist-btn>a{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:0 16px!important;border:1px solid var(--p-line);border-radius:999px;background:#fff;color:var(--p-ink)!important;font-weight:600;font-size:14px}
html body.single-product .r9-pinfo .wd-wishlist-btn>a:hover{border-color:var(--p-ink)}
@media (min-width:1025px){
	html body.single-product .wd-single-gallery{position:sticky!important;top:96px}
	html body.single-product .wd-sticky-btn .quantity input,html body.single-product .wd-sticky-btn .quantity .btn{height:44px!important;min-height:44px!important}
	html body.single-product .wd-sticky-btn .quantity{border-radius:var(--p-r-btn);overflow:hidden;border:1px solid #cfd3d8}
	html body.single-product .wd-sticky-btn .quantity input,html body.single-product .wd-sticky-btn .quantity .btn{border:0!important}
	html body.single-product .wd-sticky-btn .single_add_to_cart_button,html body.single-product .wd-sticky-btn .wd-buy-now-btn{min-height:44px!important;border-radius:var(--p-r-btn)!important;padding:0 22px!important}
}
html body.single-product .r9-specs{border-radius:var(--p-r)!important}
html body .wd-single-content h3::before,html body .wd-single-content h4::before{display:none!important}
html body .wd-single-content h3{font-size:16px!important;font-weight:700!important;color:var(--p-ink)!important;margin:20px 0 6px!important}

/* ── 11. Floating WhatsApp on desktop: the reading start (right) belongs to content; the button sits at the end side ── */
@media (min-width:1025px){html body .r9-wa{right:auto!important;left:24px!important}}

/* ── 12. Small-tag radius on the scale (discount pill, campaign tag) ── */
html body .r9-cardsave,html body .r9g-cardcamp__tag{border-radius:6px!important}

@media (prefers-reduced-motion:reduce){
	html body .r9-more .btn::after,html body .r9-samecar__head a::after,html body .r9g-rail__head a::after,html body .r9-finder--bar .r9-finder__field::before{transition:none!important}
}

/* ── iter1c (critic round 3): legibility of the brand-independence note; read-more pill sits on a solid fade, not on text ── */
html body.single-product .r9-indep-note{font-size:13px!important;color:#3d424a!important;border:1px solid #e3e6ea}
html body .wd-collapsible-content:not(.wd-opened)::after{height:84px!important;background:linear-gradient(rgba(255,255,255,0),#fff 55%)!important}
/* Rhythm: no dead band above the footer (wrapper 72px + layout 40px read as an empty gap on phones) — from the iteration-2 draft */
html body .wd-page-content.main-page-wrapper{padding-bottom:28px!important}
html body .wd-content-layout.content-layout-wrapper{padding-bottom:12px!important}

/* ═════ 3-iteration round, iteration 1 (2026-10-03): known critic items ═════ */
/* Car glyph: one token everywhere — red glyph on the red-50 tile (same as the trust/icon tiles); the finder no longer has a dark disc */
html body .r9-finder--bar .r9-finder__icon{background:var(--p-red50)!important;color:var(--p-red)!important;box-shadow:none!important}
html body .r9-finder--bar .r9-finder__icon svg{color:var(--p-red)!important}
html body .r9-carbar__ico{background:var(--p-red50)!important;color:var(--p-red)!important}
/* Finder plate: the two-tone top strip read as a loading bar — replaced by a plain hairline edge; the plate keeps its raise */
html body .r9-finder--bar::before{content:none!important;display:none!important}
html body .r9-finder--bar{border-top:1px solid var(--p-line)!important}

/* Section headings: balanced wraps, never a long line + an orphan word */
html body .r9-sec-title .title,html body .r9g-rail__head h2,html body .r9-samecar__head h2,html body .r9g-fbt__head h2,
html body.single-product .elementor-widget-wd_title .title,html body .r9-suggest__head h2,html body .r9-archive-head h1{text-wrap:balance}
@media (max-width:768px){
	html body .r9g-fbt__head h2,html body .r9-samecar__head h2,html body.single-product .r9g-rail__head h2{font-size:18px!important;line-height:1.4!important}
	html body .r9g-fbt__deal{text-wrap:pretty}
}
/* Save-car chip on make/model phones: one calm line of text beside the button */
@media (max-width:430px){
	html body .r9-carbar{gap:10px!important;padding:8px 10px 8px 8px!important;min-height:56px}
	html body .r9-carbar__txt{font-size:13px!important;line-height:1.5!important;text-wrap:balance}
	html body .r9-carbar__ico{width:34px!important;height:34px!important}
	html body .r9-carbar .r9-carbar__btn{padding:0 14px!important}
}

/* One "read more" style: the site's link style (red text + chevron disc), for blog cards and the SEO expander alike */
html body .wd-post .wd-post-read-more a{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;font-size:14px!important;font-weight:600!important;color:var(--p-red)!important;text-decoration:none!important}
html body .wd-post .wd-post-read-more a::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--p-chev) center/14px no-repeat,var(--p-red50)}
html body .wd-collapsible-content .wd-collapsible-button .btn{border:0!important;background:none!important;padding:0!important;min-height:44px;color:var(--p-red)!important;font-size:14px!important;font-weight:600!important;gap:8px}
html body .wd-collapsible-content .wd-collapsible-button .btn .wd-btn-icon{width:26px;height:26px;border-radius:50%;background:var(--p-red50);display:inline-grid;place-items:center;color:var(--p-red)!important;margin:0!important}
html body .wd-collapsible-content .wd-collapsible-button .btn .wd-btn-icon *{color:var(--p-red)!important;font-size:11px}

/* Desktop WhatsApp: a slim tab docked to the end edge — it no longer sits on the first card or on the instalment box */
@media (min-width:1025px){
	html body .r9-wa{left:0!important;right:auto!important;bottom:16px!important;width:44px!important;height:52px!important;border-radius:0 14px 14px 0!important;
		box-shadow:2px 6px 16px -6px rgba(22,24,29,.35)!important}
	html body .r9-wa svg{width:22px!important;height:22px!important}
	html body .r9-wa:focus-visible{outline:3px solid var(--p-ink);outline-offset:2px}
}

/* PDP instalments: Tamara line compact (both providers stay, owner decision r9_pay_show_all) */
html body .r9-buybox .r9g-bnpl--pdp{min-height:52px!important;padding:8px 14px!important;margin-top:8px!important;align-items:center!important}
html body .r9-buybox .r9g-bnpl--pdp p{font-size:13.5px!important;line-height:1.5!important}
html body .r9-buybox .r9g-bnpl--pdp .r9g-bnpl__logos img{height:22px!important}

/* PDP palette discipline: red = action/deal, green = fit & stock, ink = facts */
html body .r9-buybox .r9-pay__head strong,html body .r9-buybox .r9-pay__head svg{color:var(--p-ink)!important}
html body a.r9g-ask,html body .r9-buybox a.r9g-ask{border:1px solid #cfd3d8!important;background:#fff!important;color:var(--p-ink)!important;border-radius:var(--p-r-btn)!important;font-weight:600!important;gap:8px}
html body a.r9g-ask:hover{border-color:var(--p-ink)!important;background:#fff!important}
html body a.r9g-ask{display:flex!important;align-items:center;justify-content:center}
html body a.r9g-ask::before{content:"";flex:none;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231a8d48' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.2.1-.1 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat}
/* one discount signal: the saving reads as a line next to its pill, not as a second pink band */
html body .r9-buybox .r9-save{background:none!important;padding:0!important;margin:2px 0 12px!important;border-radius:0!important;justify-content:flex-start!important;gap:10px!important;width:auto!important}
html body .r9-buybox .r9-save .r9-save__t{flex:0 1 auto!important}

/* Typed search text reads as text */
html body .whb-header .wd-search-form input[type=text],html body .whb-header .wd-search-form input[type=search]{color:var(--p-ink)!important}

/* Sidebar filters: the count sits with its label as a quiet pill */
html body .r9-filter__list a{justify-content:flex-start!important;align-items:center;min-height:40px}
html body .r9-filter__list small{margin-inline-start:auto;min-width:34px;padding:1px 8px;border-radius:999px;background:var(--p-bg);color:var(--p-muted)!important;font-size:12px!important;text-align:center;font-variant-numeric:tabular-nums}

/* Cart: the totals heading joins the one section-header system (no red bar) */
html body.woocommerce-cart .cart_totals h2::before,html body.woocommerce-cart .elementor-widget-wd_title .title::before{content:none!important;display:none!important}
html body.woocommerce-cart .cart_totals h2,html body.woocommerce-cart .elementor-widget-wd_title .title{font-size:20px!important;font-weight:700!important;color:var(--p-ink)!important;text-align:start!important}
html body.woocommerce-cart .elementor-widget-wd_title .title-wrapper{text-align:start!important}
/* Cart: free-shipping bar gets the truck glyph and the store's ink fill (same component as the mini-cart) */
html body.woocommerce-cart .wd-free-progress-bar .progress-msg{display:block;text-align:center;font-size:14px;line-height:1.6;text-wrap:balance}
html body.woocommerce-cart .wd-free-progress-bar .progress-msg>*{display:inline}
html body.woocommerce-cart .wd-free-progress-bar .progress-msg::before{content:"";display:inline-block;vertical-align:-5px;margin-inline-end:6px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v9H3zM14 9h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17' r='1.8'/%3E%3Ccircle cx='17.5' cy='17' r='1.8'/%3E%3C/svg%3E") center/contain no-repeat;transform:scaleX(-1)}
html body.woocommerce-cart .wd-free-progress-bar .progress-area{height:8px!important;border-radius:4px!important}
html body.woocommerce-cart .wd-free-progress-bar .progress-bar{background-color:var(--p-ink)!important;border-radius:4px!important}
html body.woocommerce-cart .wd-free-progress-bar .progress-bar[style*="100%"]{background-color:var(--p-green)!important}
/* Cart line items: card rhythm, product title in ink, 12px controls */
html body.woocommerce-cart .woocommerce-cart-form .product-name a{color:var(--p-ink)!important;font-weight:600!important;line-height:1.5}
html body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{border-radius:10px;border:1px solid var(--p-line2);background:#fff}
html body.woocommerce-cart .woocommerce-cart-form .quantity{border-radius:var(--p-r-btn)!important}
html body.woocommerce-cart .coupon input.input-text,html body.woocommerce-cart .coupon .button{min-height:44px!important;border-radius:var(--p-r-btn)!important}
html body.woocommerce-cart .wd-checkout-steps .r9-step-h1,html body.woocommerce-cart .wd-checkout-steps .r9-step-h1 a{font-size:22px!important;font-weight:700!important;color:var(--p-ink)!important}

/* Home SEO block: its text is shorter than the collapse height, so «اقرأ المزيد» expanded nothing and the fade only greyed the heading and text.
   Show it as a plain, fully legible block (text and heading unchanged; SEO-neutral). */
html body .elementor-element-8e842d3.wd-collapsible-content:not(.wd-opened)::after{content:none!important;display:none!important}
html body .elementor-element-8e842d3 .wd-collapsible-button{display:none!important}
html body .elementor-element-8e842d3 .title{font-size:20px!important;font-weight:700!important;color:var(--p-ink)!important}
html body .elementor-element-8e842d3 .elementor-widget-wd_text_block{color:var(--p-text);font-size:14.5px;line-height:1.75}

/* ═════ 3-iteration round, iteration 2 (2026-10-03) ═════ */
/* Rail headings everywhere (cart upsell too): no red bar, the one heading system */
html body .r9g-rail__head h2::before,html body .r9g-rail__head h3::before{display:none!important;content:none!important}

/* Home slider: arrows were dark on dark slides — white discs with ink chevrons, 44px */
html body .wd-slider-arrows .wd-btn-arrow{width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;box-shadow:0 2px 10px rgba(22,24,29,.25);display:grid!important;place-items:center}
html body .wd-slider-arrows .wd-btn-arrow .wd-arrow-inner,html body .wd-slider-arrows .wd-btn-arrow .wd-arrow-inner::after{color:var(--p-ink)!important}

/* Desktop home: the exterior tile's bumper sat small at the very bottom of an empty dark panel — bring the product forward */
@media (min-width:1025px){
	html body .elementor-element-add2d95 .banner-image img{transform:scale(1.32);transform-origin:50% 96%}
	html body .elementor-element-add2d95 .promo-banner:hover .banner-image img{transform:scale(1.38)}
}
@media (prefers-reduced-motion:reduce){html body .elementor-element-add2d95 .promo-banner:hover .banner-image img{transform:scale(1.32)}}

/* Mobile floating WhatsApp: 44px (still a full target), a little higher above the tab bar so it clears card badges */
@media (max-width:1024px){
	html body .r9-wa{width:44px!important;height:44px!important;box-shadow:0 4px 12px rgba(22,24,29,.22)!important}
	html body .r9-wa svg{width:22px!important;height:22px!important}
}

/* Zero results: hide facets that have nothing to narrow (year, price, availability). The car picker stays (it carries the tracked finder hooks). */
html body.search-no-results .r9-filter--year,html body.search-no-results .r9-filter--price,html body.search-no-results .r9-filter:has(input[type=checkbox]){display:none!important}

/* Generated chip clouds (subcategories, browse-by): balanced, centred clouds instead of a ragged right edge */
@media (max-width:768px){ /* phones: a two-row horizontal rail of single-line pills (short, balanced, no ragged edge) */
	html body .r9-cat-links>p{display:grid!important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px;margin-inline:-20px!important;padding-inline:20px!important;scroll-padding-inline:20px}
	html body .r9-cat-links>p::-webkit-scrollbar{display:none}
	html body .r9-cat-links p>a{margin:0!important;white-space:nowrap!important;min-height:44px!important}
}

/* Cart line item (phones): a card, not a spreadsheet — bigger thumb, solid hairlines */
@media (max-width:768px){
	html body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{width:96px!important;height:96px!important;object-fit:contain;border:0!important;background:none!important}
	html body.woocommerce-cart .woocommerce-cart-form .product-name a{font-size:15px!important}
	html body.woocommerce-cart .woocommerce-cart-form td.product-name{padding-inline-end:44px!important}
}
@media (max-width:380px){
	html body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{width:76px!important;height:76px!important}

}

/* Cart free-shipping line: starts at the reading edge with its truck glyph (natural RTL), bar below */
html body.woocommerce-cart .wd-free-progress-bar .progress-msg{text-align:start!important}

/* Product image frames: supplier photos with white backgrounds blend into the grey frame (no hard white boxes) */
html body .wd-product .product-image-link img,html body .r9g-rail .wd-product img{mix-blend-mode:multiply}

/* Product page: the short summary sits under the title as its subtitle; wishlist becomes a 44px heart beside the title
   (DOM order unchanged; text stays for screen readers) */
html body.single-product .r9-pinfo{position:relative}
@media (min-width:1025px){html body.single-product .r9-pinfo>.wd-single-title{padding-inline-end:56px}}
html body.single-product .r9-pinfo>.r9-short,html body.single-product .r9-pinfo>.r9-short p{font-size:14px!important;line-height:1.65!important;color:var(--p-muted)!important}
html body.single-product .r9-pinfo>.r9-short{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--p-line2)}
html body.single-product .r9-pinfo>.elementor-element-3321d5d{position:absolute!important;top:0;inset-inline-end:0;width:auto!important;margin:0!important;padding:0!important;z-index:2}
html body.single-product .r9-pinfo>.elementor-element-3321d5d .e-con-inner,html body.single-product .r9-pinfo>.elementor-element-3321d5d .e-con-full{padding:0!important;margin:0!important;width:auto!important}
html body.single-product .r9-pinfo .wd-wishlist-btn>a{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;gap:0!important}
html body.single-product .r9-pinfo .wd-wishlist-btn>a .wd-action-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
html body.single-product .r9-pinfo .wd-wishlist-btn>a:focus-visible{outline:3px solid var(--p-ink);outline-offset:2px}

/* Archive / search header (desktop): title block and tools share one bottom line */
@media (min-width:1025px){html body .e-con-inner:has(> .r9-archive-head){align-items:flex-end!important}}

/* Zero results: suggestion chips as an even 3-column set (no orphan row), label in ink */
html body .r9-noresults__chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;max-width:420px;margin-inline:auto}
html body .r9-noresults__chip{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;border-radius:999px!important;border:1px solid var(--p-line)!important;background:#fff!important;color:var(--p-ink)!important;font-weight:600}
html body .r9-noresults__chip:hover{border-color:var(--p-ink)!important}
html body .r9-noresults__try{color:var(--p-ink)!important;font-weight:600!important}
html body .r9-noresults__ic{background:var(--p-red50)!important;color:var(--p-red)!important}

/* PDP heart: centred on the title's first line with room below, never touching the fit card */
@media (min-width:1025px){html body.single-product .r9-pinfo>.wd-single-title{min-height:44px;margin-bottom:12px!important}}
/* Phones: the heart sits on the gallery's bottom corner, mirroring the zoom button (no extra row above the buy box) */
@media (max-width:1024px){html body.single-product .r9-pinfo>.elementor-element-3321d5d{top:-79px!important;inset-inline-end:15px!important}
	html body.single-product .r9-pinfo .wd-wishlist-btn>a{box-shadow:0 2px 8px rgba(22,24,29,.12)}}

/* ═════ 3-iteration round, iteration 3 (2026-10-03): excellence pass ═════ */
/* Phones: the sub-category rail fades at its far (left) edge — a quiet cue that it scrolls */
@media (max-width:768px){
	html body .r9-cat-links>p{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 36px);mask-image:linear-gradient(to left,transparent 0,#000 36px)}
}
/* Desktop PDP: the wishlist heart sits on the gallery's top corner like the hearts on product cards (DOM unchanged) */
@media (min-width:1025px){
	html body.single-product .r9-pinfo>.wd-single-title{padding-inline-end:0!important;min-height:0;margin-bottom:0!important}
	html body.single-product .r9-pinfo>.elementor-element-3321d5d{top:16px!important;inset-inline-end:auto!important;left:calc(100% + 36px)!important;right:auto!important}
	html body.single-product .r9-pinfo .wd-wishlist-btn>a{box-shadow:0 2px 8px rgba(22,24,29,.12)}
}
/* Mobile header: equal 15px gutters on both sides of the search row */
@media (max-width:1024px){html body .whb-header .whb-column_mobile5{margin-left:0!important}}

/* Home «إكسسوارات داخلية»: the four links form a balanced 2×2 set on phones */
@media (max-width:768px){
	html body .elementor-element-adaa617>.e-con-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
	html body .elementor-element-adaa617 .elementor-widget-wd_button{width:auto!important;margin:0!important}
	html body .elementor-element-adaa617 .wd-button-wrapper,html body .elementor-element-adaa617 .btn{display:flex!important;width:100%!important;justify-content:center;min-height:44px}
}

/* Cart: the product title wraps in balanced lines (no orphan year); calmer space around the page title */
html body.woocommerce-cart .woocommerce-cart-form td.product-name a{text-wrap:balance}
@media (max-width:768px){html body.woocommerce-cart .wd-checkout-steps{margin:8px 0 4px!important}}

/* Keyboard focus: one visible ink ring on every interactive element (pointer clicks stay clean) */
html body :is(a,button,summary,select,input,textarea,[role=button],[tabindex]):focus-visible{outline:3px solid var(--p-ink)!important;outline-offset:2px!important}
html body .whb-header :is(a,button):focus-visible,html body .r9-finder--bar :is(select,button):focus-visible{outline-color:var(--p-red)!important}

/* Motion discipline: no hover zoom on images or banners for people who prefer reduced motion */
@media (prefers-reduced-motion:reduce){
	html body .promo-banner .banner-image img,html body .wd-product .product-image-link img{transition:none!important;transform:none!important}
	html body .wd-slider .wd-slide{transition:none!important}
}