/* InstaSearch Pro v2 */
html.isrch-open, html.isrch-open body { overflow: hidden !important; }

.isrch {
  --isrch-color: #d9230f;
  --isrch-bg: #f4f5f7;
  --isrch-card: #ffffff;
  --isrch-text: #1d1f23;
  --isrch-muted: #6b7079;
  --isrch-line: #e6e8ec;
  --isrch-soft: #f1f2f4;
  --isrch-ok: #1a8a4a;
  --isrch-radius: 14px;
  position: fixed; inset: 0; z-index: 100000;
  display: flex; flex-direction: column;
  background: var(--isrch-bg); color: var(--isrch-text);
  font-family: inherit; font-size: 14px; line-height: 1.4; text-align: left;
  -webkit-font-smoothing: antialiased;
  animation: isrch-in .18s ease-out;
}
.isrch[hidden], .isrch [hidden] { display: none !important; }
@keyframes isrch-in { from { opacity: 0; } to { opacity: 1; } }
.isrch *, .isrch *::before, .isrch *::after { box-sizing: border-box; }
.isrch button { font: inherit; cursor: pointer; margin: 0; color: inherit; }
.isrch a { text-decoration: none; }
.isrch h3 { margin: 0; text-transform: none; letter-spacing: 0; }
.isrch mark { background: none; color: inherit; font-weight: 700; padding: 0; }
/* Neutralise les styles de boutons/SVG imposés par le thème (padding, tailles, couleurs) */
.isrch .isrch__tool, .isrch .isrch__clear, .isrch .isrch__close, .isrch .isrch__nav, .isrch .isrch__chip-x,
.isrch .isrch__thumb-x, .isrch .isrch__side-close { padding: 0 !important; min-width: 0 !important; min-height: 0 !important; line-height: 1 !important; box-shadow: none; text-transform: none; letter-spacing: 0; }
.isrch svg { flex-shrink: 0; max-width: none; vertical-align: middle; }
.isrch .isrch__tool svg { width: 22px !important; height: 22px !important; }
.isrch .isrch__clear svg { width: 12px !important; height: 12px !important; }
.isrch .isrch__close svg { width: 22px !important; height: 22px !important; }
.isrch .isrch__nav svg { width: 22px !important; height: 22px !important; }
.isrch :focus-visible { outline: 3px solid color-mix(in srgb, var(--isrch-color) 45%, transparent); outline-offset: 2px; }
.isrch__wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 28px; }

/* ---------- Barre ---------- */
.isrch__bar { background: var(--isrch-color); padding: 16px 0; box-shadow: 0 2px 14px rgba(0,0,0,.12); position: relative; z-index: 3; }
.isrch__row { display: flex; align-items: center; gap: 14px; }
.isrch__field {
  position: relative; flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; margin: 0;
  height: 56px; padding: 0 8px 0 18px; background: #fff; border-radius: 12px; box-shadow: 0 4px 18px rgba(0,0,0,.14);
}
.isrch__icon { display: flex; color: var(--isrch-muted); flex: 0 0 auto; }
.isrch__input {
  flex: 1; min-width: 0; height: 100%; padding: 0; margin: 0;
  border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important;
  font-size: 18px; font-weight: 500; color: var(--isrch-text); -webkit-appearance: none; appearance: none;
}
.isrch__input::placeholder { color: #9aa0a8; font-weight: 400; }
.isrch__input::-webkit-search-cancel-button, .isrch__input::-webkit-search-decoration { -webkit-appearance: none; }
.isrch__clear {
  flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;
  border: 0; border-radius: 50%; background: var(--isrch-soft); color: var(--isrch-muted);
}
.isrch__clear:hover { background: #e4e6ea; color: var(--isrch-text); }
.isrch__spinner { display: none; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--isrch-line); border-top-color: var(--isrch-color); opacity: 0; transition: opacity .15s; }
.isrch.is-loading .isrch__spinner { display: block; opacity: 1; animation: isrch-spin .7s linear infinite; }
@keyframes isrch-spin { to { transform: rotate(360deg); } }
.isrch__sep { flex: 0 0 auto; width: 1px; height: 26px; background: var(--isrch-line); margin: 0 2px; }
.isrch__tool {
  position: relative; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border: 0; border-radius: 50%; background: color-mix(in srgb, var(--isrch-color) 9%, #fff); color: var(--isrch-color) !important;
  transition: background .15s, color .15s, transform .15s;
}
.isrch__tool:hover { background: var(--isrch-color); color: #fff !important; transform: scale(1.05); }
.isrch__tool + .isrch__tool { margin-left: 4px; }
.isrch__tool::after {
  content: attr(title); position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); white-space: nowrap;
  padding: 5px 9px; border-radius: 6px; background: #1d1f23; color: #fff; font-size: 12px; font-weight: 500; opacity: 0; pointer-events: none; transition: opacity .15s;
}
.isrch__tool:hover::after { opacity: 1; }
.isrch__tool.is-active { background: var(--isrch-color); color: #fff; animation: isrch-pulse 1.2s infinite; }
@keyframes isrch-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--isrch-color) 45%, transparent); } 100% { box-shadow: 0 0 0 12px transparent; } }
.isrch.is-listening .isrch__field { box-shadow: 0 0 0 3px rgba(255,255,255,.55), 0 4px 18px rgba(0,0,0,.14); }
.isrch__thumb { position: relative; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 8px; overflow: hidden; background: var(--isrch-soft); }
.isrch__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.isrch__thumb-x { position: absolute; top: 2px; right: 2px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; padding: 0; }
.isrch__thumb-x svg { width: 9px; height: 9px; }
.isrch__close { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff !important; transition: background .15s; }
.isrch__close:hover { background: rgba(255,255,255,.28); }

/* Chips */
.isrch__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.isrch__chips-label { flex: 0 0 auto; white-space: nowrap; color: rgba(255,255,255,.85); font-size: 13px; font-weight: 600; margin-right: 4px; }
.isrch__chip { display: inline-flex; align-items: center; height: 32px; max-width: 240px; border-radius: 999px; background: rgba(255,255,255,.16); color: #fff; transition: background .15s; }
.isrch__chip:hover { background: rgba(255,255,255,.28); }
.isrch__chip-q { display: inline-flex; align-items: center; gap: 6px; min-width: 0; height: 100%; border: 0; background: none; color: #fff !important; padding: 0 4px 0 12px; font-size: 13px; }
.isrch__chip-q span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isrch__chip-q svg { opacity: .8; flex: 0 0 auto; }
.isrch__chip--pop .isrch__chip-q { padding-right: 14px; }
.isrch__chip-x { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 3px; border: 0; border-radius: 50%; background: none; color: #fff !important; opacity: .75; }
.isrch__chip-x:hover { opacity: 1; background: rgba(255,255,255,.18); }

/* ---------- Corps ---------- */
.isrch__scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.isrch__body { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; padding-top: 24px; padding-bottom: 48px; }
.isrch__body--full { grid-template-columns: minmax(0, 1fr); }
.isrch__body--full .isrch__side { display: none; }

/* Panneau latéral */
.isrch__side { align-self: start; position: sticky; top: 0; background: var(--isrch-card); border: 1px solid var(--isrch-line); border-radius: var(--isrch-radius); }
.isrch__side-head, .isrch__side-foot { display: none; }
.isrch__side-body { padding: 18px 14px; }
.isrch__group + .isrch__group:not([hidden]) { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--isrch-line); }
.isrch__group h3 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--isrch-muted); padding: 0 8px; margin-bottom: 8px; }
.isrch__group h3 small { text-transform: none; letter-spacing: 0; font-weight: 500; }
.isrch__links, .isrch__tags { list-style: none; margin: 0; padding: 0; }
.isrch__links a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 8px; border-radius: 8px; color: var(--isrch-text); font-size: 14px; transition: background .12s, color .12s; }
.isrch__links a svg { flex: 0 0 auto; color: #b5b9c0; transition: transform .12s, color .12s; }
.isrch__links a:hover { background: var(--isrch-bg); color: var(--isrch-color); }
.isrch__links a:hover svg { color: var(--isrch-color); transform: translateX(2px); }
.isrch__tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 4px; }
.isrch__tags a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--isrch-line); border-radius: 999px; color: var(--isrch-text); font-size: 13px; transition: border-color .12s, color .12s, background .12s; }
.isrch__tags a:hover { border-color: var(--isrch-color); color: var(--isrch-color); }
.isrch__tags a i { display: none; }
.isrch__tags a small { color: var(--isrch-muted); font-size: 11px; }
.isrch__tags--facets { flex-direction: column; gap: 2px; padding: 0; }
.isrch__tags--facets a { width: 100%; border: 0; border-radius: 8px; padding: 8px; }
.isrch__tags--facets a i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1.5px solid #c6cad1; border-radius: 5px; color: transparent; transition: all .12s; }
.isrch__tags--facets a i svg { width: 13px; height: 13px; }
.isrch__tags--facets a small { margin-left: auto; }
.isrch__tags--facets a:hover { background: var(--isrch-bg); color: var(--isrch-text); }
.isrch__tags--facets a.is-on { font-weight: 600; }
.isrch__tags--facets a.is-on i { background: var(--isrch-color); border-color: var(--isrch-color); color: #fff; }
.isrch__price-row { display: flex; align-items: center; gap: 8px; padding: 0 8px; }
.isrch__price-row input { width: 100%; min-width: 0; height: 38px; padding: 0 10px; border: 1px solid var(--isrch-line); border-radius: 8px; font: inherit; background: #fff; color: var(--isrch-text); -moz-appearance: textfield; }
.isrch__price-row input:focus { outline: 0; border-color: var(--isrch-color); }
.isrch__price-row span { color: var(--isrch-muted); }

/* Notice (correction, image, redirection) */
.isrch__notice { display: block; margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--isrch-line); border-left: 4px solid var(--isrch-color); color: var(--isrch-text); line-height: 1.7; }
.isrch__notice > span:not(.isrch__notice-ico) { vertical-align: middle; }
.isrch__notice small { display: block; color: var(--isrch-muted); font-size: 12px; }
.isrch__notice-ico { display: inline-flex; vertical-align: middle; margin-right: 8px; color: var(--isrch-color); }
.isrch__notice-link { color: var(--isrch-color); font-weight: 600; }
.isrch__notice-link:hover { text-decoration: underline; }
.isrch__tag { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; margin: 0 2px; border-radius: 999px; background: color-mix(in srgb, var(--isrch-color) 10%, #fff); color: var(--isrch-color); font-size: 12px; font-weight: 600; vertical-align: middle; }
.isrch .isrch__link-btn--muted { color: var(--isrch-muted) !important; font-weight: 500 !important; margin-left: 6px; font-size: 13px; }
.isrch__notice s { opacity: .7; }
.isrch__fallback { width: 100%; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--isrch-line); text-align: left; }
.isrch__fallback h4 { margin: 0 0 14px; font-size: 16px; font-weight: 700; color: var(--isrch-text); }
.isrch__track--fallback { padding-bottom: 6px; }
.isrch__link-btn { border: 0; background: none; padding: 0 !important; color: var(--isrch-color) !important; font-weight: 600; text-decoration: underline; }

/* En-tête et outils */
.isrch__main { min-width: 0; }
.isrch__head { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; margin-bottom: 16px; min-height: 40px; }
.isrch__title { display: flex; align-items: baseline; gap: 10px; }
.isrch__title h3 { font-size: 22px; font-weight: 700; color: var(--isrch-text); }
.isrch__count { color: var(--isrch-muted); font-size: 14px; white-space: nowrap; }
.isrch__tools { display: none; align-items: center; gap: 8px; flex-wrap: wrap; }
.isrch__tools.is-visible { display: flex; }
.isrch__toggle {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px;
  border: 1px solid var(--isrch-line); background: #fff; color: var(--isrch-text) !important; font-size: 13px; font-weight: 500; transition: all .12s;
}
.isrch__toggle:hover { border-color: #c9cdd3; }
.isrch__toggle[aria-pressed="true"] { background: var(--isrch-text); border-color: var(--isrch-text); color: #fff !important; }
.isrch__toggle em { font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--isrch-color); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.isrch__filters-btn { display: none; }
.isrch__sort select {
  height: 36px; padding: 0 32px 0 14px; border: 1px solid var(--isrch-line); border-radius: 999px; font: inherit; font-size: 13px; font-weight: 500; color: var(--isrch-text); cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7079' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
  -webkit-appearance: none; appearance: none;
}
.isrch__all { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 12px 0 16px; border-radius: 999px; background: var(--isrch-color); color: #fff !important; font-weight: 600; font-size: 13px; transition: filter .12s; }
.isrch__all:hover { filter: brightness(.92); }

/* Boutons génériques */
.isrch__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 18px; border-radius: 999px; font-weight: 600; font-size: 14px; border: 1px solid transparent; white-space: nowrap; transition: all .12s; }
.isrch__btn--primary { background: var(--isrch-color); color: #fff !important; }
.isrch__btn--primary:hover { filter: brightness(.92); }
.isrch__btn--ghost { background: transparent; color: var(--isrch-text) !important; border-color: var(--isrch-line); }
.isrch__btn--ghost:hover { border-color: var(--isrch-text); }
.isrch__btn--outline { background: #fff; color: var(--isrch-color) !important; border-color: var(--isrch-color); }
.isrch__btn--outline:hover { background: var(--isrch-color); color: #fff !important; }
.isrch__pill { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--isrch-line); background: #fff; color: var(--isrch-text) !important; font-size: 13px; }
.isrch__pill:hover { border-color: var(--isrch-color); color: var(--isrch-color) !important; }
.isrch__pill--sm { height: 26px; padding: 0 10px; font-size: 12px; vertical-align: middle; }

/* Carrousel (accueil) */
.isrch__carousel { position: relative; }
.isrch__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * 16px) / 5); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 16px; }
.isrch__body--full .isrch__track { grid-auto-columns: calc((100% - 5 * 16px) / 6); }
.isrch__track::-webkit-scrollbar { display: none; }
.isrch__nav { position: absolute; top: calc(50% - 34px); z-index: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--isrch-line); border-radius: 50%; background: #fff; color: var(--isrch-text) !important; box-shadow: 0 6px 18px rgba(0,0,0,.12); transition: color .12s, transform .12s; }
.isrch__nav:hover { color: var(--isrch-color) !important; transform: scale(1.06); }
.isrch__nav--prev { left: -18px; }
.isrch__nav--next { right: -18px; }

/* Grille (résultats) */
.isrch__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.isrch__more { display: flex; justify-content: center; padding: 24px 0 8px; }

/* Carte produit */
.isrch__card { position: relative; scroll-snap-align: start; display: flex; flex-direction: column; overflow: hidden; background: var(--isrch-card); border: 1px solid var(--isrch-line); border-radius: var(--isrch-radius); color: var(--isrch-text); transition: box-shadow .18s, transform .18s, border-color .18s; }
.isrch__card:hover { border-color: transparent; box-shadow: 0 12px 30px rgba(20,24,32,.12); transform: translateY(-3px); }
.isrch__card.is-pinned { border-color: color-mix(in srgb, var(--isrch-color) 35%, var(--isrch-line)); }
.isrch__link { display: flex; flex-direction: column; flex: 1; color: var(--isrch-text) !important; border-radius: var(--isrch-radius); }
.isrch__link:focus-visible { outline-offset: -3px; }
.isrch__img { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 18px; background: #fff; }
.isrch__img img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s; }
.isrch__card:hover .isrch__img img { transform: scale(1.04); }
.isrch__noimg { width: 60%; height: 60%; border-radius: 12px; background: var(--isrch-soft); }
.isrch__badges { position: absolute; top: 12px; left: 12px; right: 12px; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none; }
.isrch__badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; border-radius: 999px; background: var(--isrch-color); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.isrch__badge--pin { background: #1d1f23; font-weight: 600; }
.isrch__info { display: flex; flex-direction: column; flex: 1; gap: 4px; padding: 12px 16px 14px; border-top: 1px solid #f0f1f3; }
.isrch__brand { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--isrch-muted); }
.isrch__name { font-size: 14px; line-height: 1.4; min-height: 2.8em; color: var(--isrch-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isrch__prices { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; margin-top: auto; padding-top: 8px; }
.isrch__price { font-size: 17px; font-weight: 800; color: var(--isrch-text); }
.isrch__price--promo { color: var(--isrch-color); }
.isrch__old { font-size: 13px; color: #9aa0a8; text-decoration: line-through; }
.isrch__stock { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--isrch-ok); }
.isrch__stock::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.isrch__add {
  display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 12px 12px; height: 40px; border: 0; border-radius: 10px;
  background: var(--isrch-soft); color: var(--isrch-text) !important; font-weight: 600; font-size: 13px; transition: background .15s, color .15s;
}
.isrch__add:hover, .isrch__card:hover .isrch__add { background: var(--isrch-color); color: #fff !important; }
.isrch__add.is-busy { opacity: .7; pointer-events: none; }
.isrch__add.is-done { background: var(--isrch-ok) !important; color: #fff !important; }
.isrch__oos { display: block; margin: 0 12px 12px; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; background: var(--isrch-soft); color: var(--isrch-muted); font-size: 13px; }

/* Squelettes */
.isrch__sk { display: block; border-radius: 8px; background: linear-gradient(90deg, #eceef1 0%, #f6f7f9 50%, #eceef1 100%); background-size: 200% 100%; animation: isrch-sh 1.2s infinite; }
@keyframes isrch-sh { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.isrch__card--sk { padding-bottom: 16px; pointer-events: none; }
.isrch__card--sk .isrch__img { margin: 14px; border-radius: 10px; padding: 0; }
.isrch__sk--line { height: 12px; margin: 6px 16px 0; }
.isrch__sk--line.short { width: 55%; }
.isrch__sk--price { height: 18px; width: 40%; margin: 14px 16px 0; }
.isrch__sk--title { width: 180px; height: 22px; }

/* Aucun résultat */
.isrch__empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 52px 24px; background: var(--isrch-card); border: 1px dashed #d7dade; border-radius: var(--isrch-radius); color: var(--isrch-muted); }
.isrch__empty-icon { color: #c4c8ce; margin-bottom: 8px; }
.isrch__empty p { margin: 0; }
.isrch__empty-title { font-size: 18px; font-weight: 700; color: var(--isrch-text); }
.isrch__empty .isrch__btn { margin-top: 14px; }
.isrch__empty-sugg { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 18px; }
.isrch__empty-sugg span { width: 100%; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }

/* Toast */
.isrch__toast {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 5; display: flex; align-items: center; gap: 12px;
  max-width: calc(100% - 32px); padding: 12px 16px; border-radius: 14px; background: #1d1f23; color: #fff; box-shadow: 0 16px 40px rgba(0,0,0,.25);
  animation: isrch-up .22s ease-out;
}
.isrch__toast.is-error { background: #9b1c12; }
.isrch__toast.is-rich { background: #fff; color: var(--isrch-text); border: 1px solid var(--isrch-line); padding: 10px 10px 10px 10px; }
@keyframes isrch-up { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }
.isrch__toast-img { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 10px; background: var(--isrch-soft); display: flex; align-items: center; justify-content: center; color: var(--isrch-ok); overflow: hidden; }
.isrch__toast-img img { width: 100%; height: 100%; object-fit: contain; }
.isrch__toast-txt { display: flex; flex-direction: column; min-width: 0; max-width: 280px; }
.isrch__toast-txt strong { color: var(--isrch-ok); font-size: 13px; }
.isrch__toast-txt span { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isrch__toast .isrch__btn { height: 36px; padding: 0 14px; font-size: 13px; }

/* ---------- Responsive ---------- */
@media (max-width: 1280px) {
  .isrch__track { grid-auto-columns: calc((100% - 3 * 16px) / 4); }
  .isrch__body--full .isrch__track { grid-auto-columns: calc((100% - 4 * 16px) / 5); }
}
@media (max-width: 1024px) {
  .isrch__body { grid-template-columns: 220px minmax(0, 1fr); gap: 20px; }
  .isrch__track, .isrch__body--full .isrch__track { grid-auto-columns: calc((100% - 2 * 16px) / 3); }
}
@media (max-width: 768px) {
  .isrch__wrap { padding: 0 14px; }
  .isrch__bar { padding: 10px 0 12px; }
  .isrch__row { gap: 8px; }
  .isrch__field { height: 50px; padding: 0 4px 0 14px; gap: 6px; border-radius: 10px; }
  .isrch__input { font-size: 16px; }
  .isrch__tool { width: 38px; height: 38px; }
  .isrch .isrch__tool svg { width: 20px !important; height: 20px !important; }
  .isrch__tool::after { display: none; }
  .isrch__sep { display: none; }
  .isrch__close { width: 40px; height: 40px; }
  .isrch__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 10px -14px 0; padding: 0 14px; }
  .isrch__chips::-webkit-scrollbar { display: none; }
  .isrch__chip { flex: 0 0 auto; }
  .isrch__chips-label { display: none; }
  .isrch__body, .isrch__body--full { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 14px; }
  .isrch__head { margin-bottom: 12px; }
  .isrch__title h3 { font-size: 18px; }
  .isrch__tools { width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -14px; padding: 2px 14px; width: calc(100% + 28px); }
  .isrch__tools::-webkit-scrollbar { display: none; }
  .isrch__toggle, .isrch__sort, .isrch__all { flex: 0 0 auto; }
  .isrch.is-search .isrch__filters-btn { display: inline-flex; }
  .isrch__all { display: none; }
  .isrch__nav { display: none; }
  .isrch__track, .isrch__body--full .isrch__track { grid-auto-columns: 46%; gap: 10px; }
  .isrch__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .isrch__img { padding: 12px; }
  .isrch__info { padding: 10px 12px 12px; }
  .isrch__name { font-size: 13px; }
  .isrch__price { font-size: 15px; }
  .isrch__add { margin: 0 8px 8px; height: 38px; }
  .isrch__add span { display: none; }
  .isrch__oos { margin: 0 8px 8px; height: 38px; line-height: 38px; }

  /* Accueil : panneau sous les produits ; recherche : tiroir de filtres */
  .isrch:not(.is-search) .isrch__side { order: 2; position: static; }
  .isrch.is-search .isrch__side {
    position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 6; max-height: 82vh; display: flex; flex-direction: column;
    border-radius: 18px 18px 0 0; border: 0; box-shadow: 0 -12px 40px rgba(0,0,0,.2); transform: translateY(105%); transition: transform .25s ease;
  }
  .isrch.is-search.is-filters-open .isrch__side { transform: none; }
  .isrch.is-search.is-filters-open::after { content: ""; position: fixed; inset: 0; z-index: 4; background: rgba(0,0,0,.4); }
  .isrch.is-search .isrch__side-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--isrch-line); font-size: 16px; }
  .isrch__side-close { display: flex; border: 0; background: none; padding: 4px; }
  .isrch.is-search .isrch__side-body { overflow-y: auto; flex: 1; }
  .isrch.is-search .isrch__side-foot { display: flex; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--isrch-line); }
  .isrch__side-foot .isrch__btn { flex: 1; }
  .isrch__side.is-empty { display: none; }
  .isrch.is-search .isrch__side.is-empty { display: flex; }
  .isrch__toast { bottom: 12px; flex-wrap: wrap; }
  .isrch__toast.is-rich .isrch__btn { flex: 1; }
  .isrch__toast-txt { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .isrch, .isrch * { animation: none !important; transition: none !important; }
}

/* =================== Assistant Tangerois =================== */
.isbot { --isbot-color: #d9230f; position: fixed; right: 20px; bottom: 20px; z-index: 99990; font-family: inherit; font-size: 14px; line-height: 1.45; color: #1d1f23; }
.isbot *, .isbot *::before, .isbot *::after { box-sizing: border-box; }
.isbot [hidden] { display: none !important; }
.isbot button { font: inherit; cursor: pointer; margin: 0; }
.isbot .isbot__launcher {
  position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0 !important;
  border: 0; border-radius: 50%; background: var(--isbot-color); color: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.25); transition: transform .18s;
}
.isbot .isbot__launcher:hover { transform: scale(1.06); }
.isbot .isbot__launcher svg { width: 28px !important; height: 28px !important; flex-shrink: 0; }
.isbot__ico-close, .isbot.is-open .isbot__ico-chat { display: none; }
.isbot.is-open .isbot__ico-close { display: block; }
.isbot__dot { position: absolute; top: 4px; right: 4px; width: 14px; height: 14px; border-radius: 50%; background: #22c55e; border: 2px solid #fff; }
.isbot.is-open .isbot__dot { display: none; }

.isbot__teaser {
  position: absolute; right: 0; bottom: 74px; width: 250px; padding: 14px 34px 14px 16px; border-radius: 16px 16px 4px 16px; background: #fff;
  box-shadow: 0 12px 32px rgba(0,0,0,.18); cursor: pointer; animation: isbot-up .25s ease-out; font-weight: 500;
}
.isbot__teaser[dir="rtl"] { padding: 14px 16px 14px 34px; text-align: right; }
.isbot .isbot__teaser-x { position: absolute; top: 6px; right: 8px; width: 22px; height: 22px; padding: 0 !important; border: 0; background: none; color: #888; font-size: 18px; line-height: 1; }
.isbot__teaser[dir="rtl"] .isbot__teaser-x { right: auto; left: 8px; }

.isbot__panel {
  position: absolute; right: 0; bottom: 76px; width: 370px; height: min(600px, calc(100vh - 110px)); display: flex; flex-direction: column;
  background: #f6f7f9; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.25); animation: isbot-up .22s ease-out;
}
@keyframes isbot-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.isbot__head { display: flex; align-items: center; gap: 10px; padding: 14px 12px 14px 16px; background: var(--isbot-color); color: #fff; }
.isbot__avatar { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: #fff; color: var(--isbot-color); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; }
.isbot__head-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.isbot__title { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isbot__status { font-size: 12px; opacity: .92; display: inline-flex; align-items: center; gap: 6px; }
.isbot__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fca5a5; }
.isbot__status.is-open::before { background: #86efac; }
.isbot__langs { display: flex; background: rgba(255,255,255,.18); border-radius: 999px; padding: 2px; }
.isbot .isbot__langs button { min-width: 30px; height: 26px; padding: 0 6px !important; border: 0; border-radius: 999px; background: none; color: #fff; font-size: 12px; font-weight: 700; }
.isbot .isbot__langs button[aria-pressed="true"] { background: #fff; color: var(--isbot-color); }
.isbot .isbot__x { display: flex; width: 32px; height: 32px; padding: 0 !important; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: none; color: #fff; }
.isbot .isbot__x:hover { background: rgba(255,255,255,.18); }
.isbot .isbot__x svg { width: 20px !important; height: 20px !important; }

.isbot__log { flex: 1; overflow-y: auto; padding: 16px 14px 8px; display: flex; flex-direction: column; gap: 10px; overscroll-behavior: contain; }
.isbot__msg { display: flex; flex-direction: column; gap: 8px; max-width: 100%; }
.isbot__msg--user { align-items: flex-end; }
.isbot__panel[dir="rtl"] .isbot__msg--user { align-items: flex-start; }
.isbot__bubble { max-width: 88%; padding: 10px 13px; border-radius: 14px 14px 14px 4px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.06); word-wrap: break-word; }
.isbot__panel[dir="rtl"] .isbot__bubble { border-radius: 14px 14px 4px 14px; text-align: right; }
.isbot__msg--user .isbot__bubble { background: var(--isbot-color); color: #fff; border-radius: 14px 14px 4px 14px; }
.isbot__panel[dir="rtl"] .isbot__msg--user .isbot__bubble { border-radius: 14px 14px 14px 4px; }
.isbot__bubble strong { font-weight: 700; }
.isbot__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.isbot__act {
  display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid #dfe2e6;
  background: #fff; color: #1d1f23 !important; text-decoration: none !important; font-weight: 600; font-size: 13px;
}
.isbot__act:hover { border-color: var(--isbot-color); }
.isbot__act--main { background: var(--isbot-color); border-color: var(--isbot-color); color: #fff !important; }
.isbot__act--main:hover { filter: brightness(.93); }
.isbot__opts { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.isbot__panel[dir="rtl"] .isbot__opts { align-items: flex-end; }
.isbot .isbot__opt {
  max-width: 92%; padding: 9px 14px !important; border: 1.5px solid color-mix(in srgb, var(--isbot-color) 45%, #fff); border-radius: 12px;
  background: #fff; color: var(--isbot-color); font-weight: 600; font-size: 13.5px; text-align: start; line-height: 1.3; transition: background .12s, color .12s;
}
.isbot .isbot__opt:hover, .isbot .isbot__opt:focus-visible { background: var(--isbot-color); color: #fff; outline: none; }
.isbot .isbot__opt--menu { border-style: dashed; border-color: #c9cdd3; color: #5f646c; font-weight: 500; }
.isbot__opts.is-past { display: none; }
.isbot__typing .isbot__bubble { display: inline-flex; gap: 4px; padding: 13px 14px; width: auto; }
.isbot__typing i { width: 7px; height: 7px; border-radius: 50%; background: #b5b9c0; animation: isbot-dot 1s infinite; }
.isbot__typing i:nth-child(2) { animation-delay: .15s; } .isbot__typing i:nth-child(3) { animation-delay: .3s; }
@keyframes isbot-dot { 0%, 60%, 100% { opacity: .3; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.isbot__foot { padding: 10px 14px; border-top: 1px solid #e6e8ec; background: #fff; font-size: 12.5px; color: #5f646c; text-align: center; }
.isbot__foot-call { color: var(--isbot-color) !important; font-weight: 700; text-decoration: none !important; }
html.isrch-open .isbot { display: none; }
.isbot--left { right: auto; }
.isbot--left .isbot__panel { right: auto; left: 0; }
.isbot--left .isbot__teaser { right: auto; left: 0; border-radius: 16px 16px 16px 4px; }
@media (max-width: 480px) {
  .isbot { right: 14px; bottom: 14px; }
  .isbot .isbot__launcher { width: 50px; height: 50px; box-shadow: 0 6px 16px rgba(0,0,0,.2); }
  .isbot .isbot__launcher svg { width: 24px !important; height: 24px !important; }
  .isbot__dot { top: 2px; right: 2px; width: 12px; height: 12px; }
  .isbot.is-open { left: 0 !important; right: 0 !important; bottom: 0 !important; }
  .isbot__teaser { bottom: 62px; }
  .isbot.is-open { left: 0; right: 0; bottom: 0; top: 0; }
  .isbot.is-open .isbot__launcher { display: none; }
  .isbot__panel { position: fixed; inset: 0; width: auto; height: auto; border-radius: 0; }
  .isbot__teaser { width: min(220px, calc(100vw - 40px)); }
}
@media (prefers-reduced-motion: reduce) { .isbot *, .isbot { animation: none !important; transition: none !important; } }

/* =================== Panier : upsell / cross-sell (sobre) =================== */
.isx { --isx-color: #d9230f; --isx-ink: #1d1f23; --isx-muted: #6b7079; --isx-line: #e4e6ea; --isx-soft: #f6f7f9; --isx-ok: #1a7f45;
  position: relative; margin: 24px 0; font-size: 14px; line-height: 1.45; color: var(--isx-ink); clear: both; text-align: left; }
.isx[hidden], .isx [hidden] { display: none !important; }
.isx *, .isx *::before, .isx *::after { box-sizing: border-box; }
.isx a, .isx a:hover, .isx a:focus { text-decoration: none !important; color: var(--isx-ink) !important; }
.isx button { font: inherit; cursor: pointer; margin: 0; text-transform: none; letter-spacing: 0; box-shadow: none; }
.isx__sec { margin-top: 28px; }
.isx__title { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--isx-line); font-size: 16px; font-weight: 700; color: var(--isx-ink); text-transform: uppercase; letter-spacing: .03em; }
.isx__label { display: block; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: var(--isx-muted); }
.isx .is-busy { opacity: .55; pointer-events: none; }
.isx__err { display: block; margin-top: 4px; color: #b42318; font-size: 12px; }

/* Boutons */
.isx .isx__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 20px !important; border: 0; border-radius: 6px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .03em; transition: filter .15s; }
.isx .isx__btn--primary { background: var(--isx-color); color: #fff; }
.isx .isx__btn--primary:hover { filter: brightness(.92); }
.isx .isx__btn:disabled { background: #c9cdd3; cursor: not-allowed; }
.isx .isx__add { flex: 0 0 auto; height: 36px; padding: 0 16px !important; border: 0; border-radius: 6px; background: var(--isx-color); color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; transition: filter .15s; }
.isx .isx__add:hover { filter: brightness(.92); color: #fff; }
.isx .isx__link { flex: 0 0 auto; padding: 0 !important; border: 0; background: none; color: var(--isx-color); font-weight: 700; font-size: 12px; text-transform: uppercase; text-decoration: underline; }
.isx .is-ok, .isx .is-ok:hover { background: var(--isx-ok) !important; border-color: var(--isx-ok) !important; color: #fff !important; text-decoration: none; }
.isx .isx__link.is-ok { background: none !important; color: var(--isx-ok) !important; }

/* Livraison offerte */
.isx__gap { padding: 16px 18px; border: 1px solid var(--isx-line); border-radius: 8px; background: #fff; }
.isx__gap-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 10px; }
.isx__gap-title { font-weight: 700; font-size: 14px; }
.isx__gap-goal { font-size: 12px; color: var(--isx-muted); white-space: nowrap; }
.isx__track { height: 6px; border-radius: 999px; background: #eceef1; overflow: hidden; }
.isx__fill { display: block; height: 100%; border-radius: 999px; background: var(--isx-color); transition: width .5s ease; }
.isx__gap-txt { margin: 10px 0 0; font-size: 13px; color: var(--isx-muted); }
.isx__gap-txt strong { color: var(--isx-ink); }
.isx__fillers { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--isx-line); }
.isx__chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.isx__chip { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--isx-line); border-radius: 6px; background: #fff; }
.isx__chip img { width: 40px; height: 40px; object-fit: contain; }
.isx__chip-txt { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: 12px; }
.isx__chip-txt span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isx__chip-txt strong { font-size: 13px; }
.isx__done { padding: 12px 16px; border: 1px solid #cfe7d8; border-left: 3px solid var(--isx-ok); border-radius: 6px; background: #f3faf6; color: var(--isx-ok); font-weight: 600; font-size: 13px; }

/* Upsell */
.isx__up { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 16px; border: 1px solid var(--isx-line); border-radius: 8px; background: #fff; }
.isx__up + .isx__up { margin-top: 10px; }
.isx__up-img { display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; }
.isx__up-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.isx__up-main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.isx__up-tag { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--isx-color); }
.isx__up-name { font-size: 15px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isx__up-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.isx__badge-ok, .isx__badge-soft { padding: 2px 8px; border-radius: 4px; background: var(--isx-soft); color: var(--isx-muted); font-size: 12px; font-weight: 600; }
.isx__badge-ok { color: var(--isx-ok); }
.isx__badge-ok s { font-weight: 400; opacity: .7; }
.isx__up-from { font-size: 12px; color: var(--isx-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isx__up-from span { font-weight: 600; }
.isx__up-buy { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.isx__up-price { font-size: 20px; font-weight: 800; line-height: 1.1; white-space: nowrap; }
.isx__up-diff { font-size: 12px; color: var(--isx-muted); white-space: nowrap; }
.isx__up .isx__replace { margin-top: 10px; white-space: nowrap; }

/* Pack accessoires */
.isx__bundle { margin-top: 28px; padding: 16px 18px; border: 1px solid var(--isx-line); border-radius: 8px; background: #fff; }
.isx__bundle-head { margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--isx-line); }
.isx__bundle-head div { display: flex; flex-direction: column; gap: 2px; }
.isx__bundle-head strong { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.isx__bundle-head span { font-size: 13px; color: var(--isx-muted); }
.isx__bundle-row { display: flex; align-items: stretch; gap: 8px; overflow-x: auto; padding-bottom: 6px; }
.isx__bundle-main, .isx__bundle-item { flex: 0 0 150px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px; border-radius: 6px; text-align: center; font-size: 12px; }
.isx__bundle-main { background: var(--isx-soft); color: var(--isx-muted); font-weight: 600; justify-content: center; }
.isx__bundle-main img, .isx__bundle-item img { width: 86px; height: 86px; object-fit: contain; }
.isx__bundle-plus { align-self: center; font-size: 18px; color: #b5b9c0; }
.isx__bundle-item { position: relative; border: 1px solid var(--isx-line); cursor: pointer; background: #fff; opacity: .6; transition: border-color .15s, opacity .15s; }
.isx__bundle-item:has(input:checked) { border-color: var(--isx-ink); opacity: 1; }
.isx__bundle-item input { position: absolute; opacity: 0; pointer-events: none; }
.isx__tick { position: absolute; top: 8px; left: 8px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 3px; border: 1.5px solid #b5b9c0; background: #fff; color: transparent; }
.isx__tick svg { width: 12px; height: 12px; }
.isx__bundle-item:has(input:checked) .isx__tick { background: var(--isx-ink); border-color: var(--isx-ink); color: #fff; }
.isx__bundle-name { line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isx__bundle-item strong { font-size: 13px; }
.isx__bundle-add { width: 100%; margin-top: 10px; }

/* Cartes produits (page panier) */
.isx__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.isx__c { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--isx-line); border-radius: 8px; background: #fff; transition: border-color .15s; }
.isx__c:hover { border-color: #c4c8ce; }
.isx__c-img { display: flex; align-items: center; justify-content: center; height: 130px; }
.isx__c-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.isx__c-body { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
.isx__c-reason { font-size: 11px; font-weight: 600; color: var(--isx-muted); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isx__c-name { font-size: 13px; line-height: 1.35; min-height: 2.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isx__c-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; margin-top: auto; }
.isx__c-price strong { font-size: 15px; font-weight: 800; }
.isx__c-price s { font-size: 12px; color: #9aa0a8; }
.isx__c-price em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--isx-color); }
.isx__c .isx__add { width: 100%; }
.isx .isx__more { display: block; margin: 14px auto 0; height: 38px; padding: 0 20px !important; border: 1px solid var(--isx-line); border-radius: 6px; background: #fff; color: var(--isx-ink); font-weight: 600; font-size: 13px; }
.isx .isx__more:hover { border-color: var(--isx-ink); }

/* Liste compacte (page commande) */
.isx__cards--list { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--isx-line); border-radius: 8px; background: #fff; }
.isx__cards--list .isx__c { flex-direction: row; align-items: center; gap: 12px; padding: 12px 14px; border: 0; border-radius: 0; }
.isx__cards--list .isx__c + .isx__c { border-top: 1px solid var(--isx-line); }
.isx__cards--list .isx__c-img { flex: 0 0 56px; height: 56px; }
.isx__cards--list .isx__c-name { min-height: 0; font-size: 12.5px; }
.isx__cards--list .isx__c-price strong { font-size: 14px; }
.isx__cards--list .isx__c .isx__add { width: auto; height: 32px; padding: 0 12px !important; font-size: 11px; }

/* Toast */
.isx__toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 99995; padding: 11px 18px; border-radius: 6px; background: var(--isx-ink); color: #fff; font-weight: 600; font-size: 13px; box-shadow: 0 10px 26px rgba(0,0,0,.2); }

.isx--order { margin: 16px 0; }
.isx--order .isx__title { font-size: 14px; }
/* Page commande : même habillage que le panier (carte blanche, titre à l'intérieur) */
.isx--order .isx__sec { margin-top: 16px; padding: 16px; border: 1px solid var(--isx-line); border-radius: 8px; background: #fff; }
.isx--order .isx__cards--list { border: 0; border-radius: 0; }
.isx--order .isx__cards--list .isx__c { padding: 12px 0; }
.isx--order .isx__gap { padding: 12px 14px; }

@media (max-width: 640px) {
  .isx__up { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; padding: 12px; }
  .isx__up-img { width: 80px; height: 80px; }
  .isx__up-buy { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; text-align: left; }
  .isx__up .isx__replace { width: 100%; }
  .isx__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .isx__cards--list { display: flex; }
  .isx__bundle-main, .isx__bundle-item { flex-basis: 130px; }
}
/* Page commande : le thème centre le texte de la colonne panier → on réaligne à gauche */
.isx--order, .isx--order .isx__c, .isx--order .isx__c-body, .isx--order .isx__c-name, .isx--order .isx__c-price { text-align: left !important; }
.isx--order .isx__c-body { flex: 1 1 auto; min-width: 0; align-items: flex-start !important; }
.isx--order .isx__cards--list .isx__c-img { display: flex; align-items: center; justify-content: center; }
.isx--order .isx__cards--list .isx__c-img img { width: 56px; height: 56px; object-fit: contain; }
.isx--order .isx__cards--list .isx__c .isx__add { margin-left: auto; }
.isx .isx__cards--list { align-items: stretch !important; }
/* Panier latéral du thème : suggestions compactes entre les produits et le total */
.isx--drawer { margin: 14px 0 6px; font-size: 13px; }
.isx--drawer .isx__gap { padding: 10px 12px; }
.isx--drawer .isx__sec { margin-top: 12px; padding: 12px; }
.isx--drawer .isx__title { font-size: 12.5px; margin-bottom: 4px; padding-bottom: 8px; }
.isx--drawer .isx__cards--list .isx__c { padding: 10px 0; gap: 10px; }
.isx--drawer .isx__cards--list .isx__c-img { flex: 0 0 48px; height: 48px; }
.isx--drawer .isx__cards--list .isx__c-img img { width: 48px; height: 48px; }
.isx--drawer .isx__c-name { font-size: 11.5px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.isx--drawer .isx__c-price strong { font-size: 13px; }
.isx--drawer .isx__c-reason { font-size: 11px; color: var(--isx-muted); text-transform: none; letter-spacing: 0; font-weight: 500; }
.isx--drawer .isx__cards--list .isx__c .isx__add { height: 30px; padding: 0 10px !important; font-size: 10.5px; }
.isx--drawer .isx__done { font-size: 12px; }