/* =========================================================
   Findzle Search — Catalog V2 experience
   Additive stylesheet. Existing topbar/shared components are untouched.
   ========================================================= */

:root {
    --fzl-v2-border: #e5e7eb;
    --fzl-v2-muted: #667085;
    --fzl-v2-soft: #f8fafc;
    --fzl-v2-soft-2: #f2f4f7;
    --fzl-v2-text: #101828;
    --fzl-v2-accent: #155eef;
    --fzl-v2-danger: #b42318;
    --fzl-v2-warning: #b54708;
    --fzl-v2-radius: 16px;
    --fzl-v2-shadow: 0 8px 24px rgba(16,24,40,.07);
}

.fzl-v2-home-hero {
    padding: 92px 20px 64px;
    background:
        radial-gradient(circle at 50% 20%, rgba(21,94,239,.08), transparent 36%),
        linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border-bottom: 1px solid var(--fzl-v2-border);
}

.fzl-v2-home-hero__inner { text-align:center; max-width:980px; }
.fzl-v2-home-mark { display:flex; justify-content:center; align-items:baseline; gap:10px; margin-bottom:12px; }
.fzl-v2-home-mark__findzle { font-size:38px; font-weight:850; letter-spacing:-1.5px; color:var(--fzl-v2-text); }
.fzl-v2-home-mark__search { font-size:16px; font-weight:750; color:var(--fzl-v2-accent); }
.fzl-v2-home-hero h1 { margin:0; font-size:clamp(30px,4vw,52px); line-height:1.08; letter-spacing:-1.8px; }
.fzl-v2-home-hero p { max-width:760px; margin:18px auto 28px; color:var(--fzl-v2-muted); font-size:17px; line-height:1.65; }

.fzl-v2-search-hero { max-width:860px; margin:0 auto; display:grid; grid-template-columns:150px 1fr; border:1px solid #d0d5dd; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(16,24,40,.09); overflow:visible; }
.fzl-v2-search-hero > select { border:0; border-right:1px solid var(--fzl-v2-border); border-radius:18px 0 0 18px; padding:0 16px; font:inherit; background:#fff; color:#344054; }
.fzl-v2-search-hero__input { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:7px; }
.fzl-v2-search-hero__input > span { padding-left:8px; font-size:23px; color:#667085; }
.fzl-v2-search-hero__input input { min-width:0; border:0; outline:0; padding:12px 4px; font:inherit; font-size:16px; }
.fzl-v2-search-hero__input button,
.fzl-v2-primary-button { border:0; border-radius:12px; background:var(--fzl-v2-accent); color:#fff; padding:12px 18px; font:inherit; font-weight:750; cursor:pointer; text-decoration:none; }
.fzl-v2-home-links { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-top:18px; font-size:13px; }
.fzl-v2-home-links a { color:#475467; text-decoration:none; }

.fzl-v2-home-section { padding-top:42px; padding-bottom:16px; }
.fzl-v2-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px; }
.fzl-v2-section-heading span { display:block; color:var(--fzl-v2-accent); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; }
.fzl-v2-section-heading h2 { margin:0; color:var(--fzl-v2-text); font-size:24px; letter-spacing:-.4px; }
.fzl-v2-section-heading > a { color:var(--fzl-v2-accent); text-decoration:none; font-size:13px; font-weight:700; }

.fzl-v2-category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
.fzl-v2-category-tile { min-height:92px; display:flex; flex-direction:column; justify-content:center; gap:5px; border:1px solid var(--fzl-v2-border); border-radius:14px; padding:16px; background:#fff; color:var(--fzl-v2-text); text-decoration:none; transition:.15s ease; }
.fzl-v2-category-tile:hover { transform:translateY(-2px); box-shadow:var(--fzl-v2-shadow); border-color:#c7d7fe; }
.fzl-v2-category-tile small { color:var(--fzl-v2-muted); }

.fzl-v2-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.fzl-v2-product-card { min-width:0; border:1px solid var(--fzl-v2-border); border-radius:var(--fzl-v2-radius); background:#fff; overflow:hidden; display:flex; flex-direction:column; }
.fzl-v2-product-card__media { display:flex; align-items:center; justify-content:center; height:210px; background:#fff; border-bottom:1px solid #f0f2f5; padding:16px; }
.fzl-v2-product-card__media img { width:100%; height:100%; object-fit:contain; }
.fzl-v2-image-placeholder { width:74px; height:74px; border-radius:18px; display:grid; place-items:center; background:#eef4ff; color:#2e5aac; font-size:30px; font-weight:850; }
.fzl-v2-image-placeholder--large { width:130px; height:130px; font-size:46px; }
.fzl-v2-product-card__body { padding:15px; display:flex; flex-direction:column; gap:8px; flex:1; }
.fzl-v2-brand-link { color:#475467; text-decoration:none; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.fzl-v2-product-card h3 { margin:0; font-size:15px; line-height:1.35; }
.fzl-v2-product-card h3 a { color:var(--fzl-v2-text); text-decoration:none; }
.fzl-v2-product-card__meta { display:flex; flex-wrap:wrap; gap:7px; color:#667085; font-size:12px; }
.fzl-v2-product-card__footer { margin-top:auto; display:flex; align-items:end; justify-content:space-between; gap:8px; padding-top:8px; }
.fzl-v2-product-card__footer strong { color:var(--fzl-v2-text); font-size:13px; }
.fzl-v2-compare { color:#667085; font-size:11px; white-space:nowrap; }

.fzl-v2-pill { display:inline-flex; align-items:center; border-radius:999px; background:#eff8ff; color:#175cd3; padding:4px 8px; font-size:11px; font-weight:750; }
.fzl-v2-pill--muted { background:#f2f4f7; color:#475467; }
.fzl-v2-pill--danger { background:#fef3f2; color:var(--fzl-v2-danger); }

.fzl-v2-brand-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.fzl-v2-brand-tile { min-height:96px; border:1px solid var(--fzl-v2-border); border-radius:14px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-decoration:none; color:var(--fzl-v2-text); padding:14px; }
.fzl-v2-brand-tile img { max-width:120px; max-height:38px; object-fit:contain; }
.fzl-v2-brand-tile small { color:#667085; }

/* Results */
.fzl-v2-results { padding-top:26px; padding-bottom:60px; }
.fzl-v2-results-search { max-width:900px; display:grid; grid-template-columns:130px 1fr auto; border:1px solid #d0d5dd; border-radius:13px; overflow:hidden; background:#fff; margin-bottom:28px; }
.fzl-v2-results-search select,.fzl-v2-results-search input,.fzl-v2-results-search button { border:0; font:inherit; }
.fzl-v2-results-search select { padding:0 13px; border-right:1px solid var(--fzl-v2-border); background:#fff; }
.fzl-v2-results-search input { padding:13px 15px; outline:0; min-width:0; }
.fzl-v2-results-search button { background:#344054; color:#fff; padding:0 18px; font-weight:750; cursor:pointer; }
.fzl-v2-results-head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; border-bottom:1px solid var(--fzl-v2-border); padding-bottom:16px; margin-bottom:18px; }
.fzl-v2-results-head p { margin:0 0 3px; color:#667085; font-size:13px; }
.fzl-v2-results-head h1 { margin:0; font-size:28px; }
.fzl-v2-results-tools { display:flex; align-items:center; gap:12px; }
.fzl-v2-results-tools form { display:flex; align-items:center; gap:8px; }
.fzl-v2-results-tools label { font-size:12px; color:#667085; }
.fzl-v2-results-tools select { border:1px solid #d0d5dd; border-radius:9px; padding:7px 10px; background:#fff; }
.fzl-v2-view-switch { display:flex; border:1px solid #d0d5dd; border-radius:9px; overflow:hidden; }
.fzl-v2-view-switch a { padding:6px 9px; text-decoration:none; color:#667085; border-right:1px solid #eaecf0; }
.fzl-v2-view-switch a:last-child { border-right:0; }
.fzl-v2-view-switch a.is-active { background:#eef4ff; color:#175cd3; }
.fzl-v2-results-layout { display:grid; grid-template-columns:230px minmax(0,1fr) 250px; gap:24px; align-items:start; }
.fzl-v2-filter-sidebar,.fzl-v2-context-sidebar { position:sticky; top:84px; }
.fzl-v2-filter-title { display:flex; justify-content:space-between; align-items:center; padding-bottom:12px; border-bottom:1px solid var(--fzl-v2-border); }
.fzl-v2-filter-title a { color:#667085; font-size:11px; }
.fzl-v2-filter-sidebar details { border-bottom:1px solid var(--fzl-v2-border); padding:12px 0; }
.fzl-v2-filter-sidebar summary { cursor:pointer; font-weight:750; font-size:13px; }
.fzl-v2-filter-sidebar label { display:block; margin-top:9px; color:#475467; font-size:12px; }
.fzl-v2-filter-sidebar small { color:#98a2b3; font-size:10px; line-height:1.4; }
.fzl-v2-filter-links { display:flex; flex-direction:column; gap:4px; margin-top:8px; }
.fzl-v2-filter-links--scroll { max-height:260px; overflow:auto; }
.fzl-v2-filter-links a,.fzl-v2-filter-row { display:flex; justify-content:space-between; gap:8px; padding:6px 7px; border-radius:7px; text-decoration:none; color:#475467; font-size:12px; }
.fzl-v2-filter-links a:hover,.fzl-v2-filter-links a.is-active { background:#eef4ff; color:#175cd3; }
.fzl-v2-filter-row { padding-left:0; padding-right:0; }

.fzl-v2-result-list { display:flex; flex-direction:column; gap:14px; }
.fzl-v2-result-card { border:1px solid var(--fzl-v2-border); border-radius:14px; background:#fff; padding:14px; display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; }
.fzl-v2-result-card__image { display:flex; align-items:center; justify-content:center; min-height:145px; background:#fafafa; border-radius:11px; }
.fzl-v2-result-card__image img { width:100%; height:145px; object-fit:contain; }
.fzl-v2-result-card__heading { display:flex; justify-content:space-between; gap:12px; }
.fzl-v2-result-card h2 { margin:3px 0 8px; font-size:18px; }
.fzl-v2-result-card h2 a { color:var(--fzl-v2-text); text-decoration:none; }
.fzl-v2-result-card p { margin:0 0 10px; color:#667085; line-height:1.55; font-size:13px; }
.fzl-v2-result-card__codes { display:flex; flex-wrap:wrap; gap:12px; color:#667085; font-size:11px; }
.fzl-v2-result-card__bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:15px; margin-top:14px; padding-top:12px; border-top:1px solid #f2f4f7; }
.fzl-v2-result-card__bottom > div { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.fzl-v2-result-card__actions { justify-content:flex-end; text-align:right; }
.fzl-v2-result-card__actions a,.fzl-v2-link-button { color:var(--fzl-v2-accent); background:none; border:0; padding:0; font:inherit; font-size:11px; font-weight:700; cursor:pointer; text-decoration:none; }
.fzl-v2-result-list--grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.fzl-v2-result-list--grid .fzl-v2-result-card { grid-template-columns:1fr; }
.fzl-v2-result-list--grid .fzl-v2-result-card__image img { height:220px; }
.fzl-v2-result-list--compact .fzl-v2-result-card { grid-template-columns:100px 1fr; padding:10px; }
.fzl-v2-result-list--compact .fzl-v2-result-card__image,.fzl-v2-result-list--compact .fzl-v2-result-card__image img { min-height:90px; height:90px; }
.fzl-v2-result-list--dense .fzl-v2-result-card { grid-template-columns:70px 1fr; padding:8px 10px; }
.fzl-v2-result-list--dense .fzl-v2-result-card__image,.fzl-v2-result-list--dense .fzl-v2-result-card__image img { min-height:64px; height:64px; }
.fzl-v2-result-list--dense .fzl-v2-result-card p { display:none; }
.fzl-v2-context-card { border:1px solid var(--fzl-v2-border); border-radius:12px; padding:14px; margin-bottom:12px; background:#fff; }
.fzl-v2-context-card h2 { margin:0 0 10px; font-size:14px; }
.fzl-v2-context-card p { color:#667085; font-size:11px; line-height:1.5; }
.fzl-v2-mini-product { display:flex; flex-direction:column; gap:2px; padding:8px 0; border-bottom:1px solid #f2f4f7; color:#344054; text-decoration:none; font-size:12px; }
.fzl-v2-mini-product small { color:#98a2b3; }
.fzl-v2-chips { display:flex; flex-wrap:wrap; gap:6px; }
.fzl-v2-chips a,.fzl-v2-chips span { background:#f2f4f7; color:#475467; border-radius:999px; padding:5px 8px; font-size:10px; text-decoration:none; }
.fzl-v2-pagination { display:flex; justify-content:center; align-items:center; gap:18px; margin-top:28px; font-size:13px; }
.fzl-v2-pagination a { color:var(--fzl-v2-accent); text-decoration:none; }

/* Product */
.fzl-v2-product-page { padding-top:24px; padding-bottom:70px; }
.fzl-v2-breadcrumb { display:flex; flex-wrap:wrap; gap:7px; align-items:center; color:#98a2b3; font-size:11px; margin-bottom:18px; }
.fzl-v2-breadcrumb a { color:#667085; text-decoration:none; }
.fzl-v2-product-header { display:grid; grid-template-columns:minmax(280px,420px) minmax(0,1fr) 270px; gap:30px; align-items:start; }
.fzl-v2-gallery__main { height:430px; display:flex; align-items:center; justify-content:center; border:1px solid var(--fzl-v2-border); border-radius:18px; background:#fff; padding:22px; }
.fzl-v2-gallery__main img { width:100%; height:100%; object-fit:contain; }
.fzl-v2-gallery__thumbs { display:flex; gap:8px; margin-top:10px; overflow:auto; }
.fzl-v2-gallery__thumbs button { width:64px; height:64px; border:1px solid var(--fzl-v2-border); border-radius:9px; background:#fff; padding:5px; cursor:pointer; }
.fzl-v2-gallery__thumbs img { width:100%; height:100%; object-fit:contain; }
.fzl-v2-product-summary h1 { margin:5px 0 10px; font-size:34px; line-height:1.12; letter-spacing:-.8px; }
.fzl-v2-product-tags { display:flex; flex-wrap:wrap; gap:7px; margin:8px 0 16px; }
.fzl-v2-rating-line { display:flex; gap:8px; align-items:center; margin:14px 0; color:#667085; }
.fzl-v2-rating-line strong { color:#b54708; }
.fzl-v2-product-identifiers { display:flex; flex-wrap:wrap; gap:10px 18px; color:#667085; font-size:11px; margin:14px 0; }
.fzl-v2-product-lead { color:#475467; line-height:1.65; font-size:14px; }
.fzl-v2-cert-strip { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.fzl-v2-cert-strip span { padding:7px 9px; border-radius:9px; background:#ecfdf3; color:#027a48; font-size:11px; font-weight:700; }
.fzl-v2-buybox { border:1px solid var(--fzl-v2-border); border-radius:16px; padding:18px; background:#fff; box-shadow:var(--fzl-v2-shadow); }
.fzl-v2-buybox > p { margin:0 0 4px; color:#667085; font-size:11px; }
.fzl-v2-buybox__price { display:block; font-size:28px; margin-bottom:12px; }
.fzl-v2-buybox__price--empty { color:#667085; font-size:18px; }
.fzl-v2-buybox__status { display:flex; flex-direction:column; gap:6px; color:#027a48; font-size:11px; margin-bottom:14px; }
.fzl-v2-buybox .fzl-v2-primary-button { display:block; text-align:center; }
.fzl-v2-buybox__actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:13px; }
.fzl-v2-buybox__actions button,.fzl-v2-buybox__actions label { background:none; border:0; color:#667085; padding:0; font:inherit; font-size:10px; cursor:pointer; }
.fzl-v2-product-tabs { position:sticky; top:62px; z-index:20; display:flex; gap:4px; overflow:auto; margin:28px 0 22px; padding:8px; border:1px solid var(--fzl-v2-border); border-radius:12px; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); }
.fzl-v2-product-tabs a { white-space:nowrap; padding:8px 11px; border-radius:8px; color:#475467; text-decoration:none; font-size:11px; font-weight:700; }
.fzl-v2-product-tabs a:hover { background:#f2f4f7; color:#175cd3; }
.fzl-v2-product-content { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; align-items:start; }
.fzl-v2-detail-section { scroll-margin-top:130px; border:1px solid var(--fzl-v2-border); border-radius:16px; background:#fff; padding:20px; margin-bottom:16px; }
.fzl-v2-detail-section > p { color:#475467; line-height:1.65; }
.fzl-v2-info-grid,.fzl-v2-price-summary,.fzl-v2-spec-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.fzl-v2-info-grid > div,.fzl-v2-price-summary > div,.fzl-v2-spec-grid > div { border:1px solid #eaecf0; border-radius:11px; padding:12px; background:#fcfcfd; }
.fzl-v2-info-grid .is-wide { grid-column:1/-1; }
.fzl-v2-info-grid small,.fzl-v2-price-summary small,.fzl-v2-spec-grid dt { display:block; color:#98a2b3; font-size:10px; margin-bottom:4px; }
.fzl-v2-spec-grid dd { margin:0; color:#344054; font-weight:700; }
.fzl-v2-price-chart { min-height:290px; margin:16px 0; border:1px solid #eaecf0; border-radius:12px; padding:12px; overflow:hidden; }
.fzl-v2-price-chart svg { width:100%; height:265px; display:block; }
.fzl-v2-chart-empty,.fzl-v2-empty-inline { display:grid; place-items:center; min-height:100px; color:#98a2b3; text-align:center; font-size:12px; }
.fzl-v2-table-wrap { overflow:auto; }
.fzl-v2-table { width:100%; border-collapse:collapse; font-size:12px; }
.fzl-v2-table th,.fzl-v2-table td { padding:9px 10px; border-bottom:1px solid #eaecf0; text-align:left; }
.fzl-v2-table th { color:#667085; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.fzl-v2-offers,.fzl-v2-inventory-list { display:flex; flex-direction:column; gap:8px; }
.fzl-v2-offers article,.fzl-v2-inventory-list article { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:15px; align-items:center; border:1px solid #eaecf0; border-radius:11px; padding:12px; }
.fzl-v2-offers article > div,.fzl-v2-inventory-list article > div { display:flex; flex-direction:column; gap:3px; }
.fzl-v2-offers small,.fzl-v2-inventory-list small { color:#667085; font-size:10px; }
.fzl-v2-offers a { color:var(--fzl-v2-accent); font-size:10px; text-decoration:none; }
.fzl-v2-offer-status { align-items:flex-start; }
.fzl-v2-subheading { font-size:15px; margin:20px 0 10px; }
.fzl-v2-allergens { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:12px; background:#fff8eb; border-radius:10px; }
.fzl-v2-allergens span { background:#fff; border:1px solid #fedf89; border-radius:999px; padding:5px 8px; font-size:10px; }
.fzl-v2-ingredients { color:#344054; }
.fzl-v2-nutrition { max-width:460px; border:2px solid #101828; padding:10px; }
.fzl-v2-nutrition__title { font-size:22px; font-weight:850; border-bottom:8px solid #101828; padding-bottom:5px; }
.fzl-v2-nutrition__title small { font-size:10px; font-weight:500; }
.fzl-v2-nutrition > div:not(.fzl-v2-nutrition__title) { display:grid; grid-template-columns:1fr auto auto; gap:10px; padding:5px 0; border-bottom:1px solid #667085; font-size:11px; }
.fzl-v2-nutrition em { font-style:normal; font-weight:800; }
.fzl-v2-relation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.fzl-v2-relation-grid a { display:flex; flex-direction:column; gap:3px; border:1px solid #eaecf0; border-radius:10px; padding:12px; color:#344054; text-decoration:none; }
.fzl-v2-relation-grid small { color:#175cd3; font-weight:800; }
.fzl-v2-relation-grid span,.fzl-v2-relation-grid em { color:#667085; font-size:10px; font-style:normal; }
.fzl-v2-diagram { border-top:1px solid #eaecf0; padding-top:14px; margin-top:14px; }
.fzl-v2-diagram img { max-width:100%; max-height:600px; object-fit:contain; }
.fzl-v2-diagram-parts { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.fzl-v2-diagram-parts a { background:#f2f4f7; border-radius:7px; padding:6px 8px; color:#344054; text-decoration:none; font-size:10px; }
.fzl-v2-recall { border:1px solid #fecdca; border-left:4px solid #d92d20; border-radius:10px; padding:13px; background:#fffbfa; margin-bottom:9px; }
.fzl-v2-recall > div:first-child { display:flex; gap:9px; }
.fzl-v2-recall small { display:block; color:#667085; margin-top:2px; }
.fzl-v2-recall p { color:#475467; font-size:12px; }
.fzl-v2-document-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.fzl-v2-document-list a { display:flex; flex-direction:column; gap:4px; border:1px solid #eaecf0; border-radius:10px; padding:12px; color:#344054; text-decoration:none; }
.fzl-v2-document-list span { color:#175cd3; font-size:9px; font-weight:800; }
.fzl-v2-document-list small { color:#98a2b3; }
.fzl-v2-timeline { position:relative; margin-left:7px; border-left:2px solid #d0d5dd; padding-left:18px; }
.fzl-v2-timeline article { position:relative; display:grid; grid-template-columns:110px 1fr; gap:12px; padding:0 0 18px; }
.fzl-v2-timeline article::before { content:""; position:absolute; left:-24px; top:3px; width:10px; height:10px; border-radius:50%; background:#155eef; border:3px solid #eef4ff; }
.fzl-v2-timeline time { color:#667085; font-size:11px; }
.fzl-v2-timeline p { margin:5px 0 0; color:#667085; font-size:12px; }
.fzl-v2-review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.fzl-v2-review-grid article { border:1px solid #eaecf0; border-radius:9px; padding:10px; }
.fzl-v2-review-grid small { display:block; color:#98a2b3; margin-top:3px; }
.fzl-v2-product-aside { position:sticky; top:120px; display:flex; flex-direction:column; gap:12px; }
.fzl-v2-product-aside section { border:1px solid var(--fzl-v2-border); border-radius:13px; padding:14px; background:#fff; }
.fzl-v2-product-aside h2 { margin:0 0 10px; font-size:13px; }
.fzl-v2-product-aside section > a,.fzl-v2-product-aside section > div { display:flex; flex-direction:column; gap:2px; padding:7px 0; border-bottom:1px solid #f2f4f7; color:#344054; text-decoration:none; font-size:11px; }
.fzl-v2-product-aside small { color:#98a2b3; }

/* Directory / entity pages */
.fzl-v2-directory,.fzl-v2-entity-page { padding-top:36px; padding-bottom:70px; }
.fzl-v2-page-title { margin-bottom:24px; }
.fzl-v2-page-title > span,.fzl-v2-entity-header > div:nth-child(2) > span { color:#175cd3; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.fzl-v2-page-title h1,.fzl-v2-entity-header h1 { margin:5px 0 7px; font-size:34px; }
.fzl-v2-page-title p,.fzl-v2-entity-header p { color:#667085; max-width:700px; }
.fzl-v2-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.fzl-v2-directory-card { display:grid; grid-template-columns:100px 1fr; align-items:center; gap:14px; border:1px solid var(--fzl-v2-border); border-radius:13px; padding:13px; color:#344054; text-decoration:none; background:#fff; }
.fzl-v2-directory-card__logo { height:60px; display:grid; place-items:center; background:#fafafa; border-radius:9px; text-align:center; padding:6px; }
.fzl-v2-directory-card__logo img { max-width:100%; max-height:42px; object-fit:contain; }
.fzl-v2-directory-card > div:last-child { display:flex; flex-direction:column; gap:3px; }
.fzl-v2-directory-card small,.fzl-v2-directory-card span { color:#98a2b3; font-size:10px; }
.fzl-v2-entity-header { display:grid; grid-template-columns:170px 1fr; gap:22px; align-items:center; padding-bottom:22px; border-bottom:1px solid var(--fzl-v2-border); margin-bottom:22px; }
.fzl-v2-entity-logo { height:130px; border:1px solid var(--fzl-v2-border); border-radius:14px; display:grid; place-items:center; padding:14px; background:#fff; text-align:center; }
.fzl-v2-entity-logo img { max-width:100%; max-height:80px; object-fit:contain; }
.fzl-v2-entity-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; }
.fzl-v2-branch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.fzl-v2-branch-grid article { border:1px solid #eaecf0; border-radius:11px; padding:13px; }
.fzl-v2-branch-grid h3 { margin:0 0 5px; font-size:15px; }
.fzl-v2-branch-grid p,.fzl-v2-branch-grid a { color:#667085; font-size:11px; line-height:1.5; }
.fzl-v2-branch-services { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0; }
.fzl-v2-branch-services span { background:#ecfdf3; color:#027a48; border-radius:999px; padding:4px 7px; font-size:9px; }
.fzl-v2-hours { display:flex; justify-content:space-between; padding:4px 0; font-size:10px; }
.fzl-v2-empty { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; }
.fzl-v2-empty a { color:#175cd3; }

/* Quick view */
.fzl-v2-quickview { position:fixed; top:0; right:0; width:min(430px,100vw); height:100vh; z-index:2000; background:#fff; box-shadow:-10px 0 30px rgba(16,24,40,.16); padding:58px 20px 20px; overflow:auto; transform:translateX(110%); transition:transform .22s ease; }
.fzl-v2-quickview.open { transform:translateX(0); }
.fzl-v2-quickview__close { position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:50%; border:1px solid #d0d5dd; background:#fff; cursor:pointer; font-size:20px; }

@media (max-width: 1180px) {
    .fzl-v2-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .fzl-v2-results-layout { grid-template-columns:210px minmax(0,1fr); }
    .fzl-v2-context-sidebar { display:none; }
    .fzl-v2-product-header { grid-template-columns:330px 1fr; }
    .fzl-v2-buybox { grid-column:2; }
}

@media (max-width: 860px) {
    .fzl-v2-search-hero { grid-template-columns:1fr; }
    .fzl-v2-search-hero > select { border-right:0; border-bottom:1px solid var(--fzl-v2-border); border-radius:18px 18px 0 0; padding:10px 16px; }
    .fzl-v2-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .fzl-v2-results-head { align-items:flex-start; flex-direction:column; }
    .fzl-v2-results-layout { grid-template-columns:1fr; }
    .fzl-v2-filter-sidebar { position:static; }
    .fzl-v2-product-header,.fzl-v2-product-content,.fzl-v2-entity-layout { grid-template-columns:1fr; }
    .fzl-v2-gallery__main { height:340px; }
    .fzl-v2-buybox { grid-column:auto; }
    .fzl-v2-product-aside { position:static; }
    .fzl-v2-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 580px) {
    .fzl-v2-home-hero { padding:58px 14px 40px; }
    .fzl-v2-search-hero__input { grid-template-columns:auto 1fr; }
    .fzl-v2-search-hero__input button { grid-column:1/-1; width:100%; }
    .fzl-v2-product-grid,.fzl-v2-directory-grid,.fzl-v2-branch-grid,.fzl-v2-info-grid,.fzl-v2-price-summary,.fzl-v2-spec-grid,.fzl-v2-relation-grid,.fzl-v2-document-list,.fzl-v2-review-grid { grid-template-columns:1fr; }
    .fzl-v2-result-card,.fzl-v2-result-list--grid .fzl-v2-result-card { grid-template-columns:1fr; }
    .fzl-v2-result-card__image img { height:190px; }
    .fzl-v2-results-tools { flex-wrap:wrap; }
    .fzl-v2-product-summary h1 { font-size:28px; }
    .fzl-v2-entity-header { grid-template-columns:1fr; }
    .fzl-v2-entity-logo { height:100px; }
    .fzl-v2-offers article,.fzl-v2-inventory-list article { grid-template-columns:1fr; }
}

/* =========================================================
   Phase 4.1 — thème Search explicite
   ---------------------------------------------------------
   Le vieux search.css suivait prefers-color-scheme: dark.
   Search V2 est maintenant CLAIR par défaut et le thème sombre
   est activé seulement par le toggle Search.
   ========================================================= */

:root,
html[data-search-theme="light"] {
    color-scheme: light;

    /* Réinitialise aussi les variables du vieux search.css. */
    --fzl-bg:#ffffff;
    --fzl-text:#101828;
    --fzl-muted:#667085;
    --fzl-border:#e5e7eb;
    --fzl-soft:#f8fafc;
    --fzl-card:#ffffff;

    --fzl-v2-border:#e5e7eb;
    --fzl-v2-muted:#667085;
    --fzl-v2-soft:#f8fafc;
    --fzl-v2-soft-2:#f2f4f7;
    --fzl-v2-text:#101828;
    --fzl-v2-accent:#155eef;
    --fzl-v2-shadow:0 8px 24px rgba(16,24,40,.07);
}

html[data-search-theme="dark"] {
    color-scheme: dark;

    --fzl-bg:#0f141b;
    --fzl-text:#eef2f8;
    --fzl-muted:#aeb7c7;
    --fzl-border:#303846;
    --fzl-soft:#181e27;
    --fzl-card:#151b23;

    --fzl-v2-border:#303846;
    --fzl-v2-muted:#aeb7c7;
    --fzl-v2-soft:#181e27;
    --fzl-v2-soft-2:#202733;
    --fzl-v2-text:#eef2f8;
    --fzl-v2-accent:#6da8ff;
    --fzl-v2-shadow:0 8px 28px rgba(0,0,0,.28);
}

body.fzl-search-body,
.fzl-search-main {
    background:var(--fzl-bg) !important;
    color:var(--fzl-text) !important;
}

/* Le contenu Search est blanc en mode clair, indépendamment du thème OS. */
html:not([data-search-theme="dark"]) .fzl-search-main,
html[data-search-theme="light"] .fzl-search-main,
html:not([data-search-theme="dark"]) .fzl-v2-home-section,
html[data-search-theme="light"] .fzl-v2-home-section,
html:not([data-search-theme="dark"]) .fzl-v2-results,
html[data-search-theme="light"] .fzl-v2-results,
html:not([data-search-theme="dark"]) .fzl-v2-product-page,
html[data-search-theme="light"] .fzl-v2-product-page,
html:not([data-search-theme="dark"]) .fzl-v2-entity-page,
html[data-search-theme="light"] .fzl-v2-entity-page,
html:not([data-search-theme="dark"]) .fzl-v2-directory,
html[data-search-theme="light"] .fzl-v2-directory {
    background:#fff !important;
    color:#101828 !important;
}

/* Corrige le gros titre presque blanc de la capture. */
.fzl-v2-home-hero h1,
.fzl-v2-page-title h1,
.fzl-v2-results-head h1,
.fzl-v2-product-summary h1,
.fzl-v2-entity-header h1,
.fzl-v2-detail-section h1,
.fzl-v2-detail-section h2,
.fzl-v2-detail-section h3,
.fzl-v2-directory h1 {
    color:var(--fzl-v2-text) !important;
}

/* Les contrôles ne doivent plus hériter du mode sombre du navigateur. */
.fzl-v2-search-hero,
.fzl-v2-search-hero > select,
.fzl-v2-search-hero__input,
.fzl-v2-search-hero__input input,
.fzl-v2-results-search,
.fzl-v2-results-search select,
.fzl-v2-results-search input,
.fzl-v2-results-tools select {
    background:var(--fzl-card) !important;
    color:var(--fzl-text) !important;
}

.fzl-v2-search-hero__input input::placeholder,
.fzl-v2-results-search input::placeholder {
    color:var(--fzl-muted) !important;
    opacity:1;
}

html:not([data-search-theme="dark"]) .fzl-footer,
html[data-search-theme="light"] .fzl-footer {
    background:#fff !important;
    border-color:#e5e7eb !important;
    color:#667085 !important;
}

html:not([data-search-theme="dark"]) .fzl-footer a,
html[data-search-theme="light"] .fzl-footer a {
    color:#667085 !important;
}

/* ---------------------------------------------------------
   Thème sombre V2
   --------------------------------------------------------- */
html[data-search-theme="dark"] .fzl-v2-home-hero {
    background:
        radial-gradient(circle at 50% 20%, rgba(60,130,246,.16), transparent 38%),
        linear-gradient(180deg,#111821 0%,#0f141b 100%);
    border-color:var(--fzl-v2-border);
}

html[data-search-theme="dark"] .fzl-v2-category-tile,
html[data-search-theme="dark"] .fzl-v2-product-card,
html[data-search-theme="dark"] .fzl-v2-brand-tile,
html[data-search-theme="dark"] .fzl-v2-result-card,
html[data-search-theme="dark"] .fzl-v2-context-card,
html[data-search-theme="dark"] .fzl-v2-gallery__main,
html[data-search-theme="dark"] .fzl-v2-gallery__thumbs button,
html[data-search-theme="dark"] .fzl-v2-buybox,
html[data-search-theme="dark"] .fzl-v2-detail-section,
html[data-search-theme="dark"] .fzl-v2-directory-card,
html[data-search-theme="dark"] .fzl-v2-entity-logo,
html[data-search-theme="dark"] .fzl-v2-branch-grid article,
html[data-search-theme="dark"] .fzl-v2-product-tabs,
html[data-search-theme="dark"] .fzl-v2-quickview,
html[data-search-theme="dark"] .fzl-v2-info-grid > div,
html[data-search-theme="dark"] .fzl-v2-price-summary > div,
html[data-search-theme="dark"] .fzl-v2-spec-grid > div {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border-color:#303846 !important;
}

html[data-search-theme="dark"] .fzl-v2-product-card__media,
html[data-search-theme="dark"] .fzl-v2-result-card__image {
    background:#171d25 !important;
    border-color:#303846 !important;
}

html[data-search-theme="dark"] .fzl-v2-product-card h3 a,
html[data-search-theme="dark"] .fzl-v2-result-card h2 a,
html[data-search-theme="dark"] .fzl-v2-directory-card,
html[data-search-theme="dark"] .fzl-v2-brand-tile,
html[data-search-theme="dark"] .fzl-v2-category-tile,
html[data-search-theme="dark"] .fzl-v2-mini-product,
html[data-search-theme="dark"] .fzl-v2-relation-grid a,
html[data-search-theme="dark"] .fzl-v2-document-list a {
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-v2-home-links a,
html[data-search-theme="dark"] .fzl-v2-product-lead,
html[data-search-theme="dark"] .fzl-v2-breadcrumb,
html[data-search-theme="dark"] .fzl-v2-breadcrumb a,
html[data-search-theme="dark"] .fzl-v2-result-card p,
html[data-search-theme="dark"] .fzl-v2-product-card__meta,
html[data-search-theme="dark"] .fzl-v2-page-title p,
html[data-search-theme="dark"] .fzl-v2-context-card p {
    color:#aeb7c7 !important;
}

html[data-search-theme="dark"] .fzl-v2-results-search button {
    background:#2d3748 !important;
    color:#fff !important;
}

html[data-search-theme="dark"] .fzl-footer {
    background:#111821 !important;
    border-color:#303846 !important;
    color:#aeb7c7 !important;
}
html[data-search-theme="dark"] .fzl-footer a { color:#aeb7c7 !important; }

/* ---------------------------------------------------------
   Toggle clair / sombre
   --------------------------------------------------------- */
.fzl-search-theme-toggle {
    position:fixed;
    right:20px;
    bottom:76px;
    z-index:1600;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:8px 12px;
    border:1px solid #d0d5dd;
    border-radius:999px;
    background:#fff;
    color:#344054;
    box-shadow:0 8px 24px rgba(16,24,40,.14);
    cursor:pointer;
    font:inherit;
    font-size:12px;
    font-weight:750;
}

.fzl-search-theme-toggle:hover {
    border-color:#9db8e8;
    box-shadow:0 10px 30px rgba(16,24,40,.18);
}

.fzl-search-theme-toggle__icon {
    font-size:16px;
    line-height:1;
}

html[data-search-theme="dark"] .fzl-search-theme-toggle {
    border-color:#394352;
    background:#151b23;
    color:#eef2f8;
    box-shadow:0 8px 24px rgba(0,0,0,.35);
}

@media (max-width:680px) {
    .fzl-search-theme-toggle {
        right:12px;
        bottom:72px;
        width:42px;
        height:42px;
        padding:0;
        justify-content:center;
    }
    .fzl-search-theme-toggle__label { display:none; }
}

/* Mode clair = topbar Search claire également. */
html:not([data-search-theme="dark"]) .fzl-topbar,
html[data-search-theme="light"] .fzl-topbar {
    background:rgba(255,255,255,.97) !important;
    border-bottom-color:#e5e7eb !important;
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-brand,
html[data-search-theme="light"] .fzl-brand,
html:not([data-search-theme="dark"]) .fzl-brand__product,
html[data-search-theme="light"] .fzl-brand__product,
html:not([data-search-theme="dark"]) .fzl-topnav a,
html[data-search-theme="light"] .fzl-topnav a {
    color:#475467 !important;
}

html:not([data-search-theme="dark"]) .fzl-searchbox,
html[data-search-theme="light"] .fzl-searchbox,
html:not([data-search-theme="dark"]) .fzl-topnav .fz-header-action-button,
html[data-search-theme="light"] .fzl-topnav .fz-header-action-button {
    background:#fff !important;
    color:#344054 !important;
    border-color:#d0d5dd !important;
}

html:not([data-search-theme="dark"]) .fzl-searchbox input,
html[data-search-theme="light"] .fzl-searchbox input {
    color:#101828 !important;
    background:transparent !important;
}

html:not([data-search-theme="dark"]) .fzl-topnav .fz-user-avatar,
html[data-search-theme="light"] .fzl-topnav .fz-user-avatar {
    background:#eef4ff !important;
    color:#175cd3 !important;
}

html:not([data-search-theme="dark"]) .fzl-topnav .fz-dropdown-panel,
html[data-search-theme="light"] .fzl-topnav .fz-dropdown-panel,
html:not([data-search-theme="dark"]) .fzl-topnav .fz-language-picker__panel,
html[data-search-theme="light"] .fzl-topnav .fz-language-picker__panel {
    background:#fff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
    box-shadow:0 20px 50px rgba(16,24,40,.16) !important;
}

html:not([data-search-theme="dark"]) .fzl-topnav .fz-dropdown-header strong,
html[data-search-theme="light"] .fzl-topnav .fz-dropdown-header strong,
html:not([data-search-theme="dark"]) .fzl-topnav .fz-app-launcher-name,
html[data-search-theme="light"] .fzl-topnav .fz-app-launcher-name,
html:not([data-search-theme="dark"]) .fzl-topnav .fz-user-menu-identity strong,
html[data-search-theme="light"] .fzl-topnav .fz-user-menu-identity strong,
html:not([data-search-theme="dark"]) .fzl-topnav .fz-user-menu-item,
html[data-search-theme="light"] .fzl-topnav .fz-user-menu-item,
html:not([data-search-theme="dark"]) .fzl-language-fallback-menu > button,
html[data-search-theme="light"] .fzl-language-fallback-menu > button {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-topnav input.fz-language-picker__search,
html[data-search-theme="light"] .fzl-topnav input.fz-language-picker__search {
    background:#fff !important;
    color:#101828 !important;
    border-color:#d0d5dd !important;
}

/* =========================================================
   Phase 4.2 — Compare : correctif du mode clair / sombre
   ========================================================= */

/* ---------------------------------------------------------
   MODE CLAIR — page Comparer
   --------------------------------------------------------- */
html:not([data-search-theme="dark"]) .fzl-v2-compare-page,
html[data-search-theme="light"] .fzl-v2-compare-page {
    background:#fff !important;
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-page h1,
html:not([data-search-theme="dark"]) .fzl-v2-compare-page h2,
html:not([data-search-theme="dark"]) .fzl-v2-compare-page h3,
html:not([data-search-theme="dark"]) .fzl-v2-compare-page p,
html[data-search-theme="light"] .fzl-v2-compare-page h1,
html[data-search-theme="light"] .fzl-v2-compare-page h2,
html[data-search-theme="light"] .fzl-v2-compare-page h3,
html[data-search-theme="light"] .fzl-v2-compare-page p {
    color:#101828 !important;
}

/* tableau principal */
html:not([data-search-theme="dark"]) .fzl-v2-compare-table,
html:not([data-search-theme="dark"]) .fzl-v2-compare-table table,
html[data-search-theme="light"] .fzl-v2-compare-table,
html[data-search-theme="light"] .fzl-v2-compare-table table {
    background:#fff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-table th,
html:not([data-search-theme="dark"]) .fzl-v2-compare-table td,
html[data-search-theme="light"] .fzl-v2-compare-table th,
html[data-search-theme="light"] .fzl-v2-compare-table td {
    background:#fff !important;
    color:#101828 !important;
    border-color:#e5e7eb !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-table th:first-child,
html:not([data-search-theme="dark"]) .fzl-v2-compare-table td:first-child,
html[data-search-theme="light"] .fzl-v2-compare-table th:first-child,
html[data-search-theme="light"] .fzl-v2-compare-table td:first-child {
    background:#f8fafc !important;
    color:#344054 !important;
    font-weight:700;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-table a,
html[data-search-theme="light"] .fzl-v2-compare-table a {
    color:#155eef !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-table small,
html[data-search-theme="light"] .fzl-v2-compare-table small {
    color:#667085 !important;
}

/* carte/entête produit dans le tableau */
html:not([data-search-theme="dark"]) .fzl-v2-compare-product,
html[data-search-theme="light"] .fzl-v2-compare-product {
    background:#fff !important;
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-product-image,
html[data-search-theme="light"] .fzl-v2-compare-product-image {
    background:#f8fafc !important;
    border-color:#e5e7eb !important;
}

/* actions en haut */
html:not([data-search-theme="dark"]) .fzl-v2-compare-actions .fzl-v2-primary-button,
html[data-search-theme="light"] .fzl-v2-compare-actions .fzl-v2-primary-button {
    background:#155eef !important;
    color:#fff !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-actions .fzl-v2-secondary-button,
html[data-search-theme="light"] .fzl-v2-compare-actions .fzl-v2-secondary-button {
    background:#fff !important;
    color:#344054 !important;
    border:1px solid #d0d5dd !important;
}

/* ---------------------------------------------------------
   MODE CLAIR — bouton flottant de comparaison
   --------------------------------------------------------- */
html:not([data-search-theme="dark"]) .fzl-v2-compare-dock,
html[data-search-theme="light"] .fzl-v2-compare-dock {
    background:#fff !important;
    color:#101828 !important;
    border:1px solid #d0d5dd !important;
    box-shadow:0 12px 34px rgba(16,24,40,.14) !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-dock strong,
html:not([data-search-theme="dark"]) .fzl-v2-compare-dock span,
html[data-search-theme="light"] .fzl-v2-compare-dock strong,
html[data-search-theme="light"] .fzl-v2-compare-dock span {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-dock .fzl-v2-primary-button,
html[data-search-theme="light"] .fzl-v2-compare-dock .fzl-v2-primary-button {
    background:#155eef !important;
    color:#fff !important;
    border:1px solid #155eef !important;
}

html:not([data-search-theme="dark"]) .fzl-v2-compare-dock .fzl-v2-secondary-button,
html[data-search-theme="light"] .fzl-v2-compare-dock .fzl-v2-secondary-button {
    background:#fff !important;
    color:#344054 !important;
    border:1px solid #d0d5dd !important;
}

/* ---------------------------------------------------------
   MODE SOMBRE — compare
   --------------------------------------------------------- */
html[data-search-theme="dark"] .fzl-v2-compare-page,
html[data-search-theme="dark"] .fzl-v2-compare-table,
html[data-search-theme="dark"] .fzl-v2-compare-table table,
html[data-search-theme="dark"] .fzl-v2-compare-product {
    background:#151b23 !important;
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-table th,
html[data-search-theme="dark"] .fzl-v2-compare-table td {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border-color:#303846 !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-table th:first-child,
html[data-search-theme="dark"] .fzl-v2-compare-table td:first-child {
    background:#111821 !important;
    color:#aeb7c7 !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-table a {
    color:#6da8ff !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-table small {
    color:#aeb7c7 !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-product-image {
    background:#171d25 !important;
    border-color:#303846 !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-dock {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border:1px solid #303846 !important;
    box-shadow:0 12px 34px rgba(0,0,0,.35) !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-dock strong,
html[data-search-theme="dark"] .fzl-v2-compare-dock span {
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-dock .fzl-v2-primary-button {
    background:#6da8ff !important;
    color:#0f141b !important;
    border:1px solid #6da8ff !important;
}

html[data-search-theme="dark"] .fzl-v2-compare-dock .fzl-v2-secondary-button {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border:1px solid #394352 !important;
}
/* =========================================================
   Phase 4.2 — Bridge thème clair/sombre
   Comparateur legacy (.fzl-compare-*)
   ========================================================= */

/* ---------------------------------------------------------
   PAGE COMPARAISON — CLAIR
   --------------------------------------------------------- */

html:not([data-search-theme="dark"]) .fzl-compare-page,
html[data-search-theme="light"] .fzl-compare-page {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-page .fzl-section-heading,
html[data-search-theme="light"] .fzl-compare-page .fzl-section-heading {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-page .fzl-section-heading h1,
html[data-search-theme="light"] .fzl-compare-page .fzl-section-heading h1 {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-page .fzl-section-heading p:not(.fzl-eyebrow),
html[data-search-theme="light"] .fzl-compare-page .fzl-section-heading p:not(.fzl-eyebrow) {
    color:#667085 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-page .fzl-eyebrow,
html[data-search-theme="light"] .fzl-compare-page .fzl-eyebrow {
    color:#155eef !important;
}


/* ---------------------------------------------------------
   BOUTON "AJOUTER D'AUTRES PRODUITS"
   --------------------------------------------------------- */

html:not([data-search-theme="dark"]) .fzl-compare-page > .fzl-section-heading > .fzl-button,
html[data-search-theme="light"] .fzl-compare-page > .fzl-section-heading > .fzl-button {
    background:#155eef !important;
    color:#ffffff !important;
    border:1px solid #155eef !important;
    box-shadow:none !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-page > .fzl-section-heading > .fzl-button:hover,
html[data-search-theme="light"] .fzl-compare-page > .fzl-section-heading > .fzl-button:hover {
    background:#004eeb !important;
    color:#ffffff !important;
    border-color:#004eeb !important;
}


/* ---------------------------------------------------------
   TABLEAU COMPARAISON — CLAIR
   --------------------------------------------------------- */

html:not([data-search-theme="dark"]) .fzl-compare-table-wrap,
html[data-search-theme="light"] .fzl-compare-table-wrap {
    background:#ffffff !important;
    border-color:#e5e7eb !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-table,
html[data-search-theme="light"] .fzl-compare-table {
    background:#ffffff !important;
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-table th,
html:not([data-search-theme="dark"]) .fzl-compare-table td,
html[data-search-theme="light"] .fzl-compare-table th,
html[data-search-theme="light"] .fzl-compare-table td {
    background:#ffffff !important;
    color:#344054 !important;
    border-color:#e5e7eb !important;
}

/* Colonne des caractéristiques */
html:not([data-search-theme="dark"]) .fzl-compare-table tbody th,
html[data-search-theme="light"] .fzl-compare-table tbody th {
    background:#f8fafc !important;
    color:#475467 !important;
    font-weight:750 !important;
}

/* Coin supérieur gauche */
html:not([data-search-theme="dark"]) .fzl-compare-table thead th:first-child,
html[data-search-theme="light"] .fzl-compare-table thead th:first-child {
    background:#f8fafc !important;
    color:#475467 !important;
}


/* ---------------------------------------------------------
   PRODUITS DANS L'ENTÊTE DU TABLEAU
   --------------------------------------------------------- */

html:not([data-search-theme="dark"]) .fzl-compare-product,
html[data-search-theme="light"] .fzl-compare-product {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-product strong,
html[data-search-theme="light"] .fzl-compare-product strong {
    color:#101828 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-product small,
html[data-search-theme="light"] .fzl-compare-product small {
    color:#155eef !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-product img,
html[data-search-theme="light"] .fzl-compare-product img {
    background:#ffffff !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-product .fzl-image-placeholder,
html[data-search-theme="light"] .fzl-compare-product .fzl-image-placeholder {
    background:#eef4ff !important;
    color:#2e5aac !important;
}


/* =========================================================
   BARRE FLOTTANTE DE COMPARAISON — CLAIR
   ========================================================= */

html:not([data-search-theme="dark"]) .fzl-compare-bar,
html[data-search-theme="light"] .fzl-compare-bar {
    background:#ffffff !important;
    color:#101828 !important;
    border:1px solid #d0d5dd !important;
    box-shadow:0 12px 36px rgba(16,24,40,.18) !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-bar span,
html:not([data-search-theme="dark"]) .fzl-compare-bar strong,
html[data-search-theme="light"] .fzl-compare-bar span,
html[data-search-theme="light"] .fzl-compare-bar strong {
    color:#101828 !important;
}


/* Bouton Comparer */
html:not([data-search-theme="dark"]) .fzl-compare-bar .fzl-button--primary,
html[data-search-theme="light"] .fzl-compare-bar .fzl-button--primary {
    background:#155eef !important;
    color:#ffffff !important;
    border:1px solid #155eef !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-bar .fzl-button--primary:hover,
html[data-search-theme="light"] .fzl-compare-bar .fzl-button--primary:hover {
    background:#004eeb !important;
    border-color:#004eeb !important;
    color:#ffffff !important;
}


/* Bouton Effacer */
html:not([data-search-theme="dark"]) .fzl-compare-bar button.fzl-button,
html[data-search-theme="light"] .fzl-compare-bar button.fzl-button {
    background:#ffffff !important;
    color:#344054 !important;
    border:1px solid #98a2b3 !important;
}

html:not([data-search-theme="dark"]) .fzl-compare-bar button.fzl-button:hover,
html[data-search-theme="light"] .fzl-compare-bar button.fzl-button:hover {
    background:#f8fafc !important;
    color:#101828 !important;
    border-color:#667085 !important;
}


/* =========================================================
   MODE SOMBRE EXPLICITE
   ========================================================= */

html[data-search-theme="dark"] .fzl-compare-page {
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-compare-page .fzl-section-heading h1 {
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-compare-page .fzl-section-heading p:not(.fzl-eyebrow) {
    color:#aeb7c7 !important;
}

html[data-search-theme="dark"] .fzl-compare-page .fzl-eyebrow {
    color:#6da8ff !important;
}


/* Bouton ajout */
html[data-search-theme="dark"] .fzl-compare-page > .fzl-section-heading > .fzl-button {
    background:#6da8ff !important;
    color:#0f141b !important;
    border-color:#6da8ff !important;
}


/* Tableau */
html[data-search-theme="dark"] .fzl-compare-table-wrap,
html[data-search-theme="dark"] .fzl-compare-table {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border-color:#303846 !important;
}

html[data-search-theme="dark"] .fzl-compare-table th,
html[data-search-theme="dark"] .fzl-compare-table td {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border-color:#303846 !important;
}

html[data-search-theme="dark"] .fzl-compare-table tbody th,
html[data-search-theme="dark"] .fzl-compare-table thead th:first-child {
    background:#111821 !important;
    color:#aeb7c7 !important;
}

html[data-search-theme="dark"] .fzl-compare-product,
html[data-search-theme="dark"] .fzl-compare-product strong {
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-compare-product small {
    color:#6da8ff !important;
}

html[data-search-theme="dark"] .fzl-compare-product .fzl-image-placeholder {
    background:#202a38 !important;
    color:#8ab4ff !important;
}


/* Barre flottante */
html[data-search-theme="dark"] .fzl-compare-bar {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border-color:#394352 !important;
    box-shadow:0 12px 36px rgba(0,0,0,.40) !important;
}

html[data-search-theme="dark"] .fzl-compare-bar span,
html[data-search-theme="dark"] .fzl-compare-bar strong {
    color:#eef2f8 !important;
}

html[data-search-theme="dark"] .fzl-compare-bar .fzl-button--primary {
    background:#6da8ff !important;
    color:#0f141b !important;
    border-color:#6da8ff !important;
}

html[data-search-theme="dark"] .fzl-compare-bar button.fzl-button {
    background:#151b23 !important;
    color:#eef2f8 !important;
    border-color:#667085 !important;
}