.upc-pneu-search{--ups-accent:var(--avt-couleur,#0a7d3c);--ups-accent-d:var(--avt-couleur-fonce,#086230);--ups-border:#e9ebef;--ups-ink:#2b2f33;--ups-muted:#6b7280;font-family:'Poppins',system-ui,sans-serif;color:var(--ups-ink);margin:0 0 1.5rem}
.upc-pneu-search *{box-sizing:border-box}
.upc-pneu-search .ups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.upc-pneu-search .ups-step{opacity:.45;pointer-events:none;transition:opacity .2s}
.upc-pneu-search .ups-step.is-open{opacity:1;pointer-events:auto}
.upc-pneu-search .ups-label{display:flex;align-items:center;gap:7px;font-weight:600;font-size:.82rem;margin-bottom:6px;color:var(--ups-muted)}
.upc-pneu-search .ups-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ups-accent);color:#fff;font-size:.74rem;font-weight:700}
.upc-pneu-search .ups-select{width:100%;padding:12px 14px;border:1.5px solid var(--ups-border);border-radius:12px;background:#fff;font-size:1rem;color:var(--ups-ink);transition:border-color .15s,box-shadow .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8 0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.upc-pneu-search .ups-select:hover{border-color:#c3ccd6}
.upc-pneu-search .ups-select:focus{outline:none;border-color:var(--ups-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 15%,transparent)}
.upc-pneu-search .ups-select:disabled{background:#f4f6f8;cursor:wait}
.upc-pneu-search .ups-refine,.upc-pneu-search .ups-actions{display:none}
.upc-pneu-search .ups-refine.is-open{display:block;margin-top:20px;padding-top:18px;border-top:1px solid var(--ups-border)}
.upc-pneu-search .ups-refine-title{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ups-muted);margin-bottom:12px}
.upc-pneu-search .ups-refine-grid{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.upc-pneu-search .ups-refine-item{min-width:190px}
.upc-pneu-search .ups-refine-item label{display:block;font-size:.78rem;font-weight:600;margin-bottom:5px;color:var(--ups-muted)}
.upc-pneu-search .ups-check{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:500;cursor:pointer;padding:9px 14px;border:1.5px solid var(--ups-border);border-radius:10px;transition:border-color .15s,background .15s}
.upc-pneu-search .ups-check:hover{border-color:#c3ccd6}
.upc-pneu-search .ups-check input{accent-color:var(--ups-accent);width:16px;height:16px}
.upc-pneu-search .ups-check:has(input:checked){border-color:var(--ups-accent);background:color-mix(in srgb,var(--avt-couleur,#0a7d3c) 6%,transparent)}
.upc-pneu-search .ups-actions.is-open{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.upc-pneu-search .ups-submit{background:var(--ups-accent);color:#fff;border:0;border-radius:12px;padding:13px 26px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 50%,transparent);transition:background .15s,transform .05s}
.upc-pneu-search .ups-submit:hover{background:var(--ups-accent-d)}
.upc-pneu-search .ups-submit:active{transform:translateY(1px)}
.upc-pneu-search .ups-reset{background:transparent;border:1.5px solid var(--ups-border);border-radius:12px;padding:13px 20px;font-weight:600;color:var(--ups-muted);cursor:pointer}
.upc-pneu-search .ups-reset:hover{border-color:#c3ccd6}
.upc-pneu-search .ups-to-quick{background:transparent;border:1.5px solid var(--ups-accent);border-radius:12px;padding:13px 20px;font-weight:600;color:var(--ups-accent);cursor:pointer}
.upc-pneu-search .ups-to-quick:hover{background:color-mix(in srgb,var(--avt-couleur,#0a7d3c) 6%,transparent)}
.upc-pneu-search.is-wizard .ups-to-quick,.upc-pneu-search.is-context .ups-to-quick{display:none}
/* Sur une page marque : marque + « grandes marques » + « recommandations » n'ont pas de sens */
.upc-pneu-search.is-context-brand .ups-hide-brand,.upc-pneu-search.is-context-modele .ups-hide-brand{display:none}
/* Overlay « recherche en cours » — loader circuit Alsagom (voiture) */
#ups-loading-ov{position:fixed;inset:0;z-index:99999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:'Poppins',system-ui,sans-serif}
#ups-loading-ov.is-on{display:flex}
#ups-loading-ov .ups-load-car{width:230px;max-width:68vw;color:var(--avt-couleur,#0a7d3c)}
#ups-loading-ov .ups-load-car svg{width:100%;height:auto;display:block}
#ups-loading-ov .ups-load-txt{font-weight:600;color:var(--avt-couleur,#0a7d3c)}
.upc-pneu-search .ups-empty{margin-top:18px;padding:16px 18px;border:1px solid #f3d0d0;background:#fdf4f4;color:#9b2c2c;border-radius:12px;font-weight:600;text-align:center}
.upc-pneu-search .ups-empty[hidden]{display:none}
/* En-tête + navigation wizard (masqués hors wizard) */
.upc-pneu-search .ups-wizard-head,.upc-pneu-search .ups-wizard-img,.upc-pneu-search .ups-wizard-nav{display:none}
/* ── Mode wizard : carte centrée, un sélecteur à la fois ── */
.upc-pneu-search.is-wizard{max-width:480px;margin:0 auto;padding:30px 26px 26px;border:1px solid var(--ups-border);border-radius:20px;background:#fff;box-shadow:0 12px 40px -18px rgba(31,41,51,.28);text-align:center}
.upc-pneu-search.is-wizard .ups-wizard-head{display:block;margin-bottom:18px}
.upc-pneu-search.is-wizard .ups-progress{display:flex;justify-content:center;gap:8px;margin-bottom:16px}
.upc-pneu-search.is-wizard .ups-dot{width:9px;height:9px;border-radius:50%;background:var(--ups-border);transition:background .2s,transform .2s}
.upc-pneu-search.is-wizard .ups-dot.is-done{background:var(--ups-accent);opacity:.5}
.upc-pneu-search.is-wizard .ups-dot.is-active{background:var(--ups-accent);transform:scale(1.35)}
.upc-pneu-search.is-wizard .ups-wizard-title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.25;    font-family: 'Poppins', sans-serif !important;}
.upc-pneu-search.is-wizard .ups-wizard-img{display:block;margin:0 auto 18px}
.upc-pneu-search.is-wizard .ups-wizard-img img{max-width:100%;max-height:190px;height:auto}
.upc-pneu-search.is-wizard .ups-grid{display:block;max-width:340px;margin:0 auto}
.upc-pneu-search.is-wizard .ups-step{display:none}
.upc-pneu-search.is-wizard .ups-step.ups-current{display:block;opacity:1;pointer-events:auto}
.upc-pneu-search.is-wizard .ups-label{display:none}
.upc-pneu-search.is-wizard .ups-select{padding:14px 34px 14px 16px;font-size:1.05rem;text-align:center}
.upc-pneu-search.is-wizard .ups-wizard-nav{display:flex;justify-content:space-between;max-width:340px;margin:14px auto 0}
.upc-pneu-search.is-wizard .ups-wizard-nav button{background:transparent;border:0;color:var(--ups-muted);font-weight:600;font-size:.9rem;cursor:pointer;padding:6px 2px}
.upc-pneu-search.is-wizard .ups-wizard-nav button:hover{color:var(--ups-ink)}
.upc-pneu-search.is-wizard .ups-wizard-nav .ups-wizard-next{color:var(--ups-accent)}
.upc-pneu-search.is-wizard .ups-refine{display:none!important}
.upc-pneu-search.is-wizard .ups-actions.is-open{justify-content:center;margin-top:18px}
/* Recherche rapide (initiés) — discrète, uniquement en wizard */
.upc-pneu-search .ups-quick{display:none;margin-top:18px;text-align:center}
.upc-pneu-search.is-wizard .ups-quick{display:block}
.upc-pneu-search .ups-quick-toggle{background:none;border:0;padding:4px;color:var(--ups-muted);font-size:.8rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.upc-pneu-search .ups-quick-toggle:hover{color:var(--ups-ink)}
.upc-pneu-search .ups-quick-form{margin-top:14px}
.upc-pneu-search .ups-quick-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.upc-pneu-search .ups-quick-input{width:170px;padding:11px 14px;border:1.5px solid var(--ups-border);border-radius:10px;font-size:1.05rem;text-align:center;letter-spacing:.06em;font-family:inherit}
.upc-pneu-search .ups-quick-input:focus{outline:none;border-color:var(--ups-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 15%,transparent)}
.upc-pneu-search .ups-quick-go{background:var(--ups-accent);color:#fff;border:0;border-radius:10px;padding:11px 20px;font-weight:600;cursor:pointer}
.upc-pneu-search .ups-quick-go:hover{background:var(--ups-accent-d)}
.upc-pneu-search .ups-quick-hint{margin-top:8px;font-size:.82rem;color:var(--ups-muted);min-height:1.1em}
.upc-pneu-search .ups-quick-hint.is-error{color:#9b2c2c}
.upc-pneu-search .ups-quick-hint.is-ok{color:var(--ups-accent);font-weight:600}
/* Masque le Loop Grid tant que la sélection n'est pas affichable */
.upc-pneu-results{display:none}
.upc-pneu-results.ups-visible{display:block}
/* ── Grille de résultats PHP (cartes) ── */
.upc-pneu-grid{--acc:var(--avt-couleur,#0a7d3c);--ink:#2b2f33;--muted:#6b7280;--bd:#e9ebef;font-family:'Poppins',system-ui,sans-serif;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;margin:20px 0}
.upc-pneu-grid *{box-sizing:border-box}
.upc-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:16px;overflow:hidden;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 1px 2px rgba(43,47,51,.04);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.upc-card:hover{box-shadow:0 18px 40px -22px rgba(43,47,51,.45);border-color:#dcdbd5;transform:translateY(-3px)}
.upc-card-gamme img{display:block;width:100%;height:auto}
.upc-card-visual{position:relative;padding:18px;display:flex;align-items:center;justify-content:center;min-height:200px}
.upc-card-brand{position:absolute;top:12px;left:14px;max-width:118px;max-height:42px;width:auto;height:auto;object-fit:contain}
.upc-card-photo{max-width:100%;max-height:190px;width:auto;height:auto;object-fit:contain}
.upc-card-body{padding:14px 18px 18px;border-top:1px solid #eef0f2;position:relative}
.upc-card-body::before{content:"";position:absolute;top:-1px;left:18px;width:46px;height:3px;border-radius:3px;background:var(--acc)}
.upc-card-name{font-weight:600;font-size:1.05rem;letter-spacing:-.01em;margin:8px 0 8px}
.upc-card-size{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:#3a3f45;margin-bottom:12px}
.upc-card-cat{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:500}
.upc-card-eu{display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:#4b5158;font-size:.9rem;margin-bottom:12px}
.upc-card-eu span{display:inline-flex;align-items:center;gap:6px}
.upc-card .upc-ico{width:19px;height:19px;flex:0 0 auto;color:#8a9199}
.upc-card .upc-ico-sun{color:#f4a221}
.upc-card .upc-ico-snow{color:#4aa3e0}
.upc-eu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;font-weight:600;font-size:.82rem;line-height:1}
.upc-eu-badge.is-nc{background:#f1f2f4;color:#9ca3af}
.upc-card-price{font-weight:600;font-size:1.4rem;letter-spacing:-.01em;color:var(--acc);margin-top:2px}
.upc-card-price .woocommerce-Price-amount{font-weight:600}
.upc-card-reco{font-size:.82rem;color:var(--muted);margin-top:5px;line-height:1.35}
/* Mise en avant du top‑3 (représentants de gamme) : liseré accent, MÊME ombre que les autres */
.upc-card--top{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 22%,transparent),0 1px 2px rgba(43,47,51,.04)}
.upc-card--top:hover{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 22%,transparent),0 18px 40px -22px rgba(43,47,51,.45)}
.upc-card-badge{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:5px;background:var(--acc);color:#fff;font-weight:600;font-size:.72rem;line-height:1;padding:6px 11px 6px 9px;border-radius:999px;box-shadow:0 6px 14px -5px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 60%,transparent)}
.upc-card-badge .upc-ico{width:13px;height:13px;color:#ffd54a}
/* Titre SEO. Sélecteur h1.upc-pneu-titre (0,1,1) et non .upc-pneu-titre
   (0,1,0) : les thèmes de contenu déclarent souvent « .entry-content h1 »,
   qui vaut aussi (0,1,1) — à égalité, l'ordre de source nous départage, et
   nos styles sont imprimés après. */
h1.upc-pneu-titre{font-family:'Poppins',system-ui,sans-serif;font-size:2.5em;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:#fff;margin:0 0 .6em}
@media (max-width:767px){h1.upc-pneu-titre{font-size:1.2em}}
/* Compteur de résultats, en tête de grille. */
/* Barre d'outils résultats : compteur à gauche, tri à droite, sur une ligne. */
.upc-pneu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:0 0 12px}
.upc-pneu-count{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:.95rem;color:#6b7280;margin:0}
.upc-pneu-count[hidden]{display:none}
.upc-pneu-sort{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:'Poppins',system-ui,sans-serif;font-size:.9rem;color:#6b7280}
.upc-pneu-sort[hidden]{display:none}
.upc-pneu-sort label{font-weight:600;white-space:nowrap}
.upc-pneu-sort select{padding:6px 10px;border:1px solid #d7dbe0;border-radius:8px;background:#fff;font-family:inherit;font-size:.9rem;color:#111;cursor:pointer}
/* ── Bloc panier de la carte ─────────────────────────────────────────────
   Les deux vues (bouton d'ajout / stepper) coexistent dans le DOM et sont
   basculées par la seule classe is-in-cart : passer de l'une à l'autre est
   un classList.toggle, jamais un re-rendu. */
.upc-card-link{display:flex;flex-direction:column;flex:1 1 auto;color:inherit;text-decoration:none}
.upc-card-link:hover{color:inherit;text-decoration:none}
.upc-card-cart{padding:0 18px 18px}
.upc-card-oos{width:100%;display:flex;align-items:center;justify-content:center;background:#f4f5f7;color:#8b93a2;font-weight:600;font-size:.85rem;padding:12px;border:1px solid var(--bd);border-radius:12px;cursor:default}
.upc-card-add{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#fff;font-family:inherit;font-weight:600;font-size:.9rem;padding:12px;border:0;border-radius:12px;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 60%,transparent);transition:background .15s}
.upc-card-add:hover,.upc-card-add:active,.upc-card-add:focus{background:var(--avt-couleur-fonce,#086230);color:#fff;outline:none;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--avt-couleur,#0a7d3c) 60%,transparent)}
.upc-card-add--link{text-decoration:none}
.upc-card-add--link:hover{color:#fff}
.upc-card-spin{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:upc-card-spin .6s linear infinite}
@keyframes upc-card-spin{to{transform:rotate(360deg)}}
.upc-card-cart.is-loading{pointer-events:none}
.upc-card-cart.is-loading .upc-card-add svg,.upc-card-cart.is-loading .upc-card-addlbl{display:none}
.upc-card-cart.is-loading .upc-card-spin{display:inline-block}
.upc-card-incart{display:none}
.upc-card-cart.is-in-cart .upc-card-add{display:none}
.upc-card-cart.is-in-cart .upc-card-incart{display:flex;flex-direction:column;gap:8px}
.upc-card-incart-top{display:inline-flex;align-items:center;gap:6px;color:var(--acc);font-weight:600;font-size:.78rem}
.upc-card-incart-row{display:flex;align-items:center;gap:8px}
.upc-card-stepper{display:flex;align-items:center;border:1px solid var(--bd);border-radius:12px;overflow:hidden;flex:1 1 auto}
.upc-card-stepper button{width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;border:0;background:#f4f5f7;color:var(--ink);font-family:inherit;font-size:1.25rem;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}
.upc-card-stepper button:hover{background:color-mix(in srgb,var(--avt-couleur,#0a7d3c) 12%,#fff);color:var(--acc)}
.upc-card-stepper button:active,.upc-card-stepper button:focus{background:color-mix(in srgb,var(--avt-couleur,#0a7d3c) 18%,#fff);color:var(--acc);outline:none;box-shadow:none}
.upc-card-qty{flex:1 1 auto;text-align:center;font-weight:600;font-size:.9rem}
.upc-card-trash{width:40px;height:40px;flex:0 0 auto;padding:0;line-height:1;border:1px solid var(--bd);border-radius:12px;background:#fff;color:#d9534f;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}
.upc-card-trash:hover{background:#fdecec;border-color:#f3c4c4;color:#d9534f}
.upc-card-trash:active,.upc-card-trash:focus{background:#fbe0e0;border-color:#f0b4b4;color:#d9534f;outline:none;box-shadow:none}
.upc-card-spin--dark{width:16px;height:16px;border-color:rgba(43,47,51,.22);border-top-color:var(--ink)}
/* Chargement d'un bouton précis : seul celui qu'on a pressé tourne, et le
   conteneur gèle pour empêcher un second clic pendant l'aller-retour. */
.upc-card-cart.is-busy{pointer-events:none}
.upc-card-stepper button.is-loading .upc-card-btxt,.upc-card-trash.is-loading svg{display:none}
.upc-card-stepper button.is-loading .upc-card-spin,.upc-card-trash.is-loading .upc-card-spin{display:inline-block}
/* Rafraîchissement en cours : la grille s'estompe sur place. Plus de
   navigation, donc plus d'overlay plein écran (réservé aux vraies sorties de
   page : clic sur une carte, réinitialisation, recherche rapide). */
.upc-pneu-grid{transition:opacity .18s ease}
.upc-pneu-grid.ups-busy{opacity:.45;pointer-events:none}
@media (prefers-reduced-motion:reduce){.upc-pneu-grid{transition:none}}
/* ── Panneau de filtres coulissant (mobile) ──────────────────────────────
   Le modèle mobile remplace la pile de sélecteurs par une feuille qui monte
   du bas. Le panneau EST le bloc de recherche existant : on ne duplique
   aucun sélecteur, on le repositionne. Les valeurs, les écouteurs et l'état
   restent donc exactement ceux du desktop. */
.ups-filter-open,.ups-sheet-head{display:none}
@media (max-width:767px){
	.ups-filter-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin:0 0 14px;border:1px solid var(--ups-accent,var(--avt-couleur,#0a7d3c));border-radius:12px;background:#fff;color:var(--ups-accent,var(--avt-couleur,#0a7d3c));font-family:'Poppins',system-ui,sans-serif;font-size:.92rem;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none}
	.ups-filter-open:hover,.ups-filter-open:focus,.ups-filter-open:active{background:var(--avt-couleur-clair,#eaf5ee);color:var(--avt-couleur,#0a7d3c);outline:none}

	/* z-index très haut, et assumé : le panneau doit passer AU-DESSUS de
	   l'en-tête collant du thème. Les en-têtes Elementor montent couramment
	   jusqu'à 999, et une feuille modale à demi masquée par le menu est pire
	   qu'inutilisable. Le voile suit, juste en dessous. */
	.ups-sheet-ov{position:fixed;inset:0;z-index:100000;background:rgba(17,24,39,.45)}
	.ups-sheet-ov[hidden]{display:none}

	/* :not(.is-wizard) partout — le parcours guidé de la première recherche
	   reste en pleine page, il n'a rien à faire dans une feuille repliable. */
	/* C'est le PANNEAU qui défile, pas un enfant : sans wrapper dédié, aucun
	   élément intermédiaire ne pouvait porter le défilement, et overflow:hidden
	   se contentait de couper le contenu. En-tête et pied restent collants.
	   overscroll-behavior:contain empêche le geste de se propager à la page
	   une fois le bas du panneau atteint. */
	.upc-pneu-search:not(.is-wizard){position:fixed;left:0;right:0;bottom:0;z-index:100001;max-height:80vh;margin:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -8px 30px rgba(17,24,39,.2);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateY(100%);transition:transform .25s ease;visibility:hidden}
	.upc-pneu-search:not(.is-wizard).is-sheet-open{transform:translateY(0);visibility:visible}
	@media (prefers-reduced-motion:reduce){.upc-pneu-search:not(.is-wizard){transition:none}}

	.upc-pneu-search:not(.is-wizard) .ups-sheet-head{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:10px;padding:10px 16px 12px;border-bottom:1px solid #eef0f2;background:#fff}
	.ups-sheet-grip{width:38px;height:4px;border-radius:2px;background:#dfe3e1;align-self:center}
	.ups-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
	.ups-sheet-title{font-size:1rem;font-weight:700;color:var(--ups-ink,#2b2f33)}
	.ups-sheet-reset{border:0;background:none;padding:0;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ups-muted,#6b7280);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

	/* Tout ce qui n'est ni l'en-tête ni le pied défile entre les deux. */
	.upc-pneu-search:not(.is-wizard) .ups-grid,.upc-pneu-search:not(.is-wizard) .ups-refine,
	.upc-pneu-search:not(.is-wizard) .ups-quick,
	.upc-pneu-search:not(.is-wizard) .ups-empty{padding-left:16px;padding-right:16px}
	.upc-pneu-search:not(.is-wizard) .ups-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:14px}
	.upc-pneu-search:not(.is-wizard) .ups-step[data-step="type"]{grid-column:1/-1}

	/* Pied collant : les deux actions restent atteignables sans remonter. */
	.upc-pneu-search:not(.is-wizard) .ups-actions{position:sticky;bottom:0;z-index:2;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eef0f2;background:#fff;display:flex;gap:10px;flex-wrap:wrap}
	/* La recherche rapide n'a pas sa place dans le panneau : elle sert à
	   DÉMARRER une recherche, pas à en ajuster une. Elle allongeait la feuille
	   pour rien. */
	.upc-pneu-search:not(.is-wizard) .ups-quick{display:none}
	.upc-pneu-search:not(.is-wizard) .ups-actions .ups-submit{flex:1 1 auto}
	.upc-pneu-search:not(.is-wizard) .ups-actions .ups-reset,
	.upc-pneu-search:not(.is-wizard) .ups-actions .ups-to-quick{flex:0 0 auto}
}
/* ── Cartes en mobile : format horizontal ────────────────────────────────
   Le modèle mobile abandonne la carte verticale : bandeau de gamme en tête sur
   toute la largeur, puis photo de 118px à gauche et informations à droite. À
   cette taille, l'empilement vertical faisait défiler trois écrans pour trois
   pneus. Le logo de marque reste dans le coin haut gauche de la photo. */
@media (max-width:767px){
	.upc-pneu-grid{grid-template-columns:1fr;gap:12px}
	.upc-card-link{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:12px;align-items:start}
	.upc-card-gamme{grid-column:1/-1;margin:-12px -12px 0}
	.upc-card-visual{grid-column:1;width:118px;height:118px;min-height:0;padding:0;border-radius:8px;overflow:hidden}
	.upc-card-brand{top:4px;left:4px;max-width:62px;max-height:22px;z-index:2}
	.upc-card-photo{max-height:118px}
	.upc-card-body{grid-column:2;min-width:0;padding:0;border-top:0;display:flex;flex-direction:column;gap:6px}
	.upc-card-body::before{display:none}
	.upc-card-name{font-size:.9rem;margin:0}
	.upc-card-size{font-size:.72rem;font-weight:500;color:#5a6360;gap:6px;margin:0}
	.upc-card-eu{gap:10px;font-size:.72rem;margin:0}
	.upc-card-eu .upc-ico{width:15px;height:15px}
	.upc-card-price{font-size:1.25rem;margin:2px 0 0}
	.upc-card-reco{font-size:.68rem;margin:0;line-height:1.4}
	.upc-card-badge{top:8px;right:8px;font-size:.62rem;padding:4px 8px 4px 7px}
	.upc-card-cart{padding:0 12px 12px}
}
/* Pagination */
.upc-pneu-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.upc-pneu-pagination .ups-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--ups-border,#e2e8f0);border-radius:10px;text-decoration:none;color:inherit;font-weight:600;transition:border-color .15s,background .15s}
.upc-pneu-pagination .ups-page:hover{border-color:var(--avt-couleur,#0a7d3c)}
.upc-pneu-pagination .ups-page.is-current{background:var(--avt-couleur,#0a7d3c);border-color:var(--avt-couleur,#0a7d3c);color:#fff;cursor:default}