/* Parcours ARLEN — CSS natif, indépendant du reste du site. */
.arlen-catalog-widget {margin:0 0 1.5rem;color:#152743}
.arlen-catalog-widget:empty{display:none}
.arlen-catalog-widget .catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1rem;color:#53678a;font-size:.86rem}
.arlen-catalog-widget .catalog-back{background:#e9f0fc;border:1px solid #cddbf2;border-radius:999px;padding:.48rem .85rem;font-weight:700;color:#244c92;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.arlen-catalog-widget .catalog-back:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(36,76,146,.12)}
.arlen-catalog-widget .catalog-stage-title{font-weight:850;letter-spacing:-.035em;font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.22;margin:0 0 .45rem}
.arlen-catalog-widget .catalog-stage-hint{color:#60728e;margin:0 0 1.2rem;line-height:1.55}
.arlen-catalog-widget .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.arlen-catalog-widget .catalog-choice{appearance:none;border:1px solid #d3dfef;border-radius:18px;padding:1.2rem .8rem;min-width:0;background:#f9fbff;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:.55rem;cursor:pointer;color:#182a47;transition:box-shadow .2s,transform .2s,border .2s,background .2s;min-height:144px;position:relative}
.arlen-catalog-widget .catalog-choice:hover,.arlen-catalog-widget .catalog-choice:focus-visible{border-color:#3366bd;box-shadow:0 10px 24px #254ca020;transform:translateY(-2px);outline:none}
.arlen-catalog-widget .catalog-choice.is-selected{background:#eaf1ff;border-color:#2f5eac;box-shadow:inset 0 0 0 1px #2f5eac,0 10px 22px rgba(47,94,172,.12)}
.arlen-catalog-widget .catalog-visual{display:flex;align-items:center;justify-content:center;width:72px;height:70px;border-radius:15px;background:#edf3fd;overflow:hidden;flex-shrink:0}
.arlen-catalog-widget .catalog-media{height:66px;width:66px;max-width:100%;object-fit:contain;padding:6px}
.arlen-catalog-widget .catalog-monogram{font-weight:900;font-size:1.5rem;color:#2e57a5}
.arlen-catalog-widget .catalog-choice-title{font-weight:850;word-break:break-word;line-height:1.25}
.arlen-catalog-widget .catalog-choice-sub{font-size:.78rem;color:#667891;line-height:1.35}
.arlen-catalog-widget .catalog-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.arlen-catalog-widget .catalog-detail-row{display:flex;flex-direction:column;gap:6px;font-weight:700}
.arlen-catalog-widget .catalog-detail-row input{font-weight:400;min-width:0}
.arlen-catalog-widget .catalog-done{grid-column:1/-1;background:#eef7f1;color:#1a5932;border-radius:12px;padding:1rem;margin:0}
.arlen-catalog-widget .catalog-finish{grid-column:1/-1;justify-self:start;border-radius:14px;padding:.8rem 1.2rem}
.arlen-catalog-widget .catalog-finish.is-confirmed{opacity:1;background:#a6b9e2!important;border-color:#a6b9e2!important;color:#fff!important;cursor:default;box-shadow:none}
.arlen-catalog-widget .catalog-error{color:#aa1d26;font-weight:750;margin-top:1rem}
.arlen-catalog-widget .catalog-notice{padding:1rem;border:1px solid #f4cda1;background:#fff7e8;border-radius:14px}
.catalog-issues{margin:0 0 1.25rem}
.catalog-issues-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.catalog-issues .catalog-choice{min-height:118px;padding:1rem;border:1px solid #d3dfef;border-radius:16px;justify-content:flex-start;align-items:center;gap:.45rem;background:#f8faff}
.catalog-issues .catalog-choice.is-selected{border-color:#2f5eac;background:#e6efff}
.catalog-issues .catalog-choice-multi::after{content:"✓";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;border:1px solid #ccd8eb;color:#7d90b4;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;background:#fff}
.catalog-issues .catalog-choice.is-selected::after{background:#2f5eac;border-color:#2f5eac;color:#fff}
.catalog-issues .catalog-visual{width:58px;height:58px;border-radius:14px;background:#edf3fd}
.catalog-issues .catalog-choice-title{font-size:.98rem}
.catalog-issues .catalog-choice-sub{font-size:.74rem;color:#63738d}
.catalog-issues-counter{margin:.8rem 0 .2rem;color:#2f5eac;font-weight:800}
.catalog-issue-tip{margin:.25rem 0 0;color:#63738d;font-size:.86rem;line-height:1.5}
.catalog-issue-error{margin:.65rem 0 0;color:#aa1d26;font-weight:750}
#arlenLegacyDeviceFields[hidden]{display:none!important}
@media(max-width:980px){.catalog-issues-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.arlen-catalog-widget .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arlen-catalog-widget .catalog-details{grid-template-columns:1fr}.catalog-issues-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.arlen-catalog-widget .catalog-grid{gap:9px}.arlen-catalog-widget .catalog-choice{min-height:125px;border-radius:14px;padding:1rem .6rem}.arlen-catalog-widget .catalog-choice-title{font-size:.9rem}.arlen-catalog-widget .catalog-visual{width:54px;height:54px}.arlen-catalog-widget .catalog-media{width:50px;height:50px}.catalog-issues-grid{grid-template-columns:1fr 1fr;gap:10px}.catalog-issues .catalog-choice{min-height:112px;padding:.9rem .55rem}.catalog-issues .catalog-choice-title{font-size:.86rem}.catalog-issues .catalog-choice-sub{display:none}}
/* Visuels dynamiques 2026-10-29 : logos Simple Icons, photos Wikimedia Commons. */
.arlen-catalog-widget .catalog-vector-icon,
.catalog-issues .catalog-vector-icon{display:block;max-width:100%;max-height:100%;color:#28559d}
.arlen-catalog-widget .catalog-remote-visual{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}
.arlen-catalog-widget .catalog-brand-image{display:block;width:76%;height:76%;object-fit:contain}
.arlen-catalog-widget .catalog-grid--brand .catalog-choice{min-height:142px}
.arlen-catalog-widget .catalog-grid--model .catalog-choice{min-height:186px;gap:.45rem;padding:1rem .9rem}
.arlen-catalog-widget .catalog-grid--model .catalog-visual{width:100%;height:115px;background:#f1f5fb;border:1px solid #e2eaf4;padding:8px;border-radius:14px}
.arlen-catalog-widget .catalog-grid--model .catalog-vector-icon{width:54px;height:54px}
.arlen-catalog-widget .catalog-grid--type .catalog-visual{width:76px;height:76px}
.arlen-catalog-widget .catalog-grid--type .catalog-vector-icon{width:46px;height:46px}
.catalog-issues .catalog-vector-icon{width:36px;height:36px}
@media(max-width:480px){
  .arlen-catalog-widget .catalog-grid--model .catalog-choice{min-height:160px;padding:.65rem .45rem}
  .arlen-catalog-widget .catalog-grid--model .catalog-visual{width:100%;height:94px;padding:5px}
  .arlen-catalog-widget .catalog-grid--model .catalog-vector-icon{width:42px;height:42px}
  .arlen-catalog-widget .catalog-grid--type .catalog-visual{width:58px;height:58px}
  .arlen-catalog-widget .catalog-grid--type .catalog-vector-icon{width:38px;height:38px}
  .catalog-issues .catalog-vector-icon{width:29px;height:29px}
}
/* Cartes de pannes extérieures au widget de catalogue : empilement pictogramme/texte. */
.catalog-issues .catalog-choice{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.4rem;position:relative;text-align:center;min-width:0;color:#182a47;
}
.catalog-issues .catalog-choice-title{display:block;font-weight:800;line-height:1.25}
.catalog-issues .catalog-choice-sub{display:block;line-height:1.35}
.catalog-issues .catalog-visual{display:flex;align-items:center;justify-content:center;flex:none}

/* Les logos indisponibles affichent le nom de la marque, jamais un ? */
.arlen-catalog-widget .catalog-brand-wordmark{display:block;max-width:100%;overflow-wrap:anywhere;text-align:center;font-size:clamp(.7rem,1.1vw,.95rem);font-weight:900;line-height:1.12;letter-spacing:-.035em;color:#28559d}

/* Photos commerciales : cadre blanc, sans recadrage ni fond externe. */
.arlen-catalog-widget .catalog-model-visual { background:#fff; border-radius:12px; }