/* Veissière storefront. Shared accessible controls, followed by the search-first
   composition. Catalogue data and application behaviour are retained. */
:root{
 --radius:10px;
 --finish-control:10px;
 --finish-card:18px;
 --finish-line:#dce4ee;
 --finish-wash:#f5f8fd;
 --finish-shadow:0 3px 8px #071c4205,0 12px 30px #071c4208;
 --finish-shadow-raised:0 4px 12px #071c4208,0 18px 40px #071c4210;
}

/* Controls keep the existing colour hierarchy, with one consistent finish. */
body .button,
#catalogue .button,
#catalogue #filter-toggle,
#catalogue .brand-directory-trigger,
#dialog .button{
 position:relative;
 border-radius:var(--finish-control);
 border-width:1px;
 min-height:48px;
 font-weight:700;
 letter-spacing:.005em;
 text-transform:none;
 line-height:1.4;
 clip-path:none;
 box-shadow:0 1px 2px #071c4208;
 transform:none;
 filter:none;
}
body .button.primary,#catalogue .button.primary,#dialog .button.primary{
 background:var(--blue);color:#fff;border:1px solid var(--blue);
 box-shadow:inset 0 1px 0 #ffffff24,0 3px 7px #004bff18;
}
body .button.secondary,#catalogue .button.secondary,#dialog .button.secondary{
 background:#fff;color:var(--blue);border:1px solid #cedaf0;
 box-shadow:0 1px 3px #071c4205;
}
body .button.light-ghost{
 border:1px solid #ffffff65;background:#ffffff08;color:white;
 box-shadow:inset 0 1px 0 #ffffff0d;
}
body .button.white{background:#fff;color:var(--blue);border:1px solid #fff;box-shadow:0 3px 10px #071c4212}
body .button:hover,#catalogue .button:hover,#dialog .button:hover{
 filter:none;transform:none;box-shadow:0 4px 12px #071c4215;
}
body .button.primary:hover,#catalogue .button.primary:hover,#dialog .button.primary:hover{
 background:#003fda;border-color:#003fda;color:#fff;
}
body .button.secondary:hover,#catalogue .button.secondary:hover,#dialog .button.secondary:hover{
 background:#eef3ff;border-color:#a5bdf7;color:var(--blue);
}
body .button.light-ghost:hover{background:#ffffff18;border-color:#ffffffb3;color:#fff}
body .button:active,#catalogue .button:active,#dialog .button:active{
 transform:none;box-shadow:inset 0 2px 4px #071c4212;
}
body .button:disabled,#catalogue .button:disabled,#dialog .button:disabled{
 box-shadow:none;transform:none;cursor:not-allowed;
}
body .button:hover,body .button:active,
.category-tile:hover,.product-card:hover,.need:hover,.offer-link:hover,
#univers .universe-card:hover,#catalogue .offer-filters>button:hover{
 transform:none!important;
}
body .icon-button,#dialog .icon-button,#catalogue .filter-close{
 border:1px solid var(--finish-line);border-radius:11px;
 background:#f5f8fc;color:var(--navy);box-shadow:none;transform:none;
}
body .icon-button:hover,#dialog .icon-button:hover{
 background:#eaf0ff;border-color:#b4c7f3;color:var(--blue);box-shadow:none;
}
.text-button{border-radius:6px;text-decoration-thickness:1px;text-underline-offset:4px}
.text-button:hover{color:#003fda}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible{
 outline:3px solid var(--blue);outline-offset:3px;
}
.stock-hero a:focus-visible,.stock-hero button:focus-visible,
#univers button:focus-visible,#univers a:focus-visible,
#catalogue .filters button:focus-visible,#catalogue .filters a:focus-visible{
 outline-color:var(--charge);
}
footer button:focus-visible,footer a:focus-visible{outline-color:var(--charge)}
.header-main .search button:focus-visible{outline:2px solid #fff;outline-offset:-5px}
#dialog[data-layout=product] .close-dialog:focus-visible,
#dialog[data-layout=contact] .close-dialog:focus-visible{outline-color:var(--charge);outline-offset:3px}

/* Catalogue controls, filters, reference pickers and chips form one system. */
#catalogue .offer-filters>button{
 border:1px solid #d1ddf0;border-radius:14px;background:#fff;color:var(--navy);
 box-shadow:0 3px 8px #071c4205,0 9px 22px #071c4206;
 clip-path:none;transform:none;
}
#catalogue .offer-filters>button:hover{
 background:#f8faff;border-color:#a3bdf2;box-shadow:0 5px 16px #071c420c;
}
#catalogue .offer-filters .filter-symbol{
 background:#eaf1ff;border:1px solid #dae6ff;border-radius:12px;color:var(--blue);
}
#catalogue .offer-filters .filter-symbol svg{color:var(--blue)}
#catalogue .offer-filters .filter-label>b{color:var(--navy)}
#catalogue .offer-filters .filter-label>small{color:var(--muted)}
#catalogue .offer-filters>button[aria-pressed=true]{
 outline:0;box-shadow:inset 0 0 0 1px var(--blue),0 4px 12px #004bff0d;
 border-color:var(--blue);background:#edf3ff;color:var(--navy);
}
#catalogue .offer-filters>button[aria-pressed=true] .filter-symbol{background:var(--blue);border-color:var(--blue);color:#fff}
#catalogue .offer-filters>button[aria-pressed=true] .filter-symbol svg{color:#fff}
#catalogue .offer-filters .filter-check{
 background:#edf3ff;color:var(--blue);border-radius:50%;box-shadow:none;
}
#catalogue .offer-filters>button[aria-pressed=true] .filter-check{background:var(--blue);color:#fff}
#catalogue .catalogue-toolbar{border-top:1px solid #d5dfed}
#catalogue .catalogue-note{border:1px solid #dce5f1;border-left:3px solid var(--red);border-radius:11px;background:#fff;box-shadow:0 2px 7px #071c4203}
#catalogue .catalogue-access{border:1px solid #d8e3f4;border-radius:12px;background:#ffffff80;padding:9px 13px;flex-wrap:wrap}
#catalogue .catalogue-access-link{border:1px solid transparent;border-radius:8px;padding:8px 9px;box-shadow:none}
#catalogue .catalogue-access-link:hover{border-color:#c9dafa;background:#edf3ff}
#catalogue #filter-toggle{
 border:1px solid #c3d4f5;background:#fff;color:var(--blue);box-shadow:0 2px 5px #071c4206;
}
#catalogue #filter-toggle[aria-expanded=true]{background:var(--blue);color:white;border-color:var(--blue)}
#catalogue .catalogue-brands .button{
 border-radius:10px;background:#fff;border:1px solid #d3deef;
 color:var(--navy);box-shadow:0 1px 3px #071c4205;
}
#catalogue .catalogue-brands .button:hover{background:#edf3ff;border-color:#a5bef5;color:var(--blue)}
#catalogue .catalogue-brands .brand-directory-trigger{
 background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 3px 8px #071c4212;
}
#catalogue .brand-directory-trigger span{color:#b9d9ff;opacity:1}
#catalogue .catalogue-brands .button[aria-pressed=true]{
 background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 8px #004bff16;
}
#catalogue .catalogue-brands .button[aria-pressed=true] span{color:#fff;opacity:.85}
.view-switch{padding:4px;border-radius:10px;border:1px solid #dbe4f0;background:#eef2f8;gap:4px}
.view-switch button{border:0;border-radius:7px;background:transparent;box-shadow:none;color:#65758c}
.view-switch button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 5px #071c4212}
#catalogue .sort-label select{
 border:1px solid #cbd8ed;border-radius:10px;background-color:#fff;
 box-shadow:0 1px 3px #071c4204;font-size:16px;
}
#catalogue .active-filters>button:not(.clear-filters){
 background:#edf3ff;color:#153f9f;border:1px solid #c5d8ff;
 border-radius:8px;box-shadow:none;line-height:1.5;
}
#catalogue .active-filters>button>span{color:var(--blue)}
#catalogue .active-filters>button:not(.clear-filters):hover{background:#e1ebff;border-color:#9dbcfb}
#catalogue .active-filters>.clear-filters{border-radius:8px;box-shadow:none}
#catalogue .filters{
 border:1px solid #ffffff1a;border-radius:16px;
 background:var(--navy);box-shadow:0 8px 25px #071c4212;
}
#catalogue .filter-picker-trigger{
 background:#ffffff08;border:1px solid #ffffff29;border-radius:11px;
 box-shadow:none;clip-path:none;
}
#catalogue .filter-picker-trigger:hover{background:#ffffff12;border-color:#ffffff61;box-shadow:none}
#catalogue .filter-picker-trigger.has-value{background:#004bff29;border-color:#89b4ff;box-shadow:none}
#catalogue .filter-picker-trigger small{color:#b0c4e2}
#catalogue .filter-picker-trigger strong{color:#fff}
#catalogue .facet-arrow{border-radius:7px;background:#ffffff10;color:#9bd9ff}
#catalogue .filter-contact{border:1px solid #ffffff26;border-radius:11px;background:#ffffff07;box-shadow:none}
#catalogue .filter-controls>.primary{border-radius:10px;background:var(--blue);border:1px solid #497dff;box-shadow:0 3px 9px #00000015}
#catalogue .filter-controls>.text-button{color:#d9e6fb}
#catalogue .filters select{border:1px solid #cbd8ed;border-radius:10px}
#catalogue .technical-filters{border-color:#ffffff2b}
#catalogue .technical-filters>small{color:#bacce6}
.catalogue-context{border-radius:14px;border:1px solid #d7e3f6;box-shadow:0 3px 12px #071c4204;overflow:hidden}
.offer-context,.search-help{border-radius:10px;border:1px solid #dbe6fa;border-left:3px solid var(--blue);box-shadow:none}
.empty{border:1px solid #d6e2f5;border-radius:18px;background:white;box-shadow:var(--finish-shadow)}
.filter-picker-search input,.brand-picker-search input,
.field input,.field select,.field textarea,.guide-criteria input,
.checkout-fields input,.checkout-fields select,.checkout-simulator select{
 border:1px solid #cbd7e7;border-radius:10px;background:#fcfdff;
 box-shadow:inset 0 1px 2px #071c4204;color:var(--ink);
}
.filter-picker-search input:focus,.brand-picker-search input:focus,
.field input:focus,.field select:focus,.field textarea:focus,
.checkout-fields input:focus,.checkout-fields select:focus,.checkout-simulator select:focus{
 border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #004bff10;
}
.filter-picker-choice,.brand-choice{
 border:1px solid #d6e1f2;border-radius:12px;background:#f9fbff;
 box-shadow:0 1px 3px #071c4203;
}
.filter-picker-choice:hover,.brand-choice:hover{background:#edf3ff;border-color:#b1c7f2;box-shadow:0 3px 10px #071c4207}
.filter-picker-choice[aria-pressed=true],.brand-choice[aria-pressed=true]{
 background:var(--blue);border-color:var(--blue);box-shadow:0 4px 10px #004bff14;
 color:#fff;
}
.filter-picker-choice[aria-pressed=true] small,
.filter-picker-choice[aria-pressed=true] .facet-choice-mark,
.brand-choice[aria-pressed=true] b,.brand-choice[aria-pressed=true] span{color:white}
.facet-choice-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eaf0ff;font-size:19px}
.filter-picker-choice[aria-pressed=true] .facet-choice-mark{background:#ffffff1f}
.facet-clear{border:1px solid #c6d6f4;border-radius:8px;background:white;box-shadow:none}
.facet-clear[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white;box-shadow:none}
.facet-empty{border-radius:12px}

/* Secondary sections and content frames keep their existing compositions. */
.stock-path,.order-path,.rental-bridge,.need,.reference-preview{
 border-radius:var(--finish-card);box-shadow:var(--finish-shadow);overflow:hidden;
}
.stock-path{border:1px solid #d9e3f0}
.stock-new,.stock-new:hover,.stock-new[aria-pressed=true]{
 border-radius:15px;border:1px solid #d4e0f1;box-shadow:0 3px 14px #071c4209;
 transform:none;overflow:hidden;clip-path:none;
}
.stock-new .offer-photo{border-radius:14px 0 0 14px}
.stock-new .offer-photo-label{border-radius:7px;box-shadow:none}
.stock-new .offer-cta{border-radius:8px;box-shadow:none}
.order-path{border:1px solid #d9e3f0}
.order-photo{overflow:hidden}
.order-path-action{border-top-color:#dfe7f1}
.rental-bridge{border:1px solid #ffffff33;box-shadow:0 8px 30px #071c4215}
.rental-universes>li{border-radius:7px;border:1px solid #ffffff3d;background:#ffffff09}
.need,.need:nth-child(2),.need:hover{border:1px solid #d6e1ee;box-shadow:var(--finish-shadow);transform:none}
.need-copy{background:#071c42}
.need:nth-child(2) .need-copy{background:#0b254f}
.need-link{border-top-color:#ffffff2e}
.reference-preview{border:1px solid #c7dbf5;box-shadow:0 12px 30px #071c421c;transform:none}
.reference-title{border-radius:0;border-bottom:1px solid #e4eaf2}
.reference-total{border-radius:0;border-top:1px solid #e4eaf2}
.answer-grid details{border:1px solid #d8e2ef;border-radius:14px;background:#fff;box-shadow:0 2px 6px #071c4203;overflow:hidden}
.answer-grid details[open]{border-color:#bfd2f5;box-shadow:0 5px 16px #071c4208}
.answer-grid details[open] summary{background:#f0f5ff}
.answer-grid summary{border-radius:13px;line-height:1.5}
.answer-grid summary>span:last-child{
 display:grid;place-items:center;width:28px;height:28px;min-width:28px;
 border-radius:8px;background:#edf3ff;color:var(--blue);line-height:1;
}
.solo-comparison figure{border:1px solid #e0e8f3;border-radius:12px;overflow:hidden}
.store-wordmark{border-radius:16px}
.store-actions .button{border-radius:10px}
.footer-main>div>button{border-radius:7px}
.footer-main>div>button:hover{background:#ffffff0c}

/* Dialog chrome stays anchored and scrollable, with quieter edges. */
#dialog{
 border:1px solid #d8e2ef;border-top:3px solid var(--red);border-radius:20px;
 box-shadow:0 12px 35px #020b201f,0 40px 100px #020b2033;
}
#dialog::backdrop{background:#0312299e;backdrop-filter:blur(7px)}
#dialog .dialog-top{border-bottom:1px solid #e0e7f1;background:#fff;padding-top:17px;padding-bottom:17px}
#dialog .close-dialog{border:1px solid #dde6f2;background:#f6f9fd;border-radius:11px;box-shadow:none}
#dialog .close-dialog:hover{background:#edf3ff;border-color:#b4c9f3;color:var(--blue)}
#dialog .dialog-footer{
 border-top:1px solid #e0e7f2;background:#fffffffa;
 box-shadow:0 -5px 18px #071c4204;
}
#dialog[data-layout=product] .close-dialog{border-radius:11px;border:1px solid #ffffff4d;background:#ffffff14;color:white}
#dialog[data-layout=product] .product-offer{border:1px solid #ffffff4d;border-radius:7px;background:#ffffff0c;color:white}
.detail-visual{border:1px solid #dfe7f2;border-radius:16px;background:#fff;box-shadow:0 3px 12px #071c4204}
.detail-dl{border:1px solid #dfe7f2;border-radius:12px;overflow:hidden}
.detail-dl>div{padding:11px 13px;border-bottom-color:#e7edf5}
.detail-dl>div:nth-child(2n){background:#f8faff}
.detail-dl>div:last-child{border-bottom:0}
.decision-facts,.delivery-conditions,.technical-section,.product-sources{
 border:1px solid #dce5f1;border-radius:14px;background:#fff;
}
.decision-facts{padding:20px}
.decision-facts dl>div{border-top-color:#e7edf6}
.delivery-conditions{padding:20px}
.technical-section{padding:20px}
.product-sources{padding:17px 18px}
.technical-grid>div{border-color:#e4ebf5}
.warning,.purchase-state,.selection-note,.notice,.checkout-help{
 border-radius:11px;box-shadow:none;
}
.warning{border:1px solid #ecd7dd;border-left:3px solid var(--red);background:#fff8fa}
.purchase-state{border:1px solid #d8e4fb;border-left:3px solid var(--blue);background:#f2f6ff}
.cart-line{
 border:1px solid #dfe7f2;border-radius:13px;padding:16px 13px;
 margin:12px 0;background:#fff;box-shadow:0 2px 6px #071c4203;
}
.cart-line h3{letter-spacing:-.015em}
.cart-line>.icon-button{border-radius:9px;border:1px solid #e1e8f2;background:#f8faff;box-shadow:none}
.qty-control{border:1px solid #cddbef;border-radius:10px;box-shadow:0 1px 3px #071c4204;background:#fff}
.qty-control button{background:#f0f5fe;color:var(--blue);box-shadow:none}
.qty-control button:hover{background:#e2ecff}
.qty-control input{background:#fff}
.selection-budget{
 background:#f1f6ff;border:1px solid #d4e2fc;border-top:2px solid var(--blue);
 border-radius:13px;box-shadow:0 2px 7px #004bff04;
}
.selection-options,.export-options{border:1px solid #dce5f2;border-radius:12px;overflow:hidden}
.selection-options>summary,.export-options>summary{background:#f9fbff}
.summary-box{border:1px solid #d8e3f2;border-radius:9px;background:#fcfdff}
.review-product{border-bottom-color:#e5ebf4}
.review-context{border:1px solid #dce6f3;border-radius:12px;background:#f7faff}
.guide-options>button{
 border:1px solid #d2def0;border-radius:10px;background:#fff;box-shadow:0 1px 4px #071c4203;
}
.guide-options>button[aria-pressed=true]{border-color:var(--blue);background:#edf3ff;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.guide-result{border:1px solid #d8e5f9;border-radius:14px;background:#f5f8ff}
.guide-product{border:1px solid #dbe5f3;border-radius:12px;box-shadow:0 2px 7px #071c4204}
.quick-results>div{border:1px solid #dce5f3;border-radius:11px;background:#f9fbff;padding:15px;margin:10px 0}
.quick-candidates .button{text-align:left;justify-content:flex-start}
.contact-choice,.pro-account,.order-product{border:1px solid #d8e3f1;border-radius:14px;box-shadow:0 3px 12px #071c4205}
#dialog[data-layout=contact]{border-radius:20px;border-color:#d6e3f5}
#dialog[data-layout=contact] .dialog-top{border-bottom:0;background:var(--blue)}
#dialog[data-layout=contact] .close-dialog{border-color:#ffffff4d;background:#ffffff14;color:white}
#dialog[data-layout=contact] .comptoir-contact-intro{border-bottom-width:2px}
#dialog[data-layout=contact] .comptoir-call{border-radius:12px;border-width:1px;box-shadow:0 4px 10px #e610341c}
#dialog[data-layout=contact] .comptoir-route{border-radius:12px;border:1px solid #d7e2f3;box-shadow:0 2px 7px #071c4203}
#dialog[data-layout=contact] .comptoir-route-label{border-radius:7px}
#dialog[data-layout=contact] .contact-product{border:0;border-bottom:1px solid #e0e8f3;border-radius:0;box-shadow:none}
#dialog[data-layout=contact] .contact-product>img{border-radius:10px}
.comparison-scroll{border:1px solid #d9e4f3;border-radius:14px;box-shadow:0 3px 10px #071c4204}
.comparison-table th,.comparison-table td{border-color:#e1e8f2}
.comparison-table thead th{background:#f1f5fd}
.comparison-table tbody tr:nth-child(2n){background:#fafcff}
.comparison-table .button{border-radius:9px}
.status-table{border-collapse:separate;border-spacing:0;border:1px solid #dbe5f2;border-radius:12px;overflow:hidden}
.status-table td{border-color:#e4ebf4}

/* The purchase journey carries the same level of finish through every step. */
.checkout-mode{border:1px solid #d7e4fb;border-left:3px solid var(--blue);border-radius:13px;background:#f2f6ff;box-shadow:0 2px 6px #004bff03}
.checkout-mode-mark{border:1px solid #dce7ff;border-radius:7px;background:#fff;color:var(--blue)}
.checkout-steps{gap:7px;margin-bottom:27px}
.checkout-steps button{
 border:1px solid #e1e8f3;border-radius:11px;background:#fafcff;
 min-height:78px;padding:11px 9px;box-shadow:none;color:#536984;
}
.checkout-steps button span{width:25px;height:25px;border-radius:8px;background:#edf2fc;color:#335eaf}
.checkout-steps [aria-current=step]{border:1px solid #b2caff;background:#edf3ff;box-shadow:0 3px 8px #004bff08;color:var(--blue)}
.checkout-steps [aria-current=step] span{background:var(--blue);color:white;box-shadow:0 2px 5px #004bff1c}
.checkout-steps button:disabled{background:#fcfdff;border-color:#e7edf6;opacity:.68}
.checkout-delivery-choice{border:1px solid #d4e0f0;border-radius:13px;background:#fff;box-shadow:0 2px 6px #071c4203}
.checkout-delivery-choice:has(input:checked){background:#f0f5ff;border-color:#9fbcfa;box-shadow:inset 0 0 0 1px #004bff40}
.checkout-profile label{border-radius:8px}
.checkout-totals{border:1px solid #dce6f5;border-radius:15px;background:#f8faff;padding:19px 20px;box-shadow:0 2px 7px #071c4203}
.checkout-totals dd{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.checkout-totals .checkout-total{border:1px solid #d6e4ff;border-radius:10px;background:#edf3ff;padding:14px 12px;margin:13px -5px 7px;color:var(--navy)}
.checkout-totals .checkout-total dd{color:var(--blue);font-size:22px;letter-spacing:-.035em}
.checkout-lines{border-color:#e0e8f4}
.checkout-lines li{border-bottom-color:#e5ecf6}
.checkout-summary-grid section{border:1px solid #dce6f3;border-radius:13px;background:#fff;box-shadow:0 2px 7px #071c4203}
.checkout-payment-closed,.checkout-simulator{border:1px solid #dce5f2;border-radius:15px;background:#fff;box-shadow:0 2px 7px #071c4203}
.checkout-payment-closed .button:disabled{background:#edf1f6!important;border:1px solid #d8e0eb!important;color:#64748b!important;box-shadow:none!important;opacity:1}
.checkout-demo-invite{border:1px solid #dbe6fa;border-top:2px solid var(--blue);border-radius:14px;background:#f3f7ff;box-shadow:none}
.checkout-payment-state{border:1px solid #d7e3f6;border-left:3px solid var(--blue);border-radius:12px;background:#f4f8ff}
.checkout-success-mark{box-shadow:0 0 0 8px #edf3ff,0 5px 15px #004bff14}
.checkout-reference{border:1px solid #dce6f3;border-radius:12px;background:#f8faff}
.checkout-invoice{border:1px solid #dce5f2;border-radius:15px;padding:20px;background:#fff;box-shadow:0 3px 14px #071c4205}
.checkout-specimen{border-radius:9px;background:var(--navy);letter-spacing:.045em}
.checkout-error{border-radius:11px;border-color:#efc9d2;background:#fff5f7}

/* Floating controls and messages have the same calibrated depth. */
.floating-cart{
 border:1px solid #7aa3ff;border-radius:13px;background:var(--blue);
 box-shadow:0 3px 8px #071c4215,0 12px 28px #004bff26;transform:none;
}
.floating-cart:hover{background:#003fda;box-shadow:0 4px 10px #071c421a,0 14px 30px #004bff29;transform:none}
.floating-cart>.cart-count{background:#fff;color:var(--blue);border-radius:8px;box-shadow:none}
.compare-dock{border:1px solid #cbdaf3;border-radius:14px;box-shadow:0 6px 16px #071c4212,0 18px 40px #071c4214}
#toast{border:1px solid #ffffff20;border-radius:12px;box-shadow:0 8px 25px #071c4226}
#toast-next{border-radius:8px;border:1px solid #d3e2ff;box-shadow:none}
.loading-state{border-radius:12px;box-shadow:var(--finish-shadow)}

@media(max-width:800px){
 .stock-hero .hero-media{border-radius:0;border-left:0;border-right:0;box-shadow:none}
 #catalogue .filters.open{border-radius:0 18px 18px 0;border:1px solid #ffffff26;box-shadow:12px 0 38px #071c4230}
 #catalogue .filter-controls{border-top:1px solid #ffffff26;background:var(--navy)}
 #catalogue .filters .filter-close{border-color:#ffffff33;background:#ffffff10;color:#fff}
 #catalogue .filters .filter-close{width:44px;min-width:44px;height:44px}
}
@media(max-width:640px){
 .merchant-note .wrap{align-items:center;gap:12px}
 .merchant-note button{font-size:11px;line-height:1.45;max-width:132px;flex-shrink:0;padding:8px 10px;min-height:44px}
 .product-card{border-radius:13px}
 .product-card .product-info{padding-left:12px;padding-right:12px}
 .card-actions>.button{min-height:46px;font-size:14px;padding:10px 6px}
 #univers .universe-card,#univers .universe-card:first-child,#univers .universe-card:last-child{border-radius:15px}
 .stock-path,.order-path,.rental-bridge,.need,.reference-preview{border-radius:15px}
 .stock-new,.stock-new:hover,.stock-new[aria-pressed=true]{border-radius:12px}
 .stock-new .offer-photo{border-radius:11px 0 0 11px}
 .answer-grid details{border-radius:12px}
 #dialog[open]{border-radius:0;border-left:0;border-right:0;border-bottom:0}
 #dialog .dialog-top{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px}
 #dialog .dialog-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
 #dialog .dialog-footer>.button{font-size:14px;line-height:1.45;min-height:48px}
 #dialog[data-layout=product] .dialog-footer,
 #dialog .dialog-footer:has(>.button:nth-of-type(3)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #dialog[data-layout=product] .dialog-footer>.primary,
 #dialog .dialog-footer:has(>.button:nth-of-type(3))>.primary{grid-column:1/-1;min-height:48px}
 #dialog[data-layout=product] .dialog-footer>.text-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 8px;border:1px solid #d7e2f3;border-radius:10px;background:#fff;font-size:14px;line-height:1.4;text-align:center}
 #dialog[data-layout=checkout] .dialog-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #dialog[data-layout=checkout] .dialog-footer .button{min-width:0}
 #dialog[data-layout=checkout] .dialog-footer:has([form=checkout-form]){grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
 #dialog[data-layout=contact]{border-radius:17px;border:1px solid #d6e3f5}
 #dialog[data-layout=contact] .dialog-top{padding-top:13px;padding-bottom:7px}
 .cart-line{padding:15px 11px;border-radius:12px;gap:8px 10px}
 .cart-line .qty-control{width:134px}
 .decision-facts,.delivery-conditions,.technical-section{padding:16px;border-radius:12px}
 .checkout-mode{padding:12px;gap:9px;border-radius:11px}
 .checkout-steps{gap:4px}
 .checkout-steps button{padding:8px 3px;min-height:83px;border-radius:9px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .checkout-steps button span{width:23px;height:23px;border-radius:7px;font-size:11px}
 .checkout-totals{padding:15px;border-radius:13px}
 .checkout-totals .checkout-total{font-size:16px;margin:12px -4px 6px;padding:12px 9px;gap:9px}
 .checkout-totals .checkout-total dd{font-size:18px;line-height:1.4}
 .checkout-totals dd{max-width:49%}
 .checkout-invoice{padding:14px;border-radius:12px}
 .checkout-specimen{font-size:11px;line-height:1.6;padding:10px}
 .checkout-payment-closed,.checkout-simulator,.checkout-demo-invite{border-radius:12px}
 .floating-cart{border-radius:11px}
 .compare-dock{border-radius:12px}
}
@media(max-width:360px){
 .card-actions>.button{font-size:13px;padding-inline:4px}
 .checkout-totals .checkout-total{font-size:15px}
 .checkout-totals .checkout-total dd{font-size:17px}
}
@media(forced-colors:active){
 body .button,.filter-picker-choice,.brand-choice,.checkout-delivery-choice,.product-card{border:1px solid ButtonText}
 button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:Highlight}
 .checkout-steps [aria-current=step],.product-card.is-selected{outline:2px solid Highlight;outline-offset:2px}
}
@media print{
 #dialog{border:0;border-radius:0;box-shadow:none}
 .checkout-invoice,.detail-visual,.cart-line{box-shadow:none}
}

/* Storefront composition — search is the primary entrance. */
:root{--finish-card:20px;--finish-line:#dce3ef;--surface:#f4f6fa;--line:#dce3ed;--muted:#5d6d83}
html{scroll-padding-top:145px}
body{background:#fff;color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}
h1,h2,h3{font-family:VeissiereDisplay,Arial,Helvetica,sans-serif}
.section{padding-block:76px}
.section-intro{margin-bottom:30px;align-items:end;gap:28px}
.section-intro h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08;letter-spacing:-.04em}
.section-intro>p,.section-intro>div>p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted)}
.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.6}
.section-intro .eyebrow:before{display:none}
body .button,#catalogue .button,#dialog .button{border-radius:10px;font-size:14px;letter-spacing:0;min-height:48px;padding:12px 20px;gap:10px;box-shadow:none}
body .button.primary,#catalogue .button.primary,#dialog .button.primary{background:var(--blue);border-color:var(--blue);box-shadow:none}
body .button.secondary,#catalogue .button.secondary,#dialog .button.secondary{color:var(--navy);border-color:#cfdaeb;box-shadow:none}
body .button:hover,#catalogue .button:hover,#dialog .button:hover{box-shadow:0 4px 12px #071c4210}
body .button:disabled,#dialog .button:disabled{box-shadow:none}

/* A compact header keeps identity and shopping tools in view. */
.utility{background:var(--navy);color:#cbd7ed;font-size:11px}
.utility .wrap{min-height:30px}
header{background:#fff;border-bottom:1px solid #e3e8f0;box-shadow:0 4px 16px #071c4205;z-index:60}
.header-main{min-height:88px;gap:24px;padding-block:14px}
.header-main .brand{flex:0 0 auto;gap:12px;width:auto;min-width:0}
.header-main .brand>img{width:54px;height:54px;object-fit:contain}
.header-main .brand b{font-family:VeissiereDisplay,Arial,sans-serif;font-size:27px;letter-spacing:-.05em;color:var(--navy)}
.header-main .brand small{font-size:9px;letter-spacing:.06em;margin-top:5px;color:#66768b}
.header-search-link{display:flex;align-items:center;gap:11px;min-height:46px;max-width:460px;flex:1;margin-left:auto;padding:11px 17px;border:1px solid #dce4ef;border-radius:11px;background:#f6f8fc;color:#60718a;font-size:13px;transition:border-color .18s,background .18s}
.header-search-link:hover{border-color:#aac2f5;background:#edf3ff;color:var(--blue)}
.header-search-link>.ui-icon{width:19px;height:19px;color:var(--blue)}
.header-search-link .search-link-hint{margin-left:auto;color:#6e7f96;font-size:18px}
.header-main .header-action{min-height:46px;padding:10px 12px;gap:10px;border:1px solid transparent;border-radius:10px;flex:none;font-size:13px;color:var(--navy)}
.header-main .header-action:hover{background:#f2f6fc;border-color:#e1e9f5}
.header-main .header-action>.ui-icon{width:22px;height:22px}
.header-main .cart-button{border:1px solid #dce6fa;background:#f0f5ff;color:var(--blue);padding-inline:16px}
.header-main .cart-button .bag>b{background:var(--blue);border:2px solid #f0f5ff;font-size:10px;min-width:18px;height:18px;line-height:14px}
.main-nav{min-height:45px;gap:29px;font-size:12px;border-top:1px solid #edf1f6;overflow-x:auto;scrollbar-width:none;align-items:center}
.main-nav::-webkit-scrollbar{display:none}
.main-nav>a,.main-nav>button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:9px 0;border-radius:0;white-space:nowrap;color:#405169;font-size:12px;font-weight:600}
.main-nav>a:hover,.main-nav>button:hover{color:var(--blue);background:transparent}
.main-nav .nav-catalogue{color:var(--blue);font-weight:700}
.nav-catalogue>.ui-icon{width:16px;height:16px}
.main-nav .customer-toggle{margin-left:auto;background:#f3f6fa;padding:3px;border:1px solid #e2e8f1;border-radius:8px;flex:none}
.main-nav .customer-toggle button{font-size:10px;min-height:29px;padding:7px 12px;border-radius:5px;box-shadow:none}
.main-nav .customer-toggle button.active{background:#fff;color:var(--navy);box-shadow:0 1px 4px #071c4214}
.merchant-note{background:#f5f8ff;border-bottom:1px solid #e3ebfa;color:#52627b;padding:0}
.merchant-note .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:7px;min-height:39px;font-size:11px;line-height:1.5}
.merchant-note .wrap>span{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.merchant-note b{color:#29436c;font-weight:600}
.preparation-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--blue);margin-right:5px}
.merchant-note button{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;padding:4px 0;min-height:28px;white-space:nowrap;font-size:11px;color:var(--blue);font-weight:600;box-shadow:none;text-decoration:none}
.merchant-note button>.direction-icon{width:15px;height:15px}

/* The one, existing search form is now the centre of the entrance. */
.stock-hero.search-first-hero{display:flex;flex-direction:column;align-items:center;isolation:isolate;position:relative;overflow:visible;max-width:1320px;width:calc(100% - 80px);margin:28px auto 0;padding:36px 40px 0;gap:0;background:var(--navy);color:#fff;border:1px solid #172f55;border-radius:24px;min-height:0;box-shadow:0 12px 35px #071c420c}
.stock-hero.search-first-hero:before{display:block;content:'';position:absolute;inset:0;z-index:-1;width:auto;border-radius:inherit;clip-path:none;background:radial-gradient(ellipse at 88% 5%,#004bff35,transparent 55%),linear-gradient(105deg,transparent 70%,#ffffff02 70%,#ffffff02 85%,transparent 85%);pointer-events:none}
.stock-hero.search-first-hero:after{display:none}
.search-first-hero .hero-heading{order:0;display:block;padding:0;max-width:880px;width:100%;text-align:center;border:0;align-self:center}
.search-first-hero .hero-heading:before{display:none}
.stock-hero.search-first-hero .hero-audience{display:block;color:#a6c6ff;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.15em;margin:0 0 19px}
.stock-hero.search-first-hero h1{font-family:VeissiereDisplay,Arial,Helvetica,sans-serif;text-transform:none;font-size:clamp(42px,4.3vw,57px);line-height:1.03;letter-spacing:-.045em;font-weight:800;margin:0}
.stock-hero.search-first-hero h1 em{position:static;display:inline;background:none;color:var(--charge);font-size:1em;line-height:inherit;letter-spacing:inherit;padding:0;margin:0;box-shadow:none;border:0}
.stock-hero.search-first-hero h1 em:before{display:none}
.stock-hero.search-first-hero .hero-signoff{font-family:Arial,sans-serif;color:#bccbe2;font-size:14px;line-height:1.65;font-weight:400;margin:19px auto 0;max-width:600px}
.hero-search{order:1;position:relative;width:100%;max-width:890px;min-width:0;margin:27px 0 0;z-index:3;text-align:left}
.hero-search-label:not(.sr-only){display:block;margin:0 0 10px 2px;font-size:11px;font-weight:600;color:#d4e0f6;letter-spacing:.01em}
.hero-search-mount{height:72px;position:relative;min-width:0}
.hero-search .search-area{display:block;position:relative;inset:auto;width:100%;min-width:0;max-width:none;flex:none;margin:0;z-index:4}
.hero-search .search{display:flex;align-items:center;width:100%;min-height:72px;padding:7px;gap:13px;border:1px solid #fff;border-radius:14px;background:white;box-shadow:0 0 0 5px #ffffff0a,0 8px 30px #00000014;overflow:hidden;color:var(--navy)}
.hero-search .search:focus-within{border-color:var(--charge);background:white;box-shadow:0 0 0 4px #65e8ff30,0 8px 30px #00000014}
.hero-search .search>span{display:grid;place-items:center;width:34px;min-width:34px;margin:0 0 0 8px;color:var(--blue)}
.hero-search .search>span .ui-icon{width:24px;height:24px}
.hero-search .search input{flex:1;width:auto;min-width:0;height:54px;border:0;outline:0;background:transparent;color:var(--navy);font-size:17px;padding:8px 0;line-height:1.5;border-radius:0;box-shadow:none}
.hero-search .search input::placeholder{color:#78879c;opacity:1}
.hero-search .search button{position:static;display:flex;align-items:center;justify-content:center;gap:11px;width:auto;height:56px;min-width:164px;min-height:56px;flex:none;padding:14px 24px;margin:0;border:0;border-radius:9px;background:var(--blue);color:white;font-size:14px;font-weight:700;box-shadow:none}
.hero-search .search button:hover{background:#003dda}
.hero-search .search button .ui-icon{width:19px;height:19px}
.hero-search .search input:focus-visible{outline:none}
.hero-search .search button:focus-visible{outline:3px solid white;outline-offset:-6px}
.hero-search .search-preview{position:absolute;top:calc(100% + 10px);left:0;right:0;width:100%;max-height:430px;overflow:auto;border:1px solid #dce6f5;border-radius:15px;box-shadow:0 8px 18px #071c4214,0 20px 50px #020b2030;color:var(--navy);background:white;text-align:left;z-index:50}
.search-preview li{border-bottom:1px solid #edf1f7}
.search-preview li>button{background:white;box-shadow:none}
.search-preview li>button:hover{background:#f1f6ff}
.search-preview-heading{background:#f5f8fd;color:#4b6184;border-bottom:1px solid #e3ebf8;font-size:12px;padding:14px 18px}
.search-all{background:#edf3ff;color:var(--blue);border-top:1px solid #e2eafb;font-weight:700}
.hero-shortcuts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:17px;font-size:11px;line-height:1.4}
.hero-shortcuts>span{color:#a9bddc;margin-right:6px}
.hero-shortcuts>button{min-height:34px;padding:7px 12px;background:#ffffff08;color:#e3ecfc;border:1px solid #ffffff26;border-radius:7px;font:500 11px/1.4 Arial,sans-serif;box-shadow:none}
.hero-shortcuts>button:hover,.hero-shortcuts>button[aria-pressed=true]{background:#ffffff15;border-color:#ffffff65;color:white;transform:none}
.search-first-hero .hero-bottom{order:2;display:grid;grid-template-columns:1fr 1fr;max-width:890px;width:100%;gap:0;margin:28px 0 0;padding:0;border:0;border-top:1px solid #ffffff1c;align-items:stretch}
.hero-service{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:17px 6px;min-width:0;min-height:76px;color:white;background:transparent;text-align:left;border:0;border-radius:0;font-family:Arial,sans-serif}
.hero-service:first-child{padding-right:25px}
.hero-service:last-child{padding-left:28px;border-left:1px solid #ffffff1c}
.hero-service:hover{color:var(--charge);background:#ffffff02}
.hero-service-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff26;border-radius:10px;color:#a8c9ff}
.hero-service-icon>.ui-icon{width:18px;height:18px}
.hero-service>span:nth-child(2){min-width:0}
.hero-service b{display:block;font-size:12px;font-weight:600;line-height:1.5}
.hero-service small{display:block;font-size:11px;line-height:1.5;color:#a3b9d8;margin-top:2px}
.hero-service>.direction-icon{margin-left:auto;width:17px;height:17px;flex:none;opacity:.7}

/* Every universe has the same compact, photographic tile. */
#univers.universe-section{padding:62px 0 60px;background:#fff;border:0;color:var(--navy);overflow:visible;isolation:auto}
#univers:before,#univers:after{display:none}
#univers .universe-intro{align-items:end;margin-bottom:24px;gap:25px}
#univers .universe-intro h2{color:var(--navy);font-family:VeissiereDisplay,Arial,sans-serif;font-size:34px;line-height:1.1;letter-spacing:-.04em}
#univers .universe-intro h2 br{display:none}
#univers .universe-intro h2 em{color:var(--navy);font-style:normal}
#univers .universe-intro .eyebrow{color:var(--blue);font-size:10px;letter-spacing:.13em;margin-bottom:12px}
#univers .universe-intro-copy{max-width:360px;display:flex;align-items:end;gap:20px}
#univers .universe-intro-copy>p{font-size:12px;line-height:1.6;color:#66768d;margin:0}
#univers .universe-catalogue-link{display:inline-flex;align-items:center;flex:none;min-height:36px;padding:0;border:0;background:transparent;color:var(--blue);box-shadow:none;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px;border-radius:4px}
#univers .universe-catalogue-link:hover{background:transparent;color:#003ac5}
#univers .categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
#univers .universe-card,#univers .universe-card:first-child,#univers .universe-card:last-child{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;min-width:0;min-height:0;padding:0;background:#fff;color:var(--navy);border:1px solid #e0e6ef;border-radius:13px;box-shadow:0 3px 7px #071c4203;overflow:hidden;transform:none;outline:none}
#univers .universe-card:hover{border-color:#99b8f5;box-shadow:0 5px 15px #071c420a;transform:none;outline:0}
#univers .universe-card[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
#univers .universe-visual{display:block;position:relative;flex:none;width:100%;height:100px;min-height:0;overflow:hidden;background:#f5f7fb}
#univers .universe-visual img{display:block;position:static;inset:auto;width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal;filter:none;transform:none}
#univers .universe-visual:after,#univers .universe-visual:before{display:none}
#univers .universe-visual[data-image-mode=contain]{background:#fff}
#univers .universe-visual[data-image-mode=contain] img{object-fit:contain;padding:14px}
#univers .universe-card-copy{position:static;display:flex;flex-direction:column;flex:1;min-width:0;padding:13px 12px 12px;background:#fff;color:var(--navy);text-align:left;gap:0;border-top:1px solid #eaf0f6}
#univers .universe-title{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;letter-spacing:-.01em;font-weight:700;color:var(--navy);text-transform:none;min-height:34px;margin:0}
#univers .universe-line{display:none}
#univers .universe-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0;gap:5px;padding:0;border:0}
#univers .universe-action{padding:0;min-height:0;border:0;box-shadow:none;border-radius:0;background:none;color:var(--blue);font-size:10px;font-weight:700;line-height:1.5}
#univers .universe-count{color:#738199;font-size:9px;line-height:1.5;opacity:1;font-weight:400}
#univers button:focus-visible,#univers a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* One well-defined catalogue surface, with less preamble above the products. */
.catalogue-section{padding:58px 0 64px;background:#f4f6fa;border-top:1px solid #e4eaf3;border-bottom:1px solid #e3e9f2;scroll-margin-top:145px}
#catalogue .section-intro{margin-bottom:21px;gap:25px}
#catalogue .section-intro h2{font-size:36px;color:var(--navy);line-height:1.12}
#catalogue .catalogue-note{padding:10px 13px;font-size:10px;line-height:1.6;background:#fff;border:1px solid #dce5f3;border-left:2px solid var(--blue);border-radius:8px;box-shadow:none;color:#64768e}
#catalogue .catalogue-note b{color:#425b7d;font-weight:500}
#catalogue .catalogue-access{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;padding:0 0 16px;margin:0;border:0;border-radius:0;background:none;font-size:12px}
#catalogue .catalogue-access-link{padding:3px 0;min-height:30px;border:0;border-radius:4px;font-size:12px;color:#526680;background:transparent;font-weight:400;text-decoration:none;gap:9px}
#catalogue .catalogue-access-link b{color:var(--blue);font-weight:600}
#catalogue .catalogue-access-link:hover{padding:3px 0;border:0;background:none;color:var(--blue)}
#catalogue .catalogue-access>a{font-size:11px;color:#61748e}
#catalogue .catalogue-access .ui-icon{width:15px;height:15px}
#catalogue .offer-filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:9px;margin:0 0 16px;grid-template-columns:none}
#catalogue .offer-filters>button{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;width:auto;padding:6px 12px;border:1px solid #dce5f1;background:#fff;color:#5b708c;border-radius:7px;box-shadow:none;clip-path:none}
#catalogue .offer-filters .filter-symbol,#catalogue .offer-filters .filter-check{display:none}
#catalogue .offer-filters .filter-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}
#catalogue .offer-filters .filter-label>b{font-size:11px;line-height:1.5;color:#334f75;font-weight:600}
#catalogue .offer-filters .filter-label>small{font-size:10px;line-height:1.5;color:#718198;margin:0}
#catalogue .offer-filters>button:hover{background:#edf3ff;border-color:#b9ccef;box-shadow:none}
#catalogue .catalogue-brands{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px;padding:14px 0;border-top:1px solid #dfe7f1;border-bottom:1px solid #dfe7f1}
#catalogue .catalogue-brands .button{min-height:37px;padding:9px 15px;font-size:11px;gap:10px;border-radius:7px;background:#fff;border-color:#dfe6f1;box-shadow:none}
#catalogue .catalogue-brands .button span{font-size:9px;line-height:1.4;opacity:1;color:#72839a;font-weight:400}
#catalogue .catalogue-brands .brand-directory-trigger{background:var(--navy);border-color:var(--navy);color:#fff}
#catalogue .catalogue-brands .brand-directory-trigger span{color:#abc4eb}
#catalogue .catalogue-brands .button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}
#catalogue .catalogue-brands .button[aria-pressed=true] span{color:#d7e6ff}
#catalogue .catalogue-toolbar{border:0;padding:0 0 16px;gap:15px;margin:0;align-items:center}
.catalogue-search-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 12px;border:1px solid #ccd9ee;border-radius:8px;background:#fff;color:var(--blue);font-size:12px;font-weight:600}
.catalogue-search-link>.ui-icon{width:16px;height:16px}
#catalogue .toolbar-left{min-width:0;gap:12px;flex-wrap:wrap}
#catalogue #result-count{font-size:12px;line-height:1.5;color:#5f718a}
#catalogue .sort-label{font-size:11px;gap:9px;color:#61728b;flex:none}
#catalogue .sort-label select{font-size:12px;min-height:39px;border-radius:8px;padding:8px 30px 8px 11px;max-width:190px;border-color:#d3dfef;box-shadow:none}
.view-switch{padding:3px;border-radius:8px;background:#e9eef6;border:1px solid #dce4f0;gap:2px}
.view-switch button{width:31px;min-width:31px;height:31px;border-radius:5px;background:transparent;border:0;color:#72829a}
.view-switch button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 1px 3px #071c4212}
.shop-layout{grid-template-columns:224px minmax(0,1fr);gap:24px;align-items:start}
#catalogue .filters{background:#fff;color:var(--navy);border:1px solid #dce4ef;border-radius:13px;box-shadow:0 3px 12px #071c4203;padding:22px 17px;min-width:0}
#catalogue .filters-heading{margin-bottom:19px}
#catalogue .filters-heading .eyebrow{font-size:8px;color:#8291a5;letter-spacing:.1em;margin:0 0 7px}
#catalogue .filters-heading h3{font-size:19px;color:var(--navy);line-height:1.2;font-weight:700;letter-spacing:-.025em}
#catalogue .filter-picker-trigger{background:#f6f8fc;border:1px solid #e0e7f2;border-radius:9px;padding:11px 12px;box-shadow:none;min-height:66px}
#catalogue .filter-picker-trigger:hover{background:#eff4ff;border-color:#b4c9ef;box-shadow:none}
#catalogue .filter-picker-trigger small{font-size:10px;color:#71839a;margin-bottom:4px}
#catalogue .filter-picker-trigger strong{color:var(--navy);font-size:12px;font-weight:600;line-height:1.5}
#catalogue .filter-picker-trigger.has-value{border-color:#93b3f5;background:#edf3ff;box-shadow:none}
#catalogue .facet-arrow{background:white;border:1px solid #e1e9f4;border-radius:6px;color:var(--blue);width:25px;height:25px;font-size:16px}
#catalogue .filters .photo-filter{font-size:12px;color:#425b7b;line-height:1.6}
#catalogue .filters .filter-live-note{font-size:10px;line-height:1.6;color:#7a8ba3}
#catalogue .filter-controls{background:#fff;border-color:#e0e7f1}
#catalogue .filter-controls>.primary{min-height:43px;border:0;border-radius:8px;font-size:12px;background:var(--blue);box-shadow:none;padding:11px}
#catalogue .filter-controls>.text-button{min-height:35px;color:#647895;font-size:11px}
#catalogue .filter-contact{background:#f2f6ff;border:1px solid #e0e9fb;padding:12px 10px;border-radius:9px;gap:9px;box-shadow:none;color:#62789a;font-size:10px;line-height:1.6;margin-top:18px}
#catalogue .filter-contact b{font-size:12px;color:var(--blue);font-weight:600}
#catalogue .filter-contact .ui-icon{color:var(--blue);width:17px;height:17px}
#catalogue .technical-filters{border-color:#dfe7f2}
#catalogue .technical-filters h4{font-size:12px;color:var(--navy)}
#catalogue .technical-filters>label{color:#3e587d;font-size:11px}
#catalogue .technical-filters>small,#catalogue .technical-filters>.tiny{color:#71849f;font-size:10px}
#catalogue .filters button:focus-visible,#catalogue .filters a:focus-visible{outline-color:var(--blue)}

/* Readable product cards, with one image stage and one shopping action. */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.product-card{border:1px solid #e0e6f0;border-radius:14px;background:#fff;box-shadow:0 2px 4px #071c4202;overflow:hidden;transform:none;min-width:0}
.product-card:hover{border-color:#a6bfe9;box-shadow:0 8px 22px #071c420a;transform:none}
.product-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.product-media{position:relative;display:flex;width:100%;height:204px;min-height:0;align-items:center;justify-content:center;background:#fff;border:0;border-bottom:1px solid #f0f3f8;padding:26px 20px 31px;overflow:hidden}
.product-media:before{display:none}
.product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;position:relative}
.product-media img.brand-logo{padding:14%;object-fit:contain}
.product-media .ref-mini{position:absolute;right:12px;left:auto;bottom:9px;max-width:calc(100% - 24px);font:9px/1.4 monospace;color:#7e8ca2;background:#f6f8fc;border:1px solid #edf1f6;padding:3px 6px;border-radius:4px}
.product-card .product-info{padding:17px 17px 16px;border-top:0;min-width:0;display:flex;flex-direction:column}
.product-card .product-brand{font-size:10px;font-weight:700;color:var(--blue);letter-spacing:.07em;margin:0 0 8px;line-height:1.4}
.product-card .product-offer{align-self:flex-start;font-size:9px;font-weight:400;line-height:1.5;color:#6c7d93;background:#f5f7fb;border:1px solid #e7edf5;border-radius:4px;margin:0 0 9px;padding:3px 6px;min-height:0;box-shadow:none}
.product-card .product-offer:before{display:none}
.product-card .product-title{font-family:Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:650;line-height:1.45;letter-spacing:-.012em;min-height:61px;color:var(--navy);overflow:hidden}
.product-card .product-title:hover{color:var(--blue)}
.product-card .specs{min-height:0;max-height:49px;margin:11px 0 10px;gap:4px;align-content:start}
.product-card .specs>span{font-size:9px;line-height:1.5;border:1px solid #e6ebf4;background:#f7f9fc;color:#5f718c;border-radius:4px;padding:3px 6px}
.product-grid:not([data-view=list]) .product-excerpt{display:none}
.product-card .product-more{font-size:10px;font-weight:500;min-height:26px;color:#6481aa;padding:4px 0;margin:0 0 13px;background:transparent;text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.product-card .product-commercial{margin-top:auto;border-top:1px solid #edf1f6;padding-top:14px;min-height:102px;gap:4px}
.product-card .price-amount{font-family:Arial,sans-serif;font-size:25px;font-weight:750;letter-spacing:-.045em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--navy)}
.product-card .price-amount small{font-size:9px;letter-spacing:0;color:#627590;font-weight:500;margin-left:3px}
.product-card .product-commercial>span{font-size:9px;line-height:1.55;color:#71819a}
.product-card .card-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:7px;margin-top:13px}
.product-card .card-actions>.button{display:flex;flex:1;min-width:0;min-height:43px;padding:10px 11px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:#fff;font-size:12px;font-weight:600;gap:7px;box-shadow:none}
.product-card .card-actions>.button:hover{background:var(--blue);border-color:var(--blue)}
.product-card .card-actions>.button .ui-icon{width:16px;height:16px}
.product-card .card-actions>.icon-button{display:grid;place-items:center;flex:none;width:42px;min-width:42px;height:43px;padding:0;border:1px solid #dce5f3;border-radius:8px;background:#f5f8fd;color:#7287a7;box-shadow:none}
.product-card .card-actions>.icon-button:after{display:none}
.product-card .card-actions>.icon-button .ui-icon{width:19px;height:19px}
.product-card .card-actions>.icon-button:hover,.product-card .card-actions>.icon-button[aria-pressed=true]{background:#edf3ff;border-color:#a2bff5;color:var(--blue)}
.product-card .in-selection{font-size:10px;line-height:1.5;background:#edf3ff;border:1px solid #d7e5ff;border-radius:5px;padding:5px 7px;color:var(--blue);margin-bottom:10px}
.photo-unavailable{border:1px solid #e6ecf5;border-radius:12px;background:#f8fafe}
.product-grid[data-view=list] .product-card{grid-template-columns:178px minmax(0,1fr)}
.product-grid[data-view=list] .product-info{padding:20px;grid-template-columns:minmax(0,1fr) 185px;border:0;border-left:1px solid #edf1f6}
.product-grid[data-view=list] .product-media{height:100%;min-height:230px;border:0}
.product-grid[data-view=list] .product-title{min-height:0;font-size:15px}
.product-grid[data-view=list] .product-excerpt{font-size:12px;line-height:1.6;color:#78889f;margin-bottom:14px}
.product-grid[data-view=list] .product-commercial{border-left:1px solid #e3eaf4;border-top:0;min-height:0;padding-left:20px}
.product-grid[data-view=list] .card-actions{margin:0}
.catalogue-pagination{padding-top:30px;gap:14px}
.catalogue-pagination p{font-size:11px;color:#7a8da6}
.gallery-thumb{border:1px solid #dfe7f2;border-radius:9px;background:white;box-shadow:none}
.gallery-thumb[aria-pressed=true]{border:2px solid var(--blue);box-shadow:0 0 0 2px #004bff0a}

/* Advice and services are quieter than product discovery. */
.offer-paths{gap:22px;padding-block:66px}
.stock-path,.order-path{border:1px solid #e0e7f1;border-radius:20px;box-shadow:none;background:#f6f8fc}
.stock-path-heading h2,.order-copy h2{font-size:35px;line-height:1.1;letter-spacing:-.04em}
.stock-path{padding:30px}
.stock-path .eyebrow,.order-copy .eyebrow{font-size:9px;color:var(--blue)}
.stock-path .stock-path-heading{margin-bottom:22px}
.stock-path-heading>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#657c9c}
.stock-new,.stock-new:hover,.stock-new[aria-pressed=true]{border-color:#e0e7f1;box-shadow:none}
.stock-new .offer-photo-label{font-size:9px;border-radius:5px}
.stock-new .offer-cta{border:0;background:var(--blue);font-size:11px;border-radius:7px;box-shadow:none}
.stock-new .stock-option-title{font-size:25px}
.stock-new .stock-option-state{font-size:12px}
.stock-new .stock-option-copy{font-size:12px;color:#6a809e}
.order-photo{max-height:220px}
.order-copy{padding:28px}
.order-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#667b99}
.order-path-action{gap:17px}
.order-path-action>span{font-size:10px;color:#7488a4}
#par-besoin{padding-top:20px;padding-bottom:70px}
.needs{gap:20px}
.need,.need:nth-child(2),.need:hover{border:1px solid #e1e7f0;border-radius:16px;box-shadow:none;background:white}
.need-photo{height:200px;min-height:0}
.need-copy,.need:nth-child(2) .need-copy{background:white;color:var(--navy);padding:23px}
.need-eyebrow{color:var(--blue);font-size:9px;letter-spacing:.1em}
.need h3{font-size:24px;line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin-block:12px}
.need p{font-size:12px;color:#7386a0;line-height:1.6}
.need-link{font-size:11px;color:var(--blue);border-top:1px solid #e5ebf3;padding-top:16px;margin-top:20px}
.pro-section{background:var(--navy);color:white;padding-block:60px;overflow:hidden}
.pro-section:before,.pro-section:after{display:none}
.pro-section h2{color:white;font-size:44px;line-height:1.08;letter-spacing:-.04em}
.pro-section .eyebrow{color:#8db8ff;font-size:10px}
.pro-section p:not(.eyebrow){font-size:14px;color:#b6c8e5;line-height:1.8;max-width:480px}
.pro-grid{gap:70px;align-items:center}
.reference-preview{border-radius:16px;transform:none;box-shadow:0 15px 35px #00000015;border-color:#365581}
.reference-title{background:#edf3fc;font-size:10px}
.reference-preview>div:not(.reference-title):not(.reference-total){padding:19px 18px;font-size:12px;border-color:#e6edf7}
.reference-preview code{font-size:11px;color:#637d9e}
.reference-total{font-size:11px;background:#f7faff;color:#5f7c9f;border-color:#e1eaf8}
.answers{padding-top:70px;padding-bottom:55px}
.answers>h2{font-size:36px;letter-spacing:-.04em;line-height:1.12}
.answer-grid{gap:11px}
.answer-grid details{border-radius:11px;border:1px solid #e0e7f0;box-shadow:none;background:#fff}
.answer-grid summary{font-size:13px;color:#304d73;padding:20px 22px;gap:15px;border-radius:10px}
.answer-grid summary>.ui-icon{width:18px;height:18px;color:var(--blue)}
.answer-grid summary>span:last-child{width:25px;height:25px;min-width:25px;background:#f1f5fc;border:1px solid #e2eaf6;border-radius:7px;font-size:17px}
.answer-grid details>p,.answer-grid .offer-explainer{font-size:13px;line-height:1.8;color:#667b99}
.rental-service{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;margin-bottom:55px;border-top:1px solid #e2e8f1;border-bottom:1px solid #e2e8f1;color:#667b98}
.rental-service>div{display:flex;align-items:center;gap:18px;min-width:0}
.rental-service-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:#f4f7fc;border:1px solid #e2eaf5;border-radius:11px;color:#7890b3}
.rental-service-icon .direction-icon{width:21px;height:21px}
.rental-service .eyebrow{font-size:8px;color:#8190a6;letter-spacing:.1em;margin:0 0 6px}
.rental-service h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;color:#344e73;margin:0 0 7px}
.rental-service p:not(.eyebrow){font-size:11px;line-height:1.7;margin:0;max-width:570px}
.rental-service>a{display:inline-flex;align-items:center;gap:12px;min-height:40px;flex:none;font-size:11px;font-weight:600;color:#5274a8;text-decoration:underline;text-underline-offset:5px}
.rental-service>a .direction-icon{width:16px;height:16px}
.store-section{padding-block:65px;background:#f4f7fb;border-top:1px solid #e3eaf4}
.store-grid{grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.store-wordmark{border:1px solid #dfe8f5;border-radius:20px;background:#fff;box-shadow:none;padding:52px 30px;color:var(--navy)}
.store-wordmark>strong{font-family:VeissiereDisplay,Arial,sans-serif;font-size:43px;color:var(--navy);letter-spacing:-.05em}
.store-wordmark>span{font-size:10px;letter-spacing:.12em;color:#7488a6}
.store-wordmark .store-rule{background:linear-gradient(90deg,var(--red) 0 25%,var(--blue) 25%);height:3px;width:85px;margin:30px auto}
.store-wordmark>p{font-size:13px;color:#6b7f9d;line-height:1.7}
.store-section .eyebrow{color:var(--blue);font-size:9px}
.store-section h2{font-size:40px;letter-spacing:-.04em;line-height:1.1;color:var(--navy)}
.store-copy{font-size:14px;line-height:1.8;color:#667a97}
.store-phone{color:var(--blue);font-size:29px;letter-spacing:-.025em;margin-top:22px}
.store-grid>div>p:not([class]){font-size:12px;line-height:1.8;color:#6c809e}
.store-actions{gap:11px;flex-wrap:wrap;margin-top:22px}
.store-actions .button{font-size:11px;min-height:42px;padding:10px 14px;background:transparent}
.workshop-film{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:center;margin-top:26px;padding-top:23px;border-top:1px solid #dfe8f4}
.workshop-film .eyebrow{font-size:8px;letter-spacing:.1em;margin:0 0 8px}
.workshop-film h3{font-size:21px;line-height:1.15;letter-spacing:-.025em;margin:0;color:#3b587e}
.workshop-film>div>p:not(.eyebrow){font-size:10px;line-height:1.7;color:#8293ab;margin:9px 0 0}
.workshop-film .hero-media{display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;border:1px solid #e1e8f3;border-radius:10px;background:var(--navy);box-shadow:none;overflow:hidden}
.workshop-film .hero-media>img,.workshop-film .hero-media>video{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1440/546;object-fit:contain;opacity:1;transform:none}
.workshop-film .hero-media>video{position:absolute;top:0}
.workshop-film .hero-video-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;position:static;background:var(--navy);border-top:1px solid #ffffff20;color:#b2c7e8;padding:8px 10px;font-size:8px;line-height:1.4}
.workshop-film .video-pause{position:static;min-height:30px;background:none;border:0;border-radius:4px;color:white;font-size:9px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:4px}
footer{padding-top:40px;background:var(--navy);border-top:0;color:#b3c4e0}
.footer-main{padding-bottom:30px;gap:30px}
.footer-main>div>b{font-family:VeissiereDisplay,Arial,sans-serif;color:#fff;letter-spacing:-.025em;font-size:22px}
.footer-main p{font-size:12px;color:#97aece}
.footer-main a,.footer-main button{font-size:11px;color:#a5bcdf;min-height:36px}
.footer-main .footer-rental{color:#9fb5d7;font-size:11px;background:transparent;border:0;box-shadow:none;padding:0}
.footer-bottom{padding-block:20px;border-top:1px solid #ffffff1c;gap:22px;font-size:10px;color:#8ca6ca}
.footer-bottom>a{font-size:9px;color:#a2b9dc}

/* Detailed information and checkout share the same typographic hierarchy. */
#dialog{border:1px solid #dde6f3;border-radius:20px;box-shadow:0 20px 100px #020b2038;border-top:0}
#dialog .dialog-top{padding:17px 27px;background:#f5f8fd;border-bottom:1px solid #e0e9f6}
#dialog .dialog-top .eyebrow{font-size:9px;letter-spacing:.12em;color:#6d86aa}
#dialog .close-dialog{width:36px;height:36px;min-width:36px;background:white;border:1px solid #dfe8f4;border-radius:9px;color:#6d84a5;box-shadow:none;font-size:23px;font-weight:400}
#dialog #dialog-body{padding:31px;scrollbar-width:thin}
#dialog h2{color:var(--navy);letter-spacing:-.035em}
#dialog .dialog-lead{font-size:14px;line-height:1.8;color:#667b99}
#dialog .dialog-footer{background:#fff;border-top:1px solid #e3eaf4;box-shadow:0 -7px 25px #071c4203;padding:19px 27px}
#dialog[data-layout=product] .dialog-top{background:var(--navy);border:0;padding:14px 28px}
#dialog[data-layout=product] .dialog-top .eyebrow{color:#aac6ef}
#dialog[data-layout=product] .close-dialog{background:#ffffff0b;border-color:#ffffff29;color:#d3e2f9}
#dialog[data-layout=product] #dialog-body{padding:0;overflow:auto;min-height:0}
#dialog[data-layout=product] .detail-heading{display:block;padding:27px 32px 25px;margin:0;background:#fff;border:0;border-bottom:1px solid #e6ecf5;color:var(--navy)}
#dialog[data-layout=product] .detail-heading-meta{gap:12px;margin-bottom:15px}
#dialog[data-layout=product] .detail-heading .product-brand{color:#6c829f;font-size:11px;letter-spacing:.02em;gap:13px;line-height:1.6}
#dialog[data-layout=product] .product-brand strong{color:var(--blue);font-size:12px;font-weight:700;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
#dialog[data-layout=product] .detail-heading .product-offer{background:#f0f5fc;color:#607a9e;border:1px solid #dfe8f6;border-radius:5px;font-size:9px;padding:4px 8px;margin:0;min-height:0}
#dialog[data-layout=product] .detail-heading .product-offer:before{border-color:#8ca7cd;width:5px;height:5px}
#dialog[data-layout=product] .detail-heading h2{font-family:VeissiereDisplay,Arial,sans-serif;color:var(--navy);font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.03em;max-width:870px}
#dialog[data-layout=product] .detail-content{padding:28px 32px 36px;background:#fafbfd}
#dialog[data-layout=product] .dialog-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}
.detail-figure{min-width:0;margin:0}
.detail-visual{height:330px;padding:25px;border:1px solid #e0e8f4;border-radius:15px;background:#fff;box-shadow:none}
.detail-figure figcaption{font-size:10px;line-height:1.7;color:#8293ab;margin-top:12px}
.detail-summary{font-size:14px;line-height:1.8;color:#526c91;margin-bottom:15px}
.detail-info .specs{margin:0 0 18px;gap:6px}
.detail-info .specs span{font-size:10px;line-height:1.5;padding:5px 8px;border-radius:5px;border-color:#dfe8f4;color:#5276a9;background:#f0f5fe}
.detail-dl{border:1px solid #e0e8f3;border-radius:12px;background:#fff;overflow:hidden}
.detail-dl>div{padding:12px 13px;border-color:#e7edf6;font-size:11px;line-height:1.65;gap:15px}
.detail-dl dt{color:#7a8da8;font-size:10px;font-weight:400}
.detail-dl dd{color:#314e78;font-weight:600;font-size:11px}
.detail-dl>div:nth-child(2n){background:#f7f9fd}
.decision-facts,.delivery-conditions,.technical-section{padding:23px;border:1px solid #dfe7f3;border-radius:13px;background:#fff;box-shadow:none}
.decision-facts h3,.delivery-conditions h3,.technical-section h3,.product-story h3{font-size:23px;letter-spacing:-.025em;line-height:1.2}
.decision-facts dt,.delivery-conditions dt,.technical-grid dt{font-size:11px;color:#7b8fae}
.decision-facts dd,.delivery-conditions dd,.technical-grid dd{font-size:12px;line-height:1.8;color:#3d5d87}
.product-story p{font-size:13px;line-height:1.9;color:#627c9f}
.cart-line{border:1px solid #e4ebf5;border-radius:13px;padding:20px 16px;box-shadow:none;margin-block:12px}
.cart-line h3{font-family:Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;color:#253f67}
.cart-line small{font-size:10px;color:#7a8fab;line-height:1.7}
.cart-line-total{font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.02em}
.budget-panel{background:#f3f7ff;border:1px solid #dbe7fa;border-radius:13px;box-shadow:none}
.budget-panel h3{font-size:23px}
.selection-note{font-size:11px;line-height:1.8;color:#7286a3;background:#f5f8fd;border-color:#e1eaf8;border-left-width:2px}
.field label,.checkout-fields .field label{font-size:12px;color:#3e5c85;font-weight:600}
.field input,.field select,.field textarea,.checkout-fields input,.checkout-fields select{background:#fbfcff;border-color:#d8e2f0;border-radius:9px;padding:13px 14px;font-size:16px}
.checkout-shell{max-width:860px}
.checkout-mode{border:1px solid #dce7f8;border-radius:11px;background:#f2f7ff;border-left:2px solid var(--blue);padding:15px 17px}
.checkout-mode b{font-size:12px;color:#304f7d}
.checkout-mode p{font-size:11px;color:#718aae}
.checkout-steps{gap:8px;margin-block:26px 32px}
.checkout-steps button{background:transparent;border:0;border-bottom:2px solid #e2e9f4;border-radius:0;min-height:73px;padding:8px 6px;font-size:11px;color:#8094b0;box-shadow:none}
.checkout-steps button span{width:25px;height:25px;border:1px solid #dae6f7;border-radius:8px;background:#f3f7fe;color:#7190bc;font-size:11px}
.checkout-steps [aria-current=step]{border-bottom-color:var(--blue);background:transparent;color:var(--blue)}
.checkout-steps [aria-current=step] span{color:white;background:var(--blue);border-color:var(--blue);box-shadow:0 3px 8px #004bff15}
.checkout-steps button:disabled{opacity:1;color:#8d9eb6}
.checkout-shell h2{font-size:33px;letter-spacing:-.035em}
.checkout-profile label{font-size:12px;color:#55729b}
.checkout-delivery-choice{border:1px solid #dee7f5;border-radius:12px;padding:20px;background:white;box-shadow:none}
.checkout-delivery-choice:has(input:checked){border-color:#84a9f6;background:#f0f5ff;box-shadow:inset 0 0 0 1px #004bff12}
.checkout-delivery-choice b{font-size:13px;color:#294a7a}
.checkout-delivery-choice small{font-size:11px;color:#7b92b3}
.checkout-totals{background:#f4f7fc;border:1px solid #dce6f5;border-radius:13px}
.checkout-totals .checkout-total{background:var(--navy);color:#fff;border:0;border-radius:9px;margin:15px -6px -4px;padding:18px 14px;font-size:15px}
.checkout-totals .checkout-total dd{font-size:24px;letter-spacing:-.04em;color:white}
.checkout-success-mark{width:62px;height:62px;border-radius:19px;box-shadow:0 0 0 7px #edf3ff}
.floating-cart{background:var(--navy);border:1px solid #2e4e80;border-radius:12px;padding:14px 18px;gap:10px;box-shadow:0 8px 25px #071c421a;min-height:49px;font-size:12px}
.floating-cart:hover{background:#102d58;box-shadow:0 8px 25px #071c4226}
.floating-cart>.cart-count{color:var(--navy);background:#fff;min-width:24px;border-radius:6px}
.compare-dock{border:1px solid #d6e3f8;border-radius:12px;box-shadow:0 8px 25px #071c4215}

/* Responsive composition, including deliberate navigation and modal sizing. */
@media(min-width:1500px){.product-media{height:220px}}
@media(max-width:1180px){
 .wrap{width:calc(100% - 56px)}
 .header-main{gap:16px}
 .header-main .brand small{display:none}
 .header-main .brand b{font-size:25px}
 .header-main .brand>img{width:48px;height:48px}
 .main-nav{gap:22px}
 .main-nav .customer-toggle button{padding-inline:9px}
 .stock-hero.search-first-hero{width:calc(100% - 56px);padding:40px 35px 0}
 #univers .categories{grid-template-columns:repeat(4,minmax(0,1fr))}
 #univers .universe-visual{height:108px}
 #univers .universe-title{min-height:17px}
 .shop-layout{grid-template-columns:205px minmax(0,1fr);gap:18px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .product-media{height:210px}
 #catalogue .toolbar-left{gap:9px}
 .view-switch{display:none}
 .store-grid{gap:36px}
 .pro-grid{gap:40px}
}
@media(max-width:930px){
 .header-main{gap:13px;min-height:77px}
 .header-main .brand b{font-size:23px}
 .header-main .brand>img{width:44px;height:44px}
 .header-main .header-action{padding:9px;font-size:11px}
 .header-main .pro-btn>span:last-child{display:none}
 .header-search-link{font-size:12px;max-width:300px}
 .main-nav{gap:20px}
 .main-nav .customer-toggle{display:none}
 .stock-hero.search-first-hero{padding:37px 30px 0}
 .stock-hero.search-first-hero h1{font-size:49px}
 #univers .universe-intro-copy>p{display:none}
 .shop-layout{gap:15px;grid-template-columns:190px minmax(0,1fr)}
 #catalogue .filters{padding:20px 13px}
 #catalogue .catalogue-toolbar{flex-wrap:wrap}
 .catalogue-brands .button span{display:none}
 .product-card .product-info{padding:15px 13px}
 .product-media{height:195px}
 .offer-paths{gap:17px}
 .stock-path{padding:23px}
 .stock-path-heading h2,.order-copy h2{font-size:30px}
 .order-copy{padding:23px}
 .pro-section h2{font-size:37px}
 .need-copy{padding:18px}
 .need h3{font-size:22px}
 .store-grid{grid-template-columns:.8fr 1.2fr;gap:28px}
 .store-wordmark{padding:38px 20px}
 .store-wordmark>strong{font-size:33px}
 .store-section h2{font-size:35px}
 .workshop-film{grid-template-columns:1fr}
 .workshop-film>div{display:none}
}
@media(max-width:800px){
 html{scroll-padding-top:130px}
 .wrap{width:calc(100% - 40px)}
 .utility .wrap{min-height:26px}
 .utility{font-size:9px}
 .header-main{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:11px 0;min-height:70px}
 .header-main .brand{flex:1;min-width:0;gap:8px}
 .header-main .brand>img{width:44px;height:44px}
 .header-main .brand b{font-size:24px}
 .header-main .brand small{display:none}
 .header-search-link{flex:none;max-width:none;min-height:40px;width:40px;margin-left:0;padding:10px;justify-content:center;border:1px solid #dfe7f4;background:#f5f8fd;gap:0;border-radius:9px}
 .header-search-link>span:not([data-icon]){display:none}
 .header-search-link>.ui-icon{width:18px;height:18px}
 .header-search-link>span[data-icon]{display:flex}
 .header-main .mobile-phone{display:none}
 .header-main .header-action{padding:10px;width:40px;min-height:40px;min-width:40px;gap:0;justify-content:center;border:1px solid #dfe7f4;border-radius:9px}
 .header-main .header-action>span:last-child:not(.bag){display:none}
 .header-main .cart-button{padding:10px;background:#edf3ff}
 .header-main .cart-button .bag{display:flex}
 .main-nav{min-height:40px;gap:24px;width:calc(100% - 40px)}
 .main-nav>a,.main-nav>button{min-height:40px;font-size:11px;padding:10px 0}
 .merchant-note .wrap{padding:7px 0;min-height:38px;font-size:10px;gap:10px}
 .merchant-note .wrap>span{display:block;line-height:1.5}
 .merchant-note button{white-space:normal;min-height:30px;max-width:132px;flex:none;line-height:1.5;font-size:10px;padding:3px 0;text-align:left;gap:7px}
 .merchant-note button .direction-icon{flex:none}
 .stock-hero.search-first-hero{width:calc(100% - 40px);margin-top:20px;padding:34px 25px 0;border-radius:20px}
 .stock-hero.search-first-hero h1{font-size:48px;line-height:1.04}
 .stock-hero.search-first-hero .hero-audience{font-size:9px;letter-spacing:.1em;margin-bottom:18px}
 .stock-hero.search-first-hero .hero-signoff{font-size:13px;max-width:390px;margin-top:16px}
 .hero-search{margin-top:25px}
 .hero-search .search{min-height:66px;gap:8px;padding:6px;border-radius:12px}
 .hero-search .search input{height:50px;font-size:16px}
 .hero-search .search button{min-width:128px;height:52px;min-height:52px;padding:12px 16px;font-size:13px;gap:8px;border-radius:8px}
 .hero-search .search>span{width:27px;min-width:27px;margin-left:6px}
 .hero-search .search>span .ui-icon{width:21px;height:21px}
 .hero-shortcuts{justify-content:flex-start}
 .hero-shortcuts>span{display:none}
 .hero-shortcuts>button{font-size:10px;padding:7px 10px;min-height:32px}
 .search-first-hero .hero-bottom{margin-top:23px}
 .hero-service{padding:18px 0;gap:10px;min-height:80px}
 .hero-service:first-child{padding-right:17px}
 .hero-service:last-child{padding-left:17px}
 .hero-service b{font-size:11px}
 .hero-service small{font-size:10px}
 .hero-service-icon{width:30px;height:32px;border-radius:8px}
 .hero-service>.direction-icon{display:none}
 #univers.universe-section{padding-block:43px}
 #univers .universe-intro h2{font-size:29px}
 #univers .categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 #univers .universe-visual{height:91px}
 #univers .universe-title{font-size:11px;min-height:31px}
 #univers .universe-card-copy{padding:11px 10px}
 #univers .universe-count{font-size:9px}
 #univers .universe-card-footer{gap:3px}
 .catalogue-section{padding-block:42px;scroll-margin-top:125px}
 #catalogue .section-intro h2{font-size:32px}
 .shop-layout{grid-template-columns:minmax(0,1fr)}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .product-media{height:180px;padding:22px 13px 29px}
 .product-card .product-info{padding:14px 12px}
 .product-card .product-title{font-size:13px;min-height:57px}
 .product-card .price-amount{font-size:23px}
 .product-card .card-actions>.button{font-size:11px;padding-inline:7px}
 .product-card .card-actions>.icon-button{width:37px;min-width:37px}
 #catalogue .filters.open{width:min(350px,calc(100vw - 28px));padding:24px 19px;border-radius:0 17px 17px 0;background:#fff;color:var(--navy);border:1px solid #dce5f3;box-shadow:10px 0 45px #071c4226}
 #catalogue .filters .filter-close{width:44px;min-width:44px;height:44px;border-radius:10px;border:1px solid #dce5f3;background:#f3f7fd;color:var(--navy)}
 #catalogue .filter-controls{border-top:1px solid #e0e7f2;background:#fff}
 #catalogue .filters-heading{align-items:center;justify-content:space-between}
 #catalogue .filters-heading .eyebrow{font-size:9px}
 #catalogue .filters-heading h3{font-size:23px}
 #catalogue .filters.open .filter-picker-trigger strong{font-size:14px}
 #catalogue .filters.open .filter-picker-trigger small{font-size:11px}
 #catalogue .filters.open .filter-live-note{font-size:12px}
 .offer-paths{padding-block:42px;grid-template-columns:1fr 1fr}
 .stock-path{padding:20px}
 .stock-path-heading h2,.order-copy h2{font-size:28px}
 .order-copy{padding:20px}
 .order-path-action{display:block}
 .order-path-action>span{display:block;margin-top:10px}
 .needs{gap:13px}
 .need-copy{padding:18px}
 .need-photo{height:170px}
 .need h3{font-size:21px}
 .pro-grid{grid-template-columns:1fr 1fr;gap:28px}
 .pro-section{padding-block:44px}
 .pro-section h2{font-size:33px}
 .pro-section p:not(.eyebrow){font-size:12px}
 .reference-preview>div:not(.reference-title):not(.reference-total){padding:15px 12px;font-size:10px}
 .reference-preview code{font-size:10px}
 .reference-total{font-size:10px}
 .answers{padding-block:45px}
 .answers>h2{font-size:31px}
 .rental-service{gap:22px;margin-bottom:42px}
 .rental-service p:not(.eyebrow){max-width:400px}
 .store-grid{grid-template-columns:.7fr 1fr;gap:25px}
 .store-section{padding-block:44px}
 .store-section h2{font-size:31px}
 .store-wordmark{padding:35px 18px}
 .store-wordmark>img{width:95px;height:95px}
 .store-wordmark>strong{font-size:30px}
 #dialog #dialog-body{padding:25px}
 #dialog[data-layout=product] .detail-heading{padding:23px}
 #dialog[data-layout=product] .detail-content{padding:24px}
 #dialog[data-layout=product] .dialog-grid{grid-template-columns:1fr 1fr;gap:22px}
 .detail-visual{height:270px;padding:18px}
}
@media(max-width:600px){
 html{scroll-padding-top:119px}
 .wrap{width:calc(100% - 32px)}
 .utility .wrap{min-height:25px;font-size:8px}
 .utility .wrap>span{font-size:8px}
 .utility .wrap>a{font-size:8px}
 .header-main{min-height:65px;padding:10px 0;gap:8px}
 .header-main .brand>img{width:39px;height:42px}
 .header-main .brand b{font-size:23px}
 .header-main .pro-btn{display:none}
 .header-main .header-action,.header-search-link{width:38px;min-width:38px;min-height:38px;padding:9px;border-radius:9px}
 .header-main .cart-button .bag>b{right:-7px;top:-8px}
 .main-nav{width:calc(100% - 32px);min-height:37px;gap:23px}
 .main-nav>a,.main-nav>button{min-height:37px;font-size:10px}
 .merchant-note .wrap{min-height:39px;align-items:center;font-size:9px;gap:14px}
 .merchant-note b{display:block;font-size:9px}
 .merchant-note .preparation-dot{display:none}
 .merchant-note button{font-size:9px;line-height:1.5;max-width:106px;gap:6px}
 .merchant-note button .direction-icon{width:13px;height:13px}
 .stock-hero.search-first-hero{width:calc(100% - 24px);margin-top:14px;padding:29px 20px 0;border-radius:18px}
 .stock-hero.search-first-hero .hero-audience{font-size:8px;letter-spacing:.075em;margin-bottom:16px}
 .stock-hero.search-first-hero h1{font-size:40px;letter-spacing:-.04em;line-height:1.05}
 .stock-hero.search-first-hero .hero-signoff{font-size:11px;line-height:1.7;margin-top:14px;max-width:290px;color:#b2c7e7}
 .hero-search{margin-top:23px}
 .hero-search-label{font-size:10px;margin:0 0 9px 2px;color:#bdd2f2}
 .hero-search .search{min-height:60px;gap:5px;padding:5px;box-shadow:0 0 0 4px #ffffff09,0 7px 25px #00000016;border-radius:11px}
 .hero-search .search input{height:48px;font-size:16px;padding:8px 0;letter-spacing:-.02em}
 .hero-search .search>span{display:none}
 .hero-search .search input{padding-left:9px}
 .hero-search .search button{width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;border-radius:7px;gap:0}
 .hero-search .search-submit-label{display:none}
 .hero-search .search button .ui-icon{width:21px;height:21px}
 .hero-search .search-preview{top:calc(100% + 9px);max-height:390px;border-radius:12px;left:-4px;right:-4px;width:calc(100% + 8px)}
 .search-preview li>button{padding:11px 12px;gap:10px}
 .search-preview li img{width:39px;height:39px}
 .search-preview li b{font-size:11px;line-height:1.5}
 .search-preview li small{font-size:9px}
 .search-preview-heading{padding:12px 13px;font-size:10px}
 .search-all{font-size:11px;padding:13px}
 .hero-shortcuts{gap:6px;margin-top:14px;display:grid;grid-template-columns:1fr 1fr}
 .hero-shortcuts>button{font-size:10px;padding:7px 9px;min-height:32px;border-radius:6px;text-align:center;white-space:normal}
 .search-first-hero .hero-bottom{margin-top:21px;grid-template-columns:1fr 1fr;gap:0}
 .hero-service{padding:16px 0;min-height:74px;gap:8px;align-items:flex-start}
 .hero-service:first-child{padding-right:12px}
 .hero-service:last-child{padding-left:13px}
 .hero-service-icon{display:none}
 .hero-service b{font-size:10px;line-height:1.5}
 .hero-service small{font-size:9px;line-height:1.5;margin-top:4px;color:#90acd3}
 #univers.universe-section{padding-block:35px 38px}
 #univers .universe-intro{margin-bottom:19px;gap:15px;align-items:end;display:flex}
 #univers .universe-intro h2{font-size:25px;line-height:1.12;max-width:230px}
 #univers .universe-intro h2 br{display:block}
 #univers .universe-intro .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:10px}
 #univers .universe-intro-copy{max-width:115px;display:block;flex:none}
 #univers .universe-catalogue-link{font-size:10px;line-height:1.5;min-height:34px;white-space:normal;text-align:right}
 #univers .categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 #univers .universe-card,#univers .universe-card:first-child,#univers .universe-card:last-child{border-radius:10px;min-height:0;box-shadow:none}
 #univers .universe-visual{height:73px}
 #univers .universe-visual[data-image-mode=contain] img{padding:10px}
 #univers .universe-card-copy{padding:10px 8px;gap:0}
 #univers .universe-title{font-size:10px;line-height:1.4;min-height:28px}
 #univers .universe-card-footer{margin-top:7px;display:block}
 #univers .universe-action{display:none}
 #univers .universe-count{font-size:8px;line-height:1.4;font-weight:400}
 .catalogue-section{padding:35px 0 38px;scroll-margin-top:118px}
 #catalogue .section-intro{display:flex;align-items:end;gap:16px;margin-bottom:16px}
 #catalogue .section-intro .eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:10px}
 #catalogue .section-intro h2{font-size:27px;line-height:1.15}
 #catalogue .catalogue-note{min-width:96px;max-width:110px;flex:none;padding:8px 9px;font-size:8px;line-height:1.6;border-radius:7px}
 #catalogue .catalogue-access{padding-bottom:11px;gap:4px}
 #catalogue .catalogue-access-link{font-size:10px;gap:6px;flex-wrap:wrap;justify-content:flex-start}
 #catalogue .catalogue-access-link .ui-icon{width:13px;height:13px;flex:none}
 #catalogue .catalogue-access>a{display:none}
 #catalogue .offer-filters{gap:6px;margin-bottom:12px}
 #catalogue .offer-filters>button{min-height:32px;padding:6px 9px;flex:1}
 #catalogue .offer-filters .filter-label{gap:2px 4px}
 #catalogue .offer-filters .filter-label>b{font-size:9px}
 #catalogue .offer-filters .filter-label>small{font-size:8px}
 #catalogue .catalogue-brands{gap:6px;margin-bottom:14px;padding-block:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 #catalogue .catalogue-brands .button{flex:none;min-height:34px;padding:8px 11px;font-size:9px;gap:7px;white-space:nowrap;border-radius:6px}
 #catalogue .catalogue-brands .button span{display:none}
 #catalogue .catalogue-brands .brand-directory-trigger{font-size:9px}
 #catalogue .catalogue-toolbar{display:grid;grid-template-columns:1fr;gap:11px;padding-bottom:14px}
 #catalogue .toolbar-left{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap}
 .catalogue-search-link{font-size:11px;min-height:38px;padding:8px 10px;gap:7px}
 #catalogue #filter-toggle{min-height:38px;padding:8px 11px;font-size:11px;border-radius:8px;gap:7px;box-shadow:none}
 #catalogue #filter-toggle .ui-icon{width:15px;height:15px}
 #catalogue #result-count{font-size:10px;white-space:normal}
 #catalogue .sort-label{justify-content:space-between;display:flex;font-size:10px;gap:10px}
 #catalogue .sort-label select{max-width:none;flex:1;font-size:12px;padding:8px 30px 8px 11px;min-height:37px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product-card{border-radius:12px;box-shadow:none}
 .product-media{height:155px;padding:19px 12px 28px}
 .product-media .ref-mini{right:8px;bottom:8px;max-width:calc(100% - 16px);font-size:8px;padding:2px 5px}
 .product-card .product-info{padding:13px 11px}
 .product-card .product-brand{font-size:9px;margin-bottom:7px;letter-spacing:.035em}
 .product-card .product-offer{font-size:8px;padding:3px 5px;margin-bottom:8px}
 .product-card .product-title{font-size:12px;line-height:1.45;min-height:53px;font-weight:600;letter-spacing:-.015em;-webkit-line-clamp:3}
 .product-card .specs{margin:9px 0 7px;gap:4px;max-height:46px}
 .product-card .specs>span{font-size:8px;padding:3px 5px;line-height:1.5}
 .product-card .product-more{font-size:9px;min-height:25px;margin-bottom:9px;padding-block:4px}
 .product-card .product-commercial{padding-top:12px;min-height:104px;gap:3px}
 .product-card .price-amount{font-size:23px;line-height:1.3}
 .product-card .price-amount small{font-size:8px;margin-left:1px}
 .product-card .product-commercial>span{font-size:8px;line-height:1.6}
 .product-card .card-actions{gap:6px;margin-top:11px}
 .product-card .card-actions>.button{min-height:42px;height:auto;font-size:11px;gap:5px;border-radius:7px;padding:10px 6px;line-height:1.4}
 .product-card .card-actions>.button .ui-icon{display:none}
 .product-card .card-actions>.icon-button{width:34px;min-width:34px;height:42px;border-radius:7px}
 .product-card .card-actions>.icon-button .ui-icon{width:16px;height:16px}
 .product-grid[data-view=list] .product-card{grid-template-columns:110px minmax(0,1fr)}
 .product-grid[data-view=list] .product-media{height:100%;min-height:200px;padding:18px 9px 28px}
 .product-grid[data-view=list] .product-info{display:flex;padding:14px 12px;gap:0;border:0;border-left:1px solid #edf1f6}
 .product-grid[data-view=list] .product-title{font-size:12px;min-height:0}
 .product-grid[data-view=list] .product-excerpt{font-size:10px;line-height:1.6}
 .product-grid[data-view=list] .product-commercial{border:0;border-top:1px solid #e1e9f5;padding:12px 0 0;min-height:0}
 .product-grid[data-view=list] .card-actions{margin-top:12px}
 .offer-paths{grid-template-columns:1fr;padding-block:36px;gap:17px}
 .stock-path,.order-path{border-radius:15px}
 .stock-path{padding:23px}
 .stock-path-heading h2,.order-copy h2{font-size:30px}
 .order-copy{padding:24px}
 .order-path-action{display:flex}
 .order-path-action>span{margin:0}
 .order-photo{max-height:190px}
 #par-besoin{padding-top:8px;padding-bottom:36px}
 #par-besoin .section-intro{margin-bottom:22px}
 #par-besoin .section-intro h2{font-size:30px}
 #par-besoin .section-intro>p{font-size:12px;line-height:1.7}
 .needs{grid-template-columns:1fr;gap:15px}
 .need{display:grid;grid-template-columns:110px minmax(0,1fr);text-align:left;border-radius:13px}
 .need .need-photo{width:110px;height:100%;min-height:170px;position:relative;overflow:hidden}
 .need .need-photo img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
 .need .need-copy{padding:18px;background:#fff;color:var(--navy)}
 .need h3{font-size:22px;line-height:1.15;margin-block:8px}
 .need p{font-size:10px;line-height:1.6}
 .need-eyebrow{font-size:8px}
 .need-link{font-size:10px;margin-top:14px;padding-top:12px}
 .pro-section{padding-block:36px}
 .pro-grid{grid-template-columns:1fr;gap:26px}
 .pro-section h2{font-size:33px}
 .pro-section p:not(.eyebrow){font-size:12px;line-height:1.8}
 .pro-section .button{font-size:12px}
 .reference-preview{max-width:none;border-radius:13px}
 .reference-preview>div:not(.reference-title):not(.reference-total){padding:17px 13px;font-size:11px}
 .answers{padding-block:37px 32px}
 .answers>h2{font-size:29px;line-height:1.12}
 .answer-grid{gap:9px}
 .answer-grid summary{font-size:11px;padding:17px 15px;gap:11px;line-height:1.6}
 .answer-grid summary>.ui-icon{width:17px;height:17px;flex:none}
 .answer-grid summary>span:last-child{margin-left:auto;width:24px;min-width:24px;height:24px}
 .answer-grid details>p,.answer-grid .offer-explainer{font-size:11px;line-height:1.8}
 .rental-service{display:block;padding:23px 0;margin-bottom:34px}
 .rental-service>div{gap:13px;align-items:flex-start}
 .rental-service-icon{width:35px;height:35px;border-radius:9px}
 .rental-service h2{font-size:21px}
 .rental-service p:not(.eyebrow){font-size:10px;line-height:1.7}
 .rental-service>a{font-size:10px;margin:12px 0 0 48px;min-height:32px}
 .store-section{padding-block:36px}
 .store-grid{grid-template-columns:1fr;gap:28px}
 .store-wordmark{display:grid;grid-template-columns:66px 1fr;text-align:left;align-items:center;padding:22px;border-radius:15px;column-gap:17px}
 .store-wordmark>img{grid-column:1;grid-row:1/3;width:66px;height:68px;margin:0}
 .store-wordmark>strong{grid-column:2;font-size:32px;margin:0;align-self:end;line-height:1.1}
 .store-wordmark>span{grid-column:2;font-size:9px;margin:7px 0 0;align-self:start;letter-spacing:.08em}
 .store-wordmark .store-rule{display:none}
 .store-wordmark>p{grid-column:1/-1;font-size:11px;line-height:1.7;margin:16px 0 0;padding-top:16px;border-top:1px solid #e4ebf7}
 .store-section h2{font-size:33px}
 .store-copy{font-size:12px;line-height:1.8}
 .store-phone{font-size:27px}
 .store-grid>div>p:not([class]){font-size:11px;line-height:1.8}
 .workshop-film{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:13px;margin-top:22px;padding-top:20px}
 .workshop-film>div{display:block}
 .workshop-film h3{font-size:21px}
 .workshop-film>div>p:not(.eyebrow){font-size:9px}
 .workshop-film .hero-video-tools{font-size:7px;gap:5px;padding:6px;flex-wrap:wrap}
 .workshop-film .video-pause{font-size:8px;min-height:24px;padding:3px 0}
 .store-actions .button{font-size:10px;min-height:42px;padding:10px 12px;flex:1}
 footer{padding-top:32px}
 .footer-main{gap:22px;padding-bottom:24px}
 .footer-main>div>b{font-size:23px}
 .footer-main p{font-size:11px}
 .footer-main>div:last-child{display:flex;flex-wrap:wrap;gap:10px 20px}
 .footer-main a,.footer-main button,.footer-main .footer-rental{font-size:10px}
 .footer-bottom{padding-block:19px;gap:16px;line-height:1.7;font-size:9px}
 #dialog[open]{border-radius:0;border:0}
 #dialog .dialog-top{padding:13px 17px}
 #dialog .close-dialog{width:35px;height:35px;min-width:35px}
 #dialog #dialog-body{padding:22px 17px}
 #dialog .dialog-footer{padding:14px 16px max(14px,env(safe-area-inset-bottom));gap:8px}
 #dialog .dialog-footer>.button{font-size:12px;padding:11px 10px;min-height:46px}
 #dialog[data-layout=product] .dialog-top{padding:12px 18px}
 #dialog[data-layout=product] .detail-heading{padding:22px 18px}
 #dialog[data-layout=product] .detail-heading-meta{display:flex;align-items:start;flex-direction:column;gap:10px;margin-bottom:14px}
 #dialog[data-layout=product] .detail-heading h2{font-size:28px;line-height:1.12}
 #dialog[data-layout=product] .detail-heading .product-brand{font-size:10px}
 #dialog[data-layout=product] .detail-content{padding:22px 17px}
 #dialog[data-layout=product] .dialog-grid{grid-template-columns:1fr;gap:24px}
 .detail-visual{height:285px;padding:25px;border-radius:13px}
 .detail-summary{font-size:13px;line-height:1.8}
 .detail-dl>div{padding:12px;font-size:11px}
 .detail-dl dd{font-size:11px}
 .decision-facts,.delivery-conditions,.technical-section{padding:19px;border-radius:12px}
 .decision-facts h3,.delivery-conditions h3,.technical-section h3,.product-story h3{font-size:22px}
 .decision-facts dd,.delivery-conditions dd,.technical-grid dd{font-size:11px;line-height:1.8}
 .product-story p{font-size:12px;line-height:1.85}
 .cart-line{padding:15px 12px;border-radius:11px}
 .cart-line h3{font-size:12px;line-height:1.55}
 .cart-line small{font-size:9px}
 .cart-line-total{font-size:14px}
 .cart-line .qty-control{width:126px}
 .cart-line .line-qualification{font-size:9px;line-height:1.65}
 .checkout-shell h2{font-size:28px}
 .checkout-shell .dialog-lead{font-size:12px;line-height:1.8}
 .checkout-steps{gap:4px;margin-block:21px 27px}
 .checkout-steps button{font-size:9px;padding:7px 2px;min-height:73px;border-radius:0;line-height:1.6}
 .checkout-steps button span{width:23px;height:23px;font-size:10px;border-radius:7px}
 .checkout-totals .checkout-total{font-size:13px;padding:15px 12px;gap:12px;margin:13px -4px -3px}
 .checkout-totals .checkout-total dd{font-size:21px}
 .checkout-delivery-choice{padding:17px;gap:11px}
 .checkout-delivery-choice b{font-size:12px}
 .checkout-delivery-choice small{font-size:10px}
 .checkout-delivery-choice>strong{font-size:11px}
 .floating-cart{border-radius:10px;font-size:10px;min-height:45px;gap:8px;padding:11px 14px}
 .floating-cart .ui-icon{width:17px;height:17px}
}
@media(max-width:370px){
 .header-main .brand b{font-size:20px}
 .header-main .brand>img{width:35px;height:37px}
 .header-main{gap:7px}
 .stock-hero.search-first-hero{padding-inline:17px}
 .stock-hero.search-first-hero h1{font-size:35px}
 .stock-hero.search-first-hero .hero-audience{font-size:7px}
 .hero-search .search input{font-size:16px}
 .hero-shortcuts>button{font-size:9px}
 #univers .categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 #univers .universe-visual{height:85px}
 #univers .universe-title{font-size:11px;min-height:31px}
 #univers .universe-count{font-size:9px}
 .product-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .product-media{height:210px;padding:24px 22px 29px}
 .product-card .product-info{padding:17px}
 .product-card .product-title{font-size:15px;min-height:0}
 .product-card .product-brand{font-size:10px}
 .product-card .product-offer{font-size:9px}
 .product-card .specs>span{font-size:10px}
 .product-card .price-amount{font-size:27px}
 .product-card .product-commercial{min-height:94px}
 .product-card .product-commercial>span{font-size:10px}
 .product-card .product-more{font-size:11px;margin-top:2px}
 .product-card .card-actions>.button{font-size:13px}
 .product-card .card-actions>.button .ui-icon{display:block;width:17px;height:17px}
 .product-card .card-actions>.icon-button{width:44px;min-width:44px}
 .catalogue-search-link>span{display:none}
 #catalogue .catalogue-note{font-size:7px;max-width:97px;min-width:86px;padding:7px}
 #catalogue .section-intro h2{font-size:25px}
 .need{grid-template-columns:88px minmax(0,1fr)}
 .need .need-photo{width:88px}
 .need .need-copy{padding:16px}
 .need h3{font-size:20px}
 .workshop-film{grid-template-columns:1fr}
 .workshop-film>div{display:none}
 .store-actions{display:grid;grid-template-columns:1fr}
 .store-wordmark>strong{font-size:27px}
 .merchant-note .wrap{gap:9px}
 .merchant-note button{max-width:93px;font-size:8px}
 .checkout-totals .checkout-total dd{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-service,.universe-card,.product-card,.button,.header-search-link{transition:none}
}
@media(forced-colors:active){
 .stock-hero.search-first-hero,.hero-search .search,.hero-shortcuts>button,.hero-service,.product-card,#univers .universe-card{border:1px solid CanvasText}
 .stock-hero.search-first-hero h1 em{color:CanvasText}
 .hero-service,.hero-service small,.hero-service b,.stock-hero.search-first-hero .hero-signoff{color:CanvasText}
 #univers .universe-card[aria-pressed=true]{outline:2px solid Highlight}
}
@media print{
 #dialog .dialog-top{background:white;color:black}
 #dialog[data-layout=product] .detail-heading{background:white;color:black;border-bottom:1px solid #aaa}
 #dialog[data-layout=product] .detail-heading h2,#dialog[data-layout=product] .detail-heading .product-brand{color:black}
 #dialog[data-layout=product] .detail-content{padding:0;background:white}
 .checkout-totals .checkout-total{background:white;color:black;border:1px solid #aaa}
 .checkout-totals .checkout-total dd{color:black}
}

/* On scroll, the actual form moves into the header. Its home slot keeps its
   height, preventing layout shifts and scroll-triggered docking loops. */
.header-search-slot{display:flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;max-width:470px;margin-left:auto}
.header-search-slot .header-search-link{display:inline-flex;flex:none;min-width:0;max-width:none;width:auto;margin:0;border:1px solid #dfe7f4;background:#f6f8fd;padding:11px 15px;gap:9px;font-size:12px;color:#45638b}
.header-search-link [data-icon]{display:flex;color:var(--blue)}
.header-search-link [data-icon] svg{width:18px;height:18px}
.search-docked .header-search-link{display:none}
.search-docked .header-search-slot{max-width:none;flex:1}
.header-search-slot .search-area{width:100%;max-width:none;min-width:0;position:relative;margin:0;z-index:70}
.header-search-slot .search{display:flex;align-items:center;min-height:46px;height:46px;padding:4px;gap:7px;border:1px solid #a9c2f4;border-radius:10px;background:#fff;color:var(--navy);overflow:hidden;box-shadow:0 0 0 3px #004bff05}
.header-search-slot .search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #004bff10}
.header-search-slot .search>span{display:grid;place-items:center;width:27px;min-width:27px;margin:0 0 0 4px;color:var(--blue)}
.header-search-slot .search>span svg{width:17px;height:17px}
.header-search-slot .search input{flex:1;min-width:0;width:auto;height:36px;padding:7px 0;border:0;border-radius:0;outline:none;box-shadow:none;font-size:16px;line-height:1.5;color:var(--navy);background:transparent}
.header-search-slot .search button{display:flex;align-items:center;justify-content:center;position:static;width:auto;min-width:110px;min-height:36px;height:36px;flex:none;margin:0;padding:9px 13px;border:0;border-radius:6px;background:var(--blue);color:white;gap:8px;font-size:11px;font-weight:600}
.header-search-slot .search button svg{width:15px;height:15px}
.header-search-slot .search input:focus-visible{outline:0}
.header-search-slot .search button:focus-visible{outline:2px solid white;outline-offset:-4px}
.header-search-slot .search-preview{top:calc(100% + 9px);left:0;right:0;width:100%;max-height:min(470px,65vh);border:1px solid #dce6f4;border-radius:12px;background:white;color:var(--navy);overflow:auto;box-shadow:0 15px 35px #071c4224;z-index:70}
@media(max-width:800px){
 .hero-search-mount{height:66px}
 .header-search-slot{flex:none;width:40px;max-width:none;margin:0}
 .header-search-slot .header-search-link{width:40px;min-height:40px;padding:10px;gap:0;font-size:0;border-radius:9px}
 .header-search-slot .header-search-link>span:not([data-icon]){display:none}
 .search-docked .header-main .brand{flex:none}
 .search-docked .header-main .brand>span{display:none}
 .search-docked .header-search-slot{width:auto;max-width:none;min-width:0;flex:1;margin-left:0}
 .header-search-slot .search{min-height:43px;height:43px;padding:3px;gap:3px;border-radius:9px}
 .header-search-slot .search>span{display:none}
 .header-search-slot .search input{font-size:16px;padding:6px 0 6px 9px;height:35px}
 .header-search-slot .search button{width:35px;min-width:35px;height:35px;min-height:35px;padding:9px;border-radius:6px}
 .header-search-slot .search-submit-label{display:none}
 .header-search-slot .search button svg{width:17px;height:17px}
 .search-docked .header-main .pro-btn{display:none}
 .header-search-slot .search-preview{position:absolute;left:-47px;right:-48px;width:calc(100% + 95px);max-height:55vh}
 .header-search-slot .search-preview li>button{gap:10px;padding:12px}
 .header-search-slot .search-preview li b{font-size:11px}
 .header-search-slot .search-preview li small{font-size:9px}
}
@media(max-width:600px){
 .hero-search-mount{height:60px}
 .header-search-slot,.header-search-slot .header-search-link{width:38px;min-height:38px}
 .header-search-slot .header-search-link{padding:9px}
 .header-search-slot .search-preview{left:-47px;right:-46px;width:calc(100% + 93px)}
 .hero-service>span:last-child{display:none}
}

/* Legible shopping information and a swipeable mobile universe rail. */
.product-card .product-title{font-size:15px;min-height:65px}
.product-card .card-actions>.button{font-size:13px;min-height:44px}
.product-card .product-commercial>span{font-size:10px}
.product-card .product-offer{font-size:10px}
.product-card .specs>span{font-size:10px}
.product-card .product-more{font-size:11px}
@media(max-width:800px){
 .main-nav>a,.main-nav>button{font-size:12px;min-height:42px}
 .product-card .product-title{font-size:14px;min-height:61px}
 .product-card .card-actions>.button{font-size:12px}
 .hero-service b{font-size:12px}
 .hero-service small{font-size:11px}
}
@media(max-width:600px){
 .main-nav{min-height:42px}
 .main-nav>a,.main-nav>button{font-size:11px;min-height:42px}
 .merchant-note .wrap,.merchant-note b{font-size:10px}
 .merchant-note button{font-size:10px}
 .stock-hero.search-first-hero .hero-signoff{font-size:12px}
 .hero-shortcuts>button{font-size:11px;min-height:35px}
 .hero-service b{font-size:11px}
 .hero-service small{font-size:10px}
 #univers .categories{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;padding:2px 1px 11px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b8cae8 transparent}
 #univers .universe-card{scroll-snap-align:start}
 #univers .universe-visual{height:86px}
 #univers .universe-title{font-size:12px;line-height:1.4;min-height:50px}
 #univers .universe-count{font-size:10px;line-height:1.5}
 #univers .universe-card-copy{padding:12px 10px}
 .product-card .product-title{font-size:14px;line-height:1.45;min-height:61px}
 .product-card .product-brand{font-size:10px}
 .product-card .product-offer{font-size:10px}
 .product-card .specs{max-height:54px}
 .product-card .specs>span{font-size:10px}
 .product-card .product-more{font-size:11px}
 .product-card .product-commercial{min-height:116px}
 .product-card .price-amount{font-size:24px}
 .product-card .product-commercial>span{font-size:10px}
 .product-card .card-actions>.button{font-size:13px;min-height:44px}
 .product-card .card-actions>.icon-button{height:44px}
 .need p{font-size:12px}
 .need-link{font-size:11px}
 .answer-grid summary{font-size:13px;line-height:1.6}
 .answer-grid details>p,.answer-grid .offer-explainer{font-size:12px}
 .rental-service p:not(.eyebrow){font-size:11px}
 .rental-service>a{font-size:12px}
 .store-actions .button{font-size:11px}
 .detail-dl dt{font-size:12px}
 .detail-dl dd{font-size:12px}
 .cart-line h3{font-size:14px}
 .cart-line small{font-size:11px}
 .cart-line .line-qualification{font-size:10px}
 .checkout-steps button{font-size:10px}
 .checkout-delivery-choice b{font-size:14px}
 .checkout-delivery-choice small{font-size:12px}
}
@media(max-width:370px){
 #univers .categories{grid-template-columns:none;grid-auto-columns:128px}
 .product-card .product-title{font-size:15px;min-height:0}
 .product-card .product-commercial{min-height:100px}
}

#catalogue,#univers,#par-besoin,#magasin,#accueil,#q{scroll-margin-top:0}
.search-docked .catalogue-search-link{display:none}
.counter-actions .offer-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 18px}
.counter-actions .offer-filters>button{display:flex;justify-content:flex-start;align-items:center;gap:8px;min-height:54px;padding:11px 12px;background:#fff;border:1px solid #dae5f5;border-radius:9px;box-shadow:none;color:#4b6a96;clip-path:none}
.counter-actions .filter-symbol,.counter-actions .filter-check{display:none}
.counter-actions .filter-label{display:block;text-align:left}
.counter-actions .filter-label b{font-size:11px;line-height:1.5;color:#315789}
.counter-actions .filter-label small{display:block;font-size:9px;line-height:1.5;color:#7a8fab;margin-top:3px}
.counter-actions .offer-filters>button:hover{border-color:#9dbbf3;background:#edf3ff}
.rental-service-icon{overflow:hidden}
.rental-service-icon img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){
 #catalogue .catalogue-toolbar .sort-label{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;padding:0;flex:none;font-size:11px;margin:0}
 #catalogue .catalogue-toolbar .sort-label select{width:auto;flex:1;max-width:none;min-width:0;margin:0;font-size:13px;min-height:39px}
 #catalogue #result-count{font-size:11px}
 #catalogue .catalogue-toolbar .toolbar-left{justify-content:space-between}
 .search-docked #catalogue .catalogue-toolbar .toolbar-left{justify-content:flex-start;gap:13px}
 .search-docked #catalogue #result-count{margin-left:auto}
 .counter-actions .offer-filters{gap:8px}
}

/* Shopping hierarchy: show the actual price and cart action before secondary
   product information. All commercial qualifiers remain in the price block. */
#catalogue{padding-top:32px}
#catalogue>.wrap>.section-intro{margin-bottom:17px;min-height:0}
#catalogue>.wrap>.section-intro h2{font-size:33px;line-height:1.12}
#catalogue .catalogue-brands{padding:9px 0;margin:0 0 16px;border-top:0;min-height:0}
#catalogue .catalogue-toolbar{min-height:0;height:auto;padding:0 0 20px;margin:0}
#catalogue .view-switch{display:flex;flex:none;align-items:center;gap:3px;padding:3px}
#catalogue .view-switch button{width:34px;height:34px;min-width:34px;min-height:34px}
#catalogue .view-switch button .ui-icon{width:16px;height:16px}
.product-card .product-media{height:176px;padding:19px 18px 28px;border-bottom:1px solid #f0f3f8}
.product-card .product-info{display:flex;flex-direction:column;padding:18px;min-height:0;height:auto;gap:0}
.product-identity{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 9px;min-width:0;margin:0 0 10px}
.product-identity .product-brand{margin:0;padding:0;border:0;width:auto;font-size:11px;line-height:1.45;letter-spacing:.04em;flex:none}
.product-identity .product-brand:after{display:none}
.card-reference{font:10px/1.5 monospace;color:#74859d;overflow-wrap:anywhere;min-width:0}
.product-card .product-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:44px;height:auto;font-size:15px;line-height:1.45;margin:0;padding:0;font-weight:650}
.product-card .product-commercial{display:flex;flex-direction:column;gap:3px;min-height:0;height:auto;border:0;padding:0;margin:13px 0 0}
.product-card .price-amount{font-size:28px;line-height:1.25;letter-spacing:-.04em}
#products .product-commercial b.price-amount{font-family:Arial,Helvetica,sans-serif;white-space:normal;line-height:1.25;letter-spacing:-.04em}
.product-card{position:relative}
.product-card .product-info{position:static}
.product-card .in-selection{position:absolute;top:12px;left:12px;z-index:2;margin:0;pointer-events:none;max-width:calc(100% - 24px)}
.product-card .price-amount small{font-size:10px;letter-spacing:0}
.product-card .product-commercial>span{font-size:10px;line-height:1.55;color:#647996;margin:0}
.product-card .in-selection{margin:9px 0 0;align-self:flex-start}
.product-card .card-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:15px 0 0;padding:0}
.product-card .card-actions>.button{min-height:46px;font-size:13px;line-height:1.4;padding:11px 12px;border-radius:9px;gap:8px}
.product-card .card-actions>.icon-button{width:44px;min-width:44px;height:46px;border-radius:9px}
.product-card .card-actions>.icon-button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
.card-action-short{display:none}
.product-secondary-info{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:start;gap:6px;min-width:0;margin-top:13px;padding-top:11px;border-top:1px solid #edf1f6}
.product-card .product-secondary-info .specs{display:flex;flex-wrap:wrap;gap:5px;margin:0;min-height:0;max-height:44px;width:100%;overflow:hidden}
.product-card .product-secondary-info .specs:empty{display:none}
.product-card .product-secondary-info .specs>span{font-size:10px;line-height:1.5;padding:3px 6px;color:#657c9b;border:1px solid #e6edf7;background:#f7f9fd;border-radius:4px}
.product-card .product-secondary-info .product-offer{font-size:9px;line-height:1.55;min-height:0;padding:3px 6px;margin:0;border-radius:4px;background:#f5f8fc;color:#6d819d;border-color:#e3ebf6}
.product-grid:not([data-view=list]) .product-secondary-info>.product-excerpt,
.product-grid:not([data-view=list]) .product-secondary-info>.product-more{display:none}
.product-grid[data-view=list] .product-card{display:grid;grid-template-columns:175px minmax(0,1fr);min-width:0}
.product-grid[data-view=list] .product-media{height:100%;min-height:240px;border:0;padding:25px 19px 30px}
.product-grid[data-view=list] .product-info{display:grid;grid-template-columns:minmax(0,1fr) 205px;grid-template-rows:auto auto minmax(0,1fr);gap:0 24px;padding:23px;align-content:start;border:0;border-left:1px solid #edf1f6}
.product-grid[data-view=list] .product-info>.product-identity{grid-column:1;grid-row:1;align-self:start}
.product-grid[data-view=list] .product-info>.product-title{grid-column:1;grid-row:2;min-height:0;font-size:16px;align-self:start}
.product-grid[data-view=list] .product-info>.product-secondary-info{grid-column:1;grid-row:3;align-self:start;padding-top:0;border:0;margin-top:13px}
.product-grid[data-view=list] .product-info>.product-commercial{grid-column:2;grid-row:1/3;border:0;border-left:1px solid #e4ebf6;margin:0;padding:0 0 0 20px;min-height:0;align-self:start}
.product-grid[data-view=list] .product-info>.in-selection{grid-column:2;grid-row:3;align-self:start;justify-self:start;margin-top:10px;font-size:10px}
.product-grid[data-view=list] .product-info>.card-actions{grid-column:2;grid-row:4;align-self:end;margin-top:14px}
.product-grid[data-view=list] .product-secondary-info>.product-more{display:inline-flex;width:auto;font-size:11px;line-height:1.5;min-height:28px;margin:2px 0 0;padding:4px 0;color:var(--blue)}
.product-grid[data-view=list] .product-secondary-info>.product-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;min-height:0;max-height:none;margin:7px 0 0;font-size:12px;line-height:1.65;color:#6c829f}

/* Product opening: the price is a first-class panel next to the photograph.
   On phones it precedes the photograph; technical details remain below. */
#dialog[data-layout=product] .dialog-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto minmax(0,1fr);gap:22px 28px;align-items:start}
#dialog[data-layout=product] .dialog-grid>.detail-figure{grid-column:1;grid-row:1/3;min-width:0}
#dialog[data-layout=product] .dialog-grid>.detail-purchase{grid-column:2;grid-row:1;min-width:0}
#dialog[data-layout=product] .dialog-grid>.detail-info{grid-column:2;grid-row:2;min-width:0}
.detail-purchase{padding:22px 23px;background:#edf3ff;border:1px solid #d3e2fc;border-top:3px solid var(--blue);border-radius:13px;box-shadow:0 4px 14px #071c4204}
.detail-purchase-kicker{font:700 9px/1.6 Arial,sans-serif;letter-spacing:.1em;color:#6984ac;margin:0 0 11px}
.detail-purchase-price{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.detail-purchase-price>b{font-size:20px;line-height:1.4;letter-spacing:-.025em;color:var(--navy)}
.detail-purchase-price>b.price-amount{font-family:Arial,sans-serif;font-size:38px;line-height:1.15;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--navy)}
.detail-purchase-price .price-amount small{font-size:12px;letter-spacing:0;font-weight:500;color:#607b9f;margin-left:3px}
.detail-purchase-price>span{font-size:11px;line-height:1.65;color:#627fa6;overflow-wrap:anywhere}
.detail-info .detail-summary{margin:0 0 16px}
.detail-info .detail-dl{margin-top:17px}
#dialog .close-dialog{width:44px;min-width:44px;height:44px;min-height:44px;flex:none}
.detail-visual{height:340px}
@media(max-width:1180px){
 .product-card .product-media{height:177px}
 .product-card .product-info{padding:17px}
 .product-card .product-title{font-size:15px}
 .product-grid[data-view=list] .product-info{grid-template-columns:minmax(0,1fr) 195px;gap:0 20px}
}
@media(max-width:800px){
 .header-main .header-action,.header-search-slot,.header-search-slot .header-search-link{width:44px;min-width:44px;min-height:44px;height:44px}
 .search-docked .header-search-slot{width:auto;min-width:0;height:auto}
 .main-nav>a,.main-nav>button{min-height:44px}
 #catalogue{padding-top:29px}
 #catalogue .catalogue-toolbar{gap:12px;padding-bottom:18px}
 .product-card .product-media{height:156px;padding:18px 12px 27px}
 .product-card .product-info{padding:15px 13px}
 .product-card .product-title{font-size:14px;min-height:41px}
 .product-card .price-amount{font-size:25px}
 .product-identity{display:block;margin-bottom:8px}
 .card-reference{display:block;font-size:9px;margin-top:4px}
 .product-card .card-actions>.button{font-size:12px;padding:10px 8px;min-height:44px;gap:6px}
 .product-card .card-actions>.icon-button{width:44px;min-width:44px;height:44px}
 .product-card .product-secondary-info .product-offer{font-size:9px}
 .product-grid[data-view=list] .product-info{grid-template-columns:minmax(0,1fr) 180px;gap:0 18px;padding:20px}
 .product-grid[data-view=list] .product-identity{display:flex}
 .product-grid[data-view=list] .card-reference{margin:0}
 #dialog[data-layout=product] .dialog-grid{gap:20px}
 .detail-purchase{padding:20px}
 .detail-purchase-price>b.price-amount{font-size:33px}
}
@media(max-width:600px){
 html{scroll-padding-top:123px}
 #catalogue{padding-top:26px}
 #catalogue>.wrap>.section-intro{margin-bottom:16px;gap:13px}
 #catalogue>.wrap>.section-intro h2{font-size:27px}
 #catalogue .catalogue-brands{padding-block:8px;margin-bottom:14px}
 #catalogue .catalogue-toolbar{gap:10px;padding-bottom:17px}
 #catalogue .catalogue-toolbar .toolbar-left{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px}
 .search-docked #catalogue .catalogue-toolbar .toolbar-left{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px}
 .search-docked #catalogue #result-count{margin:0;font-size:10px;text-align:center;line-height:1.6;white-space:normal}
 #catalogue .view-switch{display:flex;gap:2px;padding:3px;border-radius:8px;margin:0}
 #catalogue .view-switch button{min-width:44px;width:44px;height:44px;min-height:44px;border-radius:6px}
 #catalogue .view-switch button .ui-icon{width:16px;height:16px}
 #catalogue #filter-toggle{min-height:42px;padding:9px 10px;font-size:12px}
 #catalogue .catalogue-toolbar .sort-label select{font-size:16px;min-height:42px}
 .product-card .product-media{height:146px;padding:18px 10px 27px}
 .product-card .product-info{padding:14px 11px}
 .product-identity{margin-bottom:9px}
 .product-identity .product-brand{font-size:10px}
 .card-reference{font-size:9px;line-height:1.5;overflow-wrap:anywhere}
 .product-card .product-title{font-size:14px;line-height:1.45;min-height:61px;-webkit-line-clamp:3}
 .product-card .product-commercial{min-height:0;margin:12px 0 0;padding:0;gap:3px}
 .product-card .price-amount{font-size:24px;line-height:1.25}
 #products .product-commercial b.price-amount{font-size:22px}
 .product-card .price-amount small{font-size:9px}
 .product-card .product-commercial>span{font-size:10px;line-height:1.6}
 .product-card .card-actions{gap:6px;margin-top:13px}
 .product-card .card-actions>.button{min-height:44px;height:auto;font-size:13px;padding:10px 7px;gap:0;border-radius:8px;line-height:1.4}
 .product-card .card-actions>.icon-button{width:44px;min-width:44px;height:44px;border-radius:8px}
 .product-card .card-actions>.button .ui-icon{display:none}
 .product-card .card-action-full{display:none}
 .product-card .card-action-short{display:inline}
 .product-secondary-info{margin-top:12px;padding-top:10px;gap:6px}
 .product-card .product-secondary-info .specs{max-height:42px;gap:4px}
 .product-card .product-secondary-info .specs>span{font-size:9px;padding:3px 5px}
 .product-card .product-secondary-info .product-offer{font-size:9px;padding:3px 5px}
 .product-grid[data-view=list] .product-card{grid-template-columns:105px minmax(0,1fr)}
 .product-grid[data-view=list] .product-media{height:100%;min-height:250px;padding:22px 11px 30px;border:0}
 .product-grid[data-view=list] .product-info{display:flex;flex-direction:column;padding:17px 14px;gap:0;border-left:1px solid #edf1f6}
 .product-grid[data-view=list] .product-identity{display:block}
 .product-grid[data-view=list] .card-reference{margin-top:4px}
 .product-grid[data-view=list] .product-title{font-size:14px;min-height:0}
 .product-grid[data-view=list] .product-info>.product-commercial{margin:13px 0 0;padding:0;border:0;min-height:0}
 .product-grid[data-view=list] .product-info>.in-selection{margin:9px 0 0}
 .product-grid[data-view=list] .product-info>.card-actions{margin-top:13px}
 .product-grid[data-view=list] .product-info>.product-secondary-info{margin-top:13px;padding-top:11px;border-top:1px solid #edf1f6}
 .product-grid[data-view=list] .product-secondary-info>.product-excerpt{font-size:11px;line-height:1.7}
 #dialog[data-layout=product] .detail-content{padding:18px 17px 26px}
 #dialog[data-layout=product] .dialog-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:21px}
 #dialog[data-layout=product] .dialog-grid>.detail-purchase{grid-column:1;grid-row:1}
 #dialog[data-layout=product] .dialog-grid>.detail-figure{grid-column:1;grid-row:2}
 #dialog[data-layout=product] .dialog-grid>.detail-info{grid-column:1;grid-row:3}
 .detail-purchase{padding:17px 18px;border-radius:11px;box-shadow:none}
 .detail-purchase-kicker{font-size:8px;margin-bottom:8px;line-height:1.5}
 .detail-purchase-price{gap:4px}
 .detail-purchase-price>b.price-amount{font-size:32px;line-height:1.2}
 .detail-purchase-price .price-amount small{font-size:11px}
 .detail-purchase-price>span{font-size:11px;line-height:1.6}
 .detail-visual{height:260px;padding:20px;border-radius:12px}
 #dialog[data-layout=product] .detail-heading{padding:20px 18px}
 #dialog[data-layout=product] .detail-heading h2{font-size:27px;line-height:1.12}
 #dialog[data-layout=product] .detail-heading-meta{margin-bottom:12px}
}
@media(max-width:370px){
 .product-card .product-media{height:190px;padding:20px 19px 28px}
 .product-card .product-info{padding:17px}
 .product-identity{display:flex;align-items:baseline;margin-bottom:10px}
 .card-reference{margin-top:0;font-size:10px}
 .product-card .product-title{font-size:15px;min-height:0;-webkit-line-clamp:3}
 .product-card .price-amount{font-size:28px}
 #products .product-commercial b.price-amount{font-size:28px}
 .product-card .card-action-full{display:inline}
 .product-card .card-action-short{display:none}
 .product-card .card-actions>.button{font-size:13px}
 .product-card .card-actions>.icon-button{width:44px;min-width:44px}
 .product-card .card-actions>.button .ui-icon{display:block}
 .product-grid[data-view=list] .product-card{grid-template-columns:84px minmax(0,1fr)}
 .product-grid[data-view=list] .product-info{padding:15px 12px}
 .product-grid[data-view=list] .product-identity{display:block}
 .product-grid[data-view=list] .card-reference{margin-top:4px;font-size:9px}
 .product-grid[data-view=list] .product-title{font-size:13px}
 .product-grid[data-view=list] .card-action-full{display:none}
 .product-grid[data-view=list] .card-action-short{display:inline}
 .product-grid[data-view=list] .product-card .card-actions>.button .ui-icon{display:none}
 .detail-purchase-price>b.price-amount{font-size:30px}
}
@media print{
 #dialog[data-layout=product] .dialog-grid{display:block}
 .detail-purchase{background:#fff;border:1px solid #aaa;box-shadow:none;break-inside:avoid;margin:15px 0}
 .detail-purchase-price>b,.detail-purchase-price>b.price-amount,.detail-purchase-price>span{color:black}
}

@media(max-width:800px){
 .search-docked .header-search-slot .search{height:50px;min-height:50px;padding:3px}
 .search-docked .header-search-slot .search input{height:44px}
 .search-docked .header-search-slot .search button{width:44px;min-width:44px;height:44px;min-height:44px}
 .product-card .card-action-full{display:none}
 .product-card .card-action-short{display:inline}
 .floating-cart{display:none}
}
@media(max-width:600px){
 #catalogue .catalogue-toolbar .sort-label{flex-direction:row;align-items:center;justify-content:space-between;min-height:44px}
 #catalogue .catalogue-toolbar .sort-label select{width:auto;max-width:none;flex:1;min-width:0;min-height:44px}
}
@media(max-width:370px){
 .product-grid:not([data-view=list]) .card-action-full{display:inline}
 .product-grid:not([data-view=list]) .card-action-short{display:none}
}

/* 30 October · An open, photographic storefront. Existing palette, real media,
   one real search and unchanged catalogue/checkout code. */
body.atelier-layout{--finish-control:9px;background:#fff;color:var(--navy)}
.atelier-layout .utility{background:#071c42;color:#c6d1e1}
.atelier-layout .header-main{min-height:79px;padding-block:11px}
.atelier-layout .header-main .brand b{font-size:29px;letter-spacing:-.035em}
.atelier-layout .header-main .header-action{border-radius:8px}
.atelier-layout .header-main .cart-button{background:var(--blue);border-color:var(--blue);color:#fff}
.atelier-layout .cart-button .bag>b{background:#fff;color:var(--blue);border-color:var(--blue)}
.atelier-layout .main-nav{min-height:43px;border-top:1px solid #e8edf4;gap:32px}
.atelier-layout .main-nav .nav-catalogue{position:relative}
.atelier-layout .main-nav .nav-catalogue:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue)}
.atelier-layout .main-nav .customer-toggle{border:0;background:#f1f4f8;border-radius:20px;padding:3px}
.atelier-layout .main-nav .customer-toggle button{border-radius:17px}
.atelier-layout .merchant-note{background:#f6f8fb;border-color:#e8edf3}
.atelier-layout .merchant-note .wrap{min-height:34px;font-size:10px}
.atelier-layout .merchant-note button{font-size:10px}
.atelier-layout .stock-hero.search-first-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 52px;align-items:start;max-width:1320px;width:calc(100% - 80px);margin:0 auto;padding:42px 0 36px;background:#fff;color:var(--navy);border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:isolate}
.atelier-layout .stock-hero.search-first-hero:before,.atelier-layout .stock-hero.search-first-hero:after{display:none}
.atelier-layout .search-first-hero .hero-heading{grid-column:1;grid-row:1;width:100%;max-width:none;text-align:left;align-self:start;order:0;padding:5px 0 0}
.atelier-layout .stock-hero.search-first-hero .hero-audience{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:#61728c;margin:0 0 23px}
.atelier-layout .stock-hero.search-first-hero .hero-audience:before{content:'';display:block;width:27px;height:3px;background:var(--red);flex:none}
.atelier-layout .stock-hero.search-first-hero h1{font-family:VeissiereDisplay,Arial,sans-serif;font-size:clamp(54px,5.25vw,74px);line-height:1.01;letter-spacing:-.045em;font-weight:800;color:var(--navy);text-transform:none}
.atelier-layout .stock-hero.search-first-hero h1 em{font-style:normal;color:var(--blue)}
.atelier-layout .stock-hero.search-first-hero .hero-signoff{font-size:15px;line-height:1.75;font-weight:400;max-width:500px;margin:21px 0 0;color:#64728a}
.atelier-layout .hero-search{grid-column:1;grid-row:2;order:1;width:100%;max-width:none;margin:28px 0 0;z-index:5}
.atelier-layout .hero-search-label{display:block;margin:0 0 11px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:0;color:var(--navy)}
.atelier-layout .hero-search-mount{height:68px}
.atelier-layout .hero-search .search{min-height:68px;border:1px solid #b6c6e1;border-radius:10px;padding:5px;gap:8px;background:#fff;box-shadow:0 5px 16px #071c420b}
.atelier-layout .hero-search .search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #004bff14,0 5px 16px #071c420b}
.atelier-layout .hero-search .search>span{width:27px;min-width:27px;margin-left:9px}
.atelier-layout .hero-search .search>span .ui-icon{width:22px;height:22px}
.atelier-layout .hero-search .search input{font-size:16px;height:54px;letter-spacing:0}
.atelier-layout .hero-search .search button{min-width:132px;min-height:56px;height:56px;padding:14px 17px;border-radius:6px;font-size:13px;gap:8px;box-shadow:none}
.atelier-layout .hero-shortcuts{justify-content:flex-start;gap:7px;margin-top:13px;display:flex}
.atelier-layout .hero-shortcuts>span{display:none}
.atelier-layout .hero-shortcuts>button{background:#f3f6fb;border:1px solid transparent;border-radius:5px;color:#526682;font-size:10px;font-weight:500;padding:6px 9px;min-height:30px}
.atelier-layout .hero-shortcuts>button:hover,.atelier-layout .hero-shortcuts>button[aria-pressed=true]{color:var(--blue);background:#eaf0ff;border-color:#bfd0ff}
.atelier-layout .hero-editorial{display:block;grid-column:2;grid-row:1/4;position:relative;align-self:stretch;min-width:0;min-height:420px;margin:0;border-radius:7px 28px 7px 7px;overflow:hidden;background:var(--navy);isolation:isolate}
.atelier-layout .hero-editorial>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%;z-index:-2}
.atelier-layout .hero-editorial:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#071c42e6);z-index:-1}
.atelier-layout .hero-editorial figcaption{position:absolute;bottom:28px;left:29px;right:25px;color:#fff}
.atelier-layout .hero-editorial figcaption>span{display:block;color:var(--charge);font-size:9px;font-weight:700;letter-spacing:.16em;margin-bottom:12px}
.atelier-layout .hero-editorial figcaption>strong{display:block;font-family:VeissiereDisplay,Arial,sans-serif;font-size:35px;font-weight:700;line-height:1.04;letter-spacing:-.025em}
.atelier-layout .hero-editorial figcaption>small{display:block;font-size:8px;color:#becbdc;margin-top:16px;line-height:1.5}
.atelier-layout .editorial-mark{position:absolute;top:21px;right:22px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;width:42px;height:42px;font:700 23px VeissiereDisplay,Arial;color:#fff;background:#071c421a}
.atelier-layout .search-first-hero .hero-bottom{grid-column:1;grid-row:3;width:100%;max-width:none;margin:25px 0 0;padding:0;border-top:1px solid #e0e6f0;gap:0;align-self:end}
.atelier-layout .hero-service{color:var(--navy);padding:16px 0 1px;min-height:61px;gap:11px;background:transparent;align-items:center}
.atelier-layout .hero-service:first-child{padding-right:17px}
.atelier-layout .hero-service:last-child{border:0;padding-left:17px}
.atelier-layout .hero-service-icon{display:grid;background:#edf2ff;border:0;border-radius:50%;width:32px;height:32px;color:var(--blue)}
.atelier-layout .hero-service b{font-size:11px;line-height:1.5}
.atelier-layout .hero-service small{font-size:10px;line-height:1.5;color:#738097}
.atelier-layout .hero-service>.direction-icon{width:15px;height:15px;color:var(--blue)}
.atelier-layout .hero-service:hover b{color:var(--blue)}

/* An immediately browsable rail, rather than another wall of boxes. */
.atelier-layout #univers.universe-section{padding:24px 0 30px;border-top:1px solid #e7ecf3;background:#fff}
.atelier-layout #univers .universe-intro{margin-bottom:18px;align-items:center;gap:20px}
.atelier-layout #univers .universe-intro .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:6px}
.atelier-layout #univers .universe-intro h2{font-family:VeissiereDisplay,Arial,sans-serif;text-transform:none;font-size:29px;line-height:1.1;letter-spacing:-.03em}
.atelier-layout #univers .universe-intro-copy>p{display:none}
.atelier-layout #univers .universe-catalogue-link{font-size:12px;text-decoration:none;gap:9px}
.atelier-layout #univers .universe-catalogue-link:after{content:'↗';font-size:18px}
.atelier-layout #univers .categories{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 75px)/6);gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#bac8de #f1f4f8;padding:0 0 13px;align-items:stretch}
.atelier-layout #univers .universe-card,.atelier-layout #univers .universe-card:first-child,.atelier-layout #univers .universe-card:last-child{display:flex;border:0;box-shadow:none;border-radius:0;background:transparent;scroll-snap-align:start;overflow:visible}
.atelier-layout #univers .universe-visual,.atelier-layout #univers .universe-card:first-child .universe-visual{height:94px;min-height:0;clip-path:none;overflow:hidden;border-radius:7px;background:#f1f4f8}
.atelier-layout #univers .universe-visual img{transition:transform .3s ease}
.atelier-layout #univers .universe-card:hover .universe-visual img{transform:scale(1.04)}
.atelier-layout #univers .universe-card-copy,.atelier-layout #univers .universe-card:first-child .universe-card-copy{padding:11px 1px 0;border:0;background:transparent;justify-content:flex-start}
.atelier-layout #univers .universe-title,.atelier-layout #univers .universe-card:first-child .universe-title{font-size:12px;line-height:1.5;min-height:0;font-weight:700}
.atelier-layout #univers .universe-card-footer,.atelier-layout #univers .universe-card:first-child .universe-card-footer{margin-top:5px;display:flex;padding-top:0}
.atelier-layout #univers .universe-count{font-size:10px;color:#7a879b}
.atelier-layout #univers .universe-action{display:none}
.atelier-layout #univers .universe-card[aria-pressed=true] .universe-visual{box-shadow:0 0 0 3px var(--blue)}
.atelier-layout #univers .universe-card[aria-pressed=true] .universe-title{color:var(--blue)}

/* Catalogue: generous white imagery, quieter furniture, stronger actions. */
.atelier-layout .catalogue-section{background:#f5f7fa;border-color:#e6ebf2;padding:36px 0 54px}
.atelier-layout #catalogue .section-intro{margin-bottom:19px}
.atelier-layout #catalogue .section-intro h2{font-size:34px;text-transform:none;letter-spacing:-.035em}
.atelier-layout #catalogue .section-intro .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:10px}
.atelier-layout #catalogue .catalogue-note{border:0;background:none;border-radius:0;padding:0;font-size:11px;line-height:1.7;text-align:right}
.atelier-layout #catalogue .catalogue-brands{background:#fff;border:1px solid #e4eaf2;border-radius:9px;padding:0;margin:0 0 21px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:0;overflow:hidden}
.atelier-layout #catalogue .catalogue-brands .button{min-height:66px;border:0;border-radius:0;border-right:1px solid #e8edf4;background:#fff;box-shadow:none;padding:12px 15px;gap:10px;flex-direction:column;justify-content:center}
.atelier-layout #catalogue .catalogue-brands .button:last-child{border-right:0}
.atelier-layout #catalogue .catalogue-brands .brand-directory-trigger{background:#fff;color:var(--navy);font-size:12px;flex-direction:column;gap:5px;align-items:flex-start;padding-left:22px}
.atelier-layout .catalogue-brand-logo{display:block;width:88px;height:25px;object-fit:contain;mix-blend-mode:multiply}
.atelier-layout [data-brand="Bosch"] .catalogue-brand-logo{transform:scale(1.9)}
.atelier-layout [data-brand="Facom"] .catalogue-brand-logo{transform:scale(1.9)}
.atelier-layout [data-brand="Virax"] .catalogue-brand-logo{transform:scale(2.5)}
.atelier-layout #catalogue .catalogue-brands .button span{font-size:9px;color:#73839a;display:block}
.atelier-layout #catalogue .catalogue-brands .button[aria-pressed=true],.atelier-layout #catalogue .catalogue-brands .button:hover{background:#edf2ff;color:var(--blue)}
.atelier-layout #catalogue .catalogue-brands .button[aria-pressed=true]{box-shadow:inset 0 -3px var(--blue)}
.atelier-layout #catalogue .catalogue-brands .button[aria-pressed=true] span{color:var(--blue)}
.atelier-layout #catalogue .catalogue-toolbar{padding-bottom:18px}
.atelier-layout #catalogue .filters{background:transparent;border:0;border-radius:0;box-shadow:none;padding:10px 15px 0 0}
.atelier-layout #catalogue .filters-heading h3{font-size:21px;text-transform:none}
.atelier-layout #catalogue .filter-picker-trigger{background:#fff;border-color:#dce4ef;border-radius:7px;padding:13px;min-height:72px}
.atelier-layout #catalogue .filter-picker-trigger strong{font-size:13px}
.atelier-layout #catalogue .filter-picker-trigger small{font-size:10px;letter-spacing:.02em}
.atelier-layout #catalogue .facet-arrow{border:0;background:#f1f5ff;width:25px;height:25px}
.atelier-layout #catalogue .filter-controls{background:transparent}
.atelier-layout #catalogue .filter-contact{border:0;border-top:1px solid #dce4ef;border-radius:0;background:none;padding:18px 0;margin-top:20px}
.atelier-layout .product-grid{gap:18px}
.atelier-layout .product-card{background:#fff;border:1px solid #e1e7ef;border-radius:11px;box-shadow:0 3px 9px #071c4204;transition:box-shadow .2s,border-color .2s}
.atelier-layout .product-card:hover{border-color:#a7bfe8;box-shadow:0 9px 25px #071c4211}
.atelier-layout .product-card .product-media{height:200px;padding:24px 23px 30px;background:#fff}
.atelier-layout .product-card .product-info{padding:19px}
.atelier-layout .product-card .product-identity{padding-bottom:9px;border-bottom:1px solid #edf0f5;margin-bottom:11px}
.atelier-layout .product-card .product-brand{color:#5d6d83;font-size:10px;letter-spacing:.055em}
.atelier-layout .product-card .product-title{font-size:15px;font-weight:700;line-height:1.5;min-height:45px;-webkit-line-clamp:2}
.atelier-layout #products .product-commercial b.price-amount{font-size:29px;font-weight:750;letter-spacing:-.045em;color:var(--navy)}
.atelier-layout .product-card .product-commercial>span{font-size:10px;line-height:1.6;color:#708098}
.atelier-layout .product-card .card-actions{margin-top:17px;gap:8px}
.atelier-layout .product-card .card-actions>.button{min-height:45px;background:var(--blue);border-color:var(--blue);color:#fff;border-radius:7px;font-size:12px;box-shadow:0 3px 6px #004bff13}
.atelier-layout .product-card .card-actions>.button:hover{background:#003dda;border-color:#003dda}
.atelier-layout .product-card .card-actions>.icon-button{border-radius:7px;min-width:44px;width:44px;height:45px;background:#fff;border-color:#dce4ef}
.atelier-layout .product-card .product-secondary-info{border-top:0;padding-top:12px;margin-top:0}
.atelier-layout .product-card .product-secondary-info .specs{gap:4px 10px;max-height:40px;margin:0 0 7px}
.atelier-layout .product-card .product-secondary-info .specs>span{padding:0;border:0;background:transparent;border-radius:0;font-size:10px;line-height:1.7;color:#64768f}
.atelier-layout .product-card .product-secondary-info .product-offer{border:0;background:#f4f6f9;color:#6b7c92;font-size:9px;padding:4px 7px}
.atelier-layout .product-grid[data-view=list] .product-media{height:100%;min-height:225px}
.atelier-layout .product-grid[data-view=list] .product-title{min-height:0}
.atelier-layout .product-grid[data-view=list] .product-info{padding:23px}
.atelier-layout .product-grid[data-view=list] .product-secondary-info{padding-top:0;margin-top:14px}
.atelier-layout .floating-cart{display:none}

/* The same precision carries through advice, product detail and checkout. */
.atelier-layout .offer-paths{padding-block:45px;gap:24px}
.atelier-layout .stock-path{border:0;border-radius:12px;background:#eef3fc;padding:32px}
.atelier-layout .order-path{border:1px solid #e2e8f1;border-radius:12px;background:#fff}
.atelier-layout .order-photo{max-height:215px}
.atelier-layout .stock-path-heading h2,.atelier-layout .order-copy h2{font-size:36px;text-transform:none}
.atelier-layout .need{border-radius:10px;border-color:#dfe6f0}
.atelier-layout .need-photo{height:230px}
.atelier-layout .need-copy{padding:25px}
.atelier-layout .need h3{font-size:28px;text-transform:none}
.atelier-layout .need-link{border-top:0;padding-top:8px;color:var(--blue)}
.atelier-layout .pro-section{background:var(--navy);padding-block:58px}
.atelier-layout .pro-section h2{font-size:45px;text-transform:none}
.atelier-layout .reference-preview{border-radius:10px;border-color:#ffffff26;box-shadow:none}
.atelier-layout .answers>h2{font-size:37px;text-transform:none}
.atelier-layout .answer-grid{gap:0;border-top:1px solid #dfe6f0}
.atelier-layout .answer-grid details{border:0;border-bottom:1px solid #dfe6f0;border-radius:0;background:#fff;box-shadow:none}
.atelier-layout .answer-grid summary{padding:22px 8px;font-size:13px}
.atelier-layout .answer-grid summary>span:last-child{border:0;background:#edf2ff;color:var(--blue);border-radius:50%}
.atelier-layout .rental-service{border-block:1px solid #e2e8f0;margin-bottom:45px;padding-block:23px}
.atelier-layout .rental-service h2{font-size:25px;text-transform:none}
.atelier-layout .store-section{background:#f3f6fa}
.atelier-layout .store-wordmark{border:1px solid #e0e7f0;border-radius:10px;box-shadow:none}
.atelier-layout .store-section h2{font-size:43px;text-transform:none}
.atelier-layout footer{background:var(--navy)}
.atelier-layout #dialog[open]{border-radius:15px;border:1px solid #dce5f2;box-shadow:0 25px 100px #0005}
.atelier-layout #dialog .dialog-top{background:#fff;border-bottom:1px solid #e4eaf3}
.atelier-layout #dialog .close-dialog{border-radius:50%;background:#f1f4fa;min-width:44px;width:44px;height:44px}
.atelier-layout #dialog #dialog-title{font-family:VeissiereDisplay,Arial,sans-serif;text-transform:none;letter-spacing:-.025em}
.atelier-layout #dialog .dialog-footer{background:#fff;border-top:1px solid #e2e8f1;box-shadow:0 -7px 20px #071c4205}
.atelier-layout #dialog .dialog-footer>.button{border-radius:8px;min-height:48px}
.atelier-layout #dialog .detail-heading{background:#f5f7fb;border-bottom:1px solid #e4eaf2}
.atelier-layout #dialog .detail-heading h2{font-size:38px;text-transform:none;line-height:1.15}
.atelier-layout #dialog .detail-purchase{border-radius:10px;background:#f0f4fc;border:1px solid #dce6f7;padding:22px}
.atelier-layout #dialog .detail-purchase .price-amount{color:var(--navy)}
.atelier-layout #dialog .detail-visual{border-radius:10px;border-color:#e3e9f2;background:#fff}
.atelier-layout #dialog .detail-block{border-radius:9px}
.atelier-layout #dialog .checkout-mode{border-radius:8px;background:#f3f6fc;border-color:#dde6f4}
.atelier-layout #dialog .checkout-steps{gap:5px;background:#f2f5fa;border:0;border-radius:9px;padding:6px}
.atelier-layout #dialog .checkout-steps button{border:0;background:transparent;border-radius:5px;min-height:46px}
.atelier-layout #dialog .checkout-steps button[aria-current=step]{background:#fff;color:var(--blue);box-shadow:0 2px 6px #071c4209}
.atelier-layout #dialog .checkout-delivery-choice{border-radius:9px;background:#fff;border-color:#dce4f0}
.atelier-layout #dialog .checkout-delivery-choice:has(input:checked){background:#f1f5ff;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.atelier-layout #dialog .field input,.atelier-layout #dialog .field select,.atelier-layout #dialog textarea{border-radius:7px;border-color:#ccd8e9;background:#fff;min-height:47px}
.atelier-layout #dialog .checkout-totals{border-radius:10px;background:#f3f6fc;border-color:#e0e7f2}
.atelier-layout #dialog .checkout-total{color:var(--navy)}

@media(max-width:1100px){
 .atelier-layout .stock-hero.search-first-hero{gap:0 28px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);padding-block:32px}
 .atelier-layout .stock-hero.search-first-hero h1{font-size:59px}
 .atelier-layout .hero-editorial{min-height:420px}
 .atelier-layout .stock-hero.search-first-hero .hero-signoff{font-size:13px}
 .atelier-layout .hero-service small{font-size:9px}
 .atelier-layout .hero-service-icon{display:none}
 .atelier-layout #univers .categories{grid-auto-columns:calc((100% - 60px)/5)}
 .atelier-layout .product-card .product-info{padding:16px}
 .atelier-layout .product-card .product-title{font-size:14px}
 .atelier-layout .product-card .product-media{height:180px}
}
@media(max-width:800px){
 .atelier-layout .header-main{min-height:67px;padding-block:10px}
 .atelier-layout .main-nav{gap:24px}
 .atelier-layout .stock-hero.search-first-hero{width:calc(100% - 40px);gap:0 25px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);padding-block:29px}
 .atelier-layout .stock-hero.search-first-hero h1{font-size:47px}
 .atelier-layout .stock-hero.search-first-hero .hero-audience{font-size:8px;letter-spacing:.06em;margin-bottom:18px;gap:8px}
 .atelier-layout .stock-hero.search-first-hero .hero-audience:before{width:18px}
 .atelier-layout .stock-hero.search-first-hero .hero-signoff{font-size:12px;margin-top:16px;line-height:1.7}
 .atelier-layout .hero-search{margin-top:22px}
 .atelier-layout .hero-search-label{font-size:11px}
 .atelier-layout .hero-search .search button{min-width:50px;width:50px;gap:0;padding:12px}
 .atelier-layout .hero-search .search-submit-label{display:none}
 .atelier-layout .hero-search .search>span{display:none}
 .atelier-layout .hero-search .search input{padding-left:9px}
 .atelier-layout .hero-editorial{min-height:395px;border-radius:5px 22px 5px 5px}
 .atelier-layout .hero-editorial figcaption{left:20px;right:16px;bottom:23px}
 .atelier-layout .hero-editorial figcaption>strong{font-size:30px}
 .atelier-layout .hero-shortcuts{gap:5px;display:flex;flex-wrap:wrap}
 .atelier-layout .hero-shortcuts>button{font-size:9px;min-height:29px;padding:5px 7px}
 .atelier-layout .search-first-hero .hero-bottom{grid-template-columns:1fr;margin-top:18px}
 .atelier-layout .hero-service{padding:11px 0 0;min-height:35px}
 .atelier-layout .hero-service:first-child{padding-right:0}
 .atelier-layout .hero-service:last-child{padding:9px 0 0}
 .atelier-layout .hero-service small{display:none}
 .atelier-layout .hero-service>.direction-icon{display:block;margin-left:auto}
 .atelier-layout #univers .categories{grid-auto-columns:calc((100% - 45px)/4)}
 .atelier-layout #univers .universe-title,.atelier-layout #univers .universe-card:first-child .universe-title{font-size:11px}
 .atelier-layout #catalogue .filters.open{padding:23px 19px;border:1px solid #dce4ef;border-radius:0 14px 14px 0;background:#fff;box-shadow:10px 0 45px #071c4226}
 .atelier-layout #catalogue .filters.open .filter-controls{background:#fff}
 .atelier-layout #catalogue .section-intro h2{font-size:29px}
 .atelier-layout #catalogue .catalogue-brands .button{min-height:60px;padding:10px}
 .atelier-layout #catalogue .catalogue-brands .brand-directory-trigger{padding-left:15px;font-size:10px}
 .atelier-layout .catalogue-brand-logo{width:70px;height:22px}
 .atelier-layout #catalogue .catalogue-brands .button span{font-size:8px}
 .atelier-layout .product-card .product-media{height:165px;padding:20px 15px 27px}
 .atelier-layout .product-card .product-info{padding:14px}
 .atelier-layout #products .product-commercial b.price-amount{font-size:25px}
 .atelier-layout .product-card .product-commercial>span{font-size:10px}
 .atelier-layout .product-card .card-actions>.button{font-size:12px}
 .atelier-layout .need-photo{height:180px}
 .atelier-layout .need-copy{padding:20px}
 .atelier-layout .need h3{font-size:24px}
 .atelier-layout .pro-section h2{font-size:34px}
 .atelier-layout .store-section h2{font-size:34px}
 .atelier-layout #dialog .detail-heading h2{font-size:32px}
}
@media(max-width:600px){
 .atelier-layout .header-main .brand b{font-size:25px}
 .atelier-layout .header-main{min-height:65px}
 .atelier-layout .merchant-note .wrap{font-size:9px;min-height:37px}
 .atelier-layout .merchant-note button{font-size:9px}
 .atelier-layout .stock-hero.search-first-hero{width:calc(100% - 32px);padding:26px 0 22px;grid-template-columns:minmax(0,1fr) 104px;gap:0 12px}
 .atelier-layout .search-first-hero .hero-heading{grid-column:1;grid-row:1;align-self:center;padding:0}
 .atelier-layout .stock-hero.search-first-hero .hero-audience{font-size:7px;letter-spacing:.045em;margin:0 0 14px;gap:7px;max-width:240px}
 .atelier-layout .stock-hero.search-first-hero .hero-audience:before{width:14px;height:2px}
 .atelier-layout .stock-hero.search-first-hero h1{font-size:42px;line-height:1.04;letter-spacing:-.04em}
 .atelier-layout .stock-hero.search-first-hero .hero-signoff{font-size:11px;line-height:1.7;margin-top:13px;max-width:260px}
 .atelier-layout .stock-hero.search-first-hero .hero-signoff br{display:none}
 .atelier-layout .hero-editorial{grid-column:2;grid-row:1;min-height:180px;height:100%;border-radius:5px 17px 5px 5px;align-self:stretch}
 .atelier-layout .hero-editorial>img{object-position:53% 50%}
 .atelier-layout .hero-editorial:after{inset:60% 0 0;background:linear-gradient(transparent,#071c4280)}
 .atelier-layout .hero-editorial figcaption{left:8px;right:6px;bottom:9px}
 .atelier-layout .hero-editorial figcaption>span,.atelier-layout .hero-editorial figcaption>strong{display:none}
 .atelier-layout .hero-editorial figcaption>small{font-size:6px;line-height:1.4;margin:0;color:#fff}
 .atelier-layout .editorial-mark{width:26px;height:26px;right:9px;top:10px;font-size:15px}
 .atelier-layout .hero-search{grid-column:1/-1;grid-row:2;margin:23px 0 0}
 .atelier-layout .hero-search-label{font-size:12px;margin-bottom:10px}
 .atelier-layout .hero-search-mount{height:62px}
 .atelier-layout .hero-search .search{min-height:62px;padding:5px;border-radius:8px;gap:5px}
 .atelier-layout .hero-search .search input{height:48px;font-size:16px;padding-left:9px;letter-spacing:-.015em}
 .atelier-layout .hero-search .search button{width:50px;min-width:50px;height:50px;min-height:50px;border-radius:5px}
 .atelier-layout .hero-shortcuts{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
 .atelier-layout .hero-shortcuts>button{font-size:9px;padding:5px 8px;min-height:31px}
 .atelier-layout .search-first-hero .hero-bottom{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;margin:18px 0 0}
 .atelier-layout .hero-service{min-height:43px;padding:13px 0 0;gap:8px}
 .atelier-layout .hero-service b{font-size:10px}
 .atelier-layout .hero-service:last-child{padding:13px 0 0 14px}
 .atelier-layout .hero-service>.direction-icon{width:13px;height:13px;margin-left:3px}
 .atelier-layout #univers.universe-section{padding:23px 0 19px}
 .atelier-layout #univers .universe-intro{margin-bottom:16px;gap:10px}
 .atelier-layout #univers .universe-intro .eyebrow{font-size:8px;margin-bottom:7px}
 .atelier-layout #univers .universe-intro h2{font-size:27px;line-height:1.1}
 .atelier-layout #univers .universe-intro-copy{max-width:100px}
 .atelier-layout #univers .universe-catalogue-link{font-size:10px;line-height:1.4;text-align:right;gap:5px}
 .atelier-layout #univers .categories{grid-auto-columns:calc((100% - 30px)/3.15);gap:12px;padding-bottom:12px;scroll-padding-inline:0}
 .atelier-layout #univers .universe-visual,.atelier-layout #univers .universe-card:first-child .universe-visual{height:80px;border-radius:6px}
 .atelier-layout #univers .universe-card-copy,.atelier-layout #univers .universe-card:first-child .universe-card-copy{padding:9px 0 0}
 .atelier-layout #univers .universe-title,.atelier-layout #univers .universe-card:first-child .universe-title{font-size:10px;line-height:1.45;min-height:29px}
 .atelier-layout #univers .universe-card-footer,.atelier-layout #univers .universe-card:first-child .universe-card-footer{margin-top:3px}
 .atelier-layout #univers .universe-count{font-size:8px}
 .atelier-layout .catalogue-section{padding:27px 0 36px}
 .atelier-layout #catalogue .section-intro{gap:13px;margin-bottom:17px;align-items:start;flex-direction:column}
 .atelier-layout #catalogue .section-intro h2{font-size:28px;line-height:1.12}
 .atelier-layout #catalogue .section-intro .eyebrow{font-size:8px;margin-bottom:8px}
 .atelier-layout #catalogue .catalogue-note{font-size:9px;max-width:none;text-align:left;padding:0;min-width:0}
 .atelier-layout #catalogue .catalogue-note br{display:none}
 .atelier-layout #catalogue .catalogue-note b{margin-left:5px}
 .atelier-layout #catalogue .catalogue-brands{display:flex;overflow-x:auto;scrollbar-width:thin;border-radius:7px;margin-bottom:17px;grid-template-columns:none;gap:0;flex-wrap:nowrap}
 .atelier-layout #catalogue .catalogue-brands .button{flex:none;min-width:90px;min-height:58px;padding:10px 12px;gap:5px}
 .atelier-layout #catalogue .catalogue-brands .brand-directory-trigger{width:118px;min-width:118px;white-space:normal;font-size:10px;line-height:1.4;padding:10px 13px;align-items:flex-start}
 .atelier-layout .catalogue-brand-logo{width:64px;height:20px}
 .atelier-layout #catalogue .catalogue-brands .button span{display:block;font-size:7px}
 .atelier-layout #catalogue .catalogue-toolbar{padding-bottom:16px}
 .atelier-layout .product-grid{gap:10px}
 .atelier-layout .product-card{border-radius:9px}
 .atelier-layout .product-card .product-media{height:156px;padding:19px 11px 27px}
 .atelier-layout .product-card .product-info{padding:13px 11px}
 .atelier-layout .product-card .product-identity{margin-bottom:9px;padding-bottom:8px}
 .atelier-layout .product-card .product-brand{font-size:9px}
 .atelier-layout .product-card .product-title{font-size:13px;line-height:1.5;min-height:58px;-webkit-line-clamp:3}
 .atelier-layout #products .product-commercial b.price-amount{font-size:24px}
 .atelier-layout .product-card .product-commercial>span{font-size:9px;line-height:1.6}
 .atelier-layout .product-card .card-actions{gap:6px;margin-top:13px}
 .atelier-layout .product-card .card-actions>.button{min-height:44px;font-size:12px;padding:9px 7px;border-radius:6px}
 .atelier-layout .product-card .card-actions>.icon-button{width:44px;min-width:44px;height:44px;border-radius:6px}
 .atelier-layout .product-card .product-secondary-info .specs>span{font-size:9px}
 .atelier-layout .product-card .product-secondary-info .product-offer{font-size:8px;padding:3px 5px}
 .atelier-layout .product-grid[data-view=list] .product-card{grid-template-columns:96px minmax(0,1fr)}
 .atelier-layout .product-grid[data-view=list] .product-media{height:100%;min-height:230px;padding:18px 9px 28px}
 .atelier-layout .product-grid[data-view=list] .product-info{padding:16px 13px}
 .atelier-layout .product-grid[data-view=list] .product-title{min-height:0}
 .atelier-layout .offer-paths{padding-block:32px;gap:17px}
 .atelier-layout .stock-path{padding:24px}
 .atelier-layout .stock-path-heading h2,.atelier-layout .order-copy h2{font-size:32px}
 .atelier-layout .need-photo{height:100%;min-height:175px}
 .atelier-layout .need-copy{padding:19px}
 .atelier-layout .need h3{font-size:23px}
 .atelier-layout .pro-section{padding-block:37px}
 .atelier-layout .pro-section h2{font-size:33px}
 .atelier-layout .answers>h2{font-size:30px}
 .atelier-layout .answer-grid summary{font-size:12px;padding:19px 0;gap:10px}
 .atelier-layout .rental-service h2{font-size:22px}
 .atelier-layout .store-section h2{font-size:33px}
 .atelier-layout #dialog[open]{border-radius:0;border:0}
 .atelier-layout #dialog .detail-heading h2{font-size:29px}
 .atelier-layout #dialog .detail-purchase{padding:18px}
 .atelier-layout #dialog .checkout-steps{gap:3px;padding:4px}
 .atelier-layout #dialog .checkout-steps button{min-height:43px}
}
@media(max-width:370px){
 .atelier-layout .stock-hero.search-first-hero{grid-template-columns:minmax(0,1fr) 80px;gap:0 11px}
 .atelier-layout .stock-hero.search-first-hero h1{font-size:37px}
 .atelier-layout .stock-hero.search-first-hero .hero-audience{font-size:6px;gap:5px;letter-spacing:.01em}
 .atelier-layout .stock-hero.search-first-hero .hero-signoff{font-size:10px}
 .atelier-layout .hero-editorial{min-height:169px}
 .atelier-layout .hero-service:last-child{padding-left:9px}
 .atelier-layout .hero-service b{font-size:9px}
 .atelier-layout .hero-shortcuts>button{font-size:8px;padding:5px 6px}
 .atelier-layout .product-card .product-media{height:205px;padding:24px 21px 30px}
 .atelier-layout .product-card .product-info{padding:18px}
 .atelier-layout .product-card .product-title{font-size:15px;min-height:0}
 .atelier-layout #products .product-commercial b.price-amount{font-size:29px}
 .atelier-layout .product-card .product-commercial>span{font-size:10px}
 .atelier-layout .product-grid:not([data-view=list]) .card-action-full{display:inline}
 .atelier-layout .product-grid:not([data-view=list]) .card-action-short{display:none}
 .atelier-layout .product-grid[data-view=list] .product-card{grid-template-columns:78px minmax(0,1fr)}
 .atelier-layout .product-grid[data-view=list] .product-info{padding:14px 11px}
 .atelier-layout .product-grid[data-view=list] .product-title{font-size:13px}
 .atelier-layout .product-grid[data-view=list] .card-action-full{display:none}
 .atelier-layout .product-grid[data-view=list] .card-action-short{display:inline}
}
@media(prefers-reduced-motion:reduce){.atelier-layout #univers .universe-visual img,.atelier-layout .product-card{transition:none}}
/* Explicit foregrounds on the now-light dialogue chrome. */
.atelier-layout #dialog .dialog-top{color:var(--navy)}
.atelier-layout #dialog .dialog-top #dialog-kicker{color:var(--blue)}
.atelier-layout #dialog .dialog-top .close-dialog{color:var(--navy)}
.atelier-layout #dialog .dialog-top .close-dialog:hover{color:var(--blue);background:#e7eeff}
.atelier-layout #dialog .dialog-footer>.button.primary{background:var(--blue);background-image:none;border-color:var(--blue);color:#fff}

/* Catalogue ergonomics: explicit comparison and direct product sections. */
.atelier-layout .universe-intro-copy{align-items:center!important;gap:22px!important}
.atelier-layout .universe-rail-controls{display:flex;gap:7px;flex:none}
.atelier-layout .universe-rail-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d6dfed;border-radius:50%;background:#fff;color:var(--navy);font:20px Arial;cursor:pointer}
.atelier-layout .universe-rail-controls button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.atelier-layout .product-card .card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
.atelier-layout .product-card .card-actions>.icon-button{width:100%;min-height:36px;height:36px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:6px 0;border:0;background:transparent;color:#60728b;box-shadow:none;border-radius:4px}
.atelier-layout .product-card .card-actions>.icon-button:after{content:'Comparer';display:inline;font:500 11px/1.5 Arial;position:static;width:auto;height:auto;background:none;transform:none;opacity:1}
.atelier-layout .product-card .card-actions>.icon-button .ui-icon{width:16px;height:16px}
.atelier-layout .product-card .card-actions>.icon-button[aria-pressed=true]{color:var(--blue);background:#edf2ff;padding-inline:8px}
.atelier-layout .product-card .card-actions>.icon-button[aria-pressed=true]:after{content:'Ajouté au comparateur'}
.atelier-layout #dialog .product-section-nav{position:sticky;top:-1px;z-index:8;display:flex;align-items:center;gap:5px;overflow-x:auto;max-width:100%;margin:0 0 24px;padding:8px;background:#fff;border:1px solid #dfe6f0;border-radius:9px;scrollbar-width:thin;box-shadow:0 4px 12px #071c4207}
.atelier-layout #dialog .product-section-nav button{flex:1 0 auto;min-height:42px;padding:10px 16px;border:0;border-radius:5px;color:#435979;background:transparent;font:600 12px/1.4 Arial;white-space:nowrap}
.atelier-layout #dialog .product-section-nav button:hover,.atelier-layout #dialog .product-section-nav button:focus-visible{color:var(--blue);background:#edf2ff}
.atelier-layout #dialog .detail-content [tabindex='-1']:focus{outline:0}
.atelier-layout .product-card .product-secondary-info{padding-top:5px}
@media(max-width:800px){
 .atelier-layout.search-docked .header-main{flex-wrap:wrap;gap:10px;padding-block:9px}
 .atelier-layout.search-docked .header-search-slot{order:5;flex:1 0 100%;width:100%;margin:0;height:auto}
 .atelier-layout.search-docked .header-search-slot .search-area{width:100%;max-width:none}
 .atelier-layout.search-docked .header-search-slot .search{width:100%;min-height:48px;height:48px}
 .atelier-layout.search-docked .header-search-slot .search input{font-size:16px;height:40px}
 .atelier-layout.search-docked .header-search-slot .search button{height:40px;min-height:40px;width:44px;min-width:44px}
 .atelier-layout.search-docked .header-search-slot .search-preview{left:0;right:0;width:100%;max-height:50vh}
 .atelier-layout.search-docked{scroll-padding-top:174px}
 .atelier-layout #catalogue{scroll-margin-top:178px}
}
@media(max-width:600px){
 .atelier-layout #univers .universe-intro-copy{max-width:none;gap:10px!important}
 .atelier-layout #univers .universe-catalogue-link{display:none}
 .atelier-layout .universe-rail-controls{gap:6px}
 .atelier-layout .universe-rail-controls button{width:36px;height:36px;font-size:18px}
 .atelier-layout .product-card .card-actions>.icon-button{width:100%;height:36px;min-height:36px}
 .atelier-layout .product-card .card-actions>.icon-button:after{font-size:10px;white-space:normal;text-align:left}
 .atelier-layout #dialog .product-section-nav{gap:2px;margin-bottom:20px;padding:5px}
 .atelier-layout #dialog .product-section-nav button{min-height:42px;padding:9px 12px;font-size:11px}
}
@media(max-width:800px){
 .atelier-layout.search-docked .header-main .brand{flex:1;min-width:0}
 .atelier-layout.search-docked .header-main .brand>span{display:block}
 .atelier-layout.search-docked .header-main .cart-button{margin-left:auto}
}
@media(max-width:600px){
 .atelier-layout #catalogue .catalogue-brands .button{overflow:hidden}
 .atelier-layout #catalogue .catalogue-brand-logo{transform:none;max-width:64px}
}

/* Daily ergonomics: one clear action, direct facets, stable touch controls. */
.atelier-layout .hero-search .search .search-clear,
.atelier-layout .header-search-slot .search .search-clear{display:grid;place-items:center;flex:none;position:static;min-width:40px;width:40px;min-height:44px;height:44px;padding:0;margin:0;background:transparent;background-image:none;border:0;border-radius:6px;color:#687b97;font:27px/1 Arial;box-shadow:none}
.atelier-layout .hero-search .search .search-clear[hidden],
.atelier-layout .header-search-slot .search .search-clear[hidden]{display:none}
.atelier-layout .hero-search .search .search-clear:hover,
.atelier-layout .header-search-slot .search .search-clear:hover{background:#eef3fc;color:var(--navy)}
.atelier-layout #q::-webkit-search-cancel-button{display:none}
.atelier-layout #search-preview button:focus-visible,
.atelier-layout #search-preview a:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;background:#edf3ff}
.atelier-layout .catalogue-quick-facets{display:none}
.atelier-layout #dialog .qty-control button{min-width:44px;min-height:44px;height:44px}
.atelier-layout #dialog .qty-control input{font-size:16px;min-height:44px;height:44px}
.atelier-layout #dialog .qty-control button:disabled{color:#9aa8bc;background:#f5f7fa;cursor:default;box-shadow:none}
.atelier-layout #dialog .cart-line>.icon-button{min-width:44px;min-height:44px;width:44px;height:44px}
@media(max-width:800px){
 .atelier-layout #catalogue .catalogue-quick-facets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 18px}
 .atelier-layout .catalogue-quick-facets>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:61px;padding:10px 25px 10px 12px;border:1px solid #d7e1ef;border-radius:8px;background:#fff;text-align:left;font-family:Arial,sans-serif;box-shadow:0 2px 4px #071c4203}
 .atelier-layout .catalogue-quick-facets>button>span{font-size:9px;line-height:1.5;font-weight:400;color:#708199;margin-bottom:3px}
 .atelier-layout .catalogue-quick-facets>button>strong{font-size:11px;line-height:1.5;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--navy)}
 .atelier-layout .catalogue-quick-facets>button>i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:17px;color:var(--blue)}
 .atelier-layout .catalogue-quick-facets>button.has-value{background:#edf3ff;border-color:#a7c0f8}
 .atelier-layout .catalogue-quick-facets>button.has-value>strong{color:var(--blue)}
 .atelier-layout .catalogue-quick-facets>button:hover{border-color:var(--blue)}
 .atelier-layout #dialog .cart-line .qty-control{width:138px}
}
@media(max-width:370px){
 .atelier-layout .catalogue-quick-facets>button{padding-left:9px;padding-right:21px}
 .atelier-layout .catalogue-quick-facets>button>strong{font-size:10px}
 .atelier-layout .catalogue-quick-facets>button>i{right:8px}
 .atelier-layout .hero-search .search .search-clear,.atelier-layout .header-search-slot .search .search-clear{width:34px;min-width:34px}
}
@media(max-width:800px){
 /* The direct brand facet replaces the redundant shortcut strip on mobile. */
 .atelier-layout #catalogue .catalogue-brands{display:none}
}
/* The browser adds scroll padding and scroll margin. Count the sticky header
   once, using its already-measured real height, for direct catalogue access. */
html{scroll-padding-top:calc(var(--header-height,140px) + 12px)}
.atelier-layout #catalogue{scroll-margin-top:0}

/* Customer storefront: permanent search, short entrance, real services only. */
.customer-storefront .header-main{gap:25px;min-height:82px;padding-block:12px}
.customer-storefront .header-search-slot{max-width:none;margin-left:auto}
.customer-storefront .header-search-slot .search{height:50px;min-height:50px;padding:4px;border-color:#c5d2e5;border-radius:8px;background:#f8fafd;box-shadow:none}
.customer-storefront .header-search-slot .search:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #004bff0d}
.customer-storefront .header-search-slot .search input{font-size:16px;height:40px}
.customer-storefront .header-search-slot .search button[type=submit]{min-height:40px;height:40px;font-size:12px;padding-inline:17px;border-radius:5px}
.customer-storefront .header-search-slot .search .search-clear{width:40px;min-width:40px;height:40px;min-height:40px}
.customer-storefront .header-action.pro-btn{margin-left:0;font-size:12px;white-space:nowrap}
.customer-storefront .main-nav{gap:30px}
.customer-storefront .main-nav>a,.customer-storefront .main-nav>button{font-size:12px;min-height:44px}
.customer-storefront .stock-hero.search-first-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:0 64px;padding:31px 0 32px;margin:0 auto;min-height:0}
.customer-storefront .search-first-hero .hero-heading{grid-column:1;grid-row:1;align-self:center;padding:10px 0 0;max-width:none;width:100%}
.customer-storefront .stock-hero.search-first-hero .hero-audience{font-size:10px;color:#69788f;letter-spacing:.11em;margin:0 0 17px}
.customer-storefront .stock-hero.search-first-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.04em}
.customer-storefront .stock-hero.search-first-hero .hero-signoff{font-size:14px;line-height:1.7;max-width:430px;margin:17px 0 0;color:#62728b}
.customer-storefront .hero-catalogue-action{grid-column:1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;margin-top:23px;align-self:start;padding-bottom:7px}
.customer-storefront .hero-catalogue-action .button{min-height:47px;padding:12px 20px;font-size:13px;border-radius:7px;gap:12px}
.customer-storefront .hero-contact{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#5d718e;text-decoration:underline;text-underline-offset:4px}
.customer-storefront .hero-contact:hover{color:var(--blue)}
.customer-storefront .hero-editorial{grid-column:2;grid-row:1/3;min-height:288px;height:100%;max-height:330px;border-radius:10px;align-self:stretch}
.customer-storefront .hero-editorial:after{display:none}
.customer-storefront .hero-editorial>img{object-position:50% 57%}
.customer-storefront #univers.universe-section{padding:25px 0 26px}
.customer-storefront #univers .universe-intro{margin-bottom:19px}
.customer-storefront #univers .universe-intro h2{font-size:29px;text-transform:none;letter-spacing:-.025em}
.customer-storefront #univers .universe-intro-copy{align-items:center}
.customer-storefront #catalogue .section-intro h2{font-size:32px;text-transform:none;letter-spacing:-.025em}
.customer-storefront #catalogue .catalogue-note{font-size:11px;color:#6b7c93}
.customer-storefront .product-card .product-commercial>span{font-size:10px;line-height:1.65}
.customer-storefront #par-besoin{padding-top:47px;padding-bottom:41px}
.customer-storefront #par-besoin .section-intro h2{font-size:34px;text-transform:none;line-height:1.12}
.customer-storefront #par-besoin .section-intro>p{font-size:13px;line-height:1.7;color:#6b7c93;max-width:340px}
.customer-storefront .need:nth-child(n) .need-copy{background:#fff;color:var(--navy);border:0}
.customer-storefront .need .need-eyebrow{color:#65758b}
.customer-storefront .need h3{color:var(--navy)}
.customer-storefront .need p{color:#60718a}
.customer-storefront .need .need-link{color:var(--blue);border-color:#e3eaf4}
.customer-storefront .reference-service{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 32px;margin-block:0 10px;background:#f1f5fc;border:1px solid #e3eaf6;border-radius:10px}
.customer-storefront .reference-service h2{font-size:27px;line-height:1.15;letter-spacing:-.025em;text-transform:none;margin:0}
.customer-storefront .reference-service p{font-size:13px;color:#677b96;line-height:1.7;margin:9px 0 0}
.customer-storefront .reference-service .button{flex:none;min-height:47px;padding:12px 20px;font-size:13px;border-radius:7px;gap:12px}
.customer-storefront .answers{padding-block:45px 38px}
.customer-storefront .answers>h2{font-size:33px;text-transform:none;margin-bottom:24px}
.customer-storefront .answer-grid summary{font-size:13px;line-height:1.65;gap:15px;padding:21px 4px}
.customer-storefront .answer-grid details>p{font-size:13px;line-height:1.8;color:#64758c}
.customer-storefront .answer-grid details>p>a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.customer-storefront .rental-service{margin-bottom:36px}
.customer-storefront #dialog .checkout-mode{padding:13px 16px;gap:0;background:#f3f6fc}
.customer-storefront #dialog .checkout-mode>b,.customer-storefront #dialog .checkout-mode b{font-size:12px}
.customer-storefront #dialog .checkout-mode p{font-size:11px;line-height:1.6}
.customer-storefront #dialog .checkout-payment-closed{padding:28px 22px}
.customer-storefront #dialog .checkout-payment-closed h3{font-size:25px;line-height:1.2;text-transform:none}
.customer-storefront #dialog .checkout-payment-closed .button{display:inline-flex;margin-top:16px}

@media(max-width:1100px){
 .customer-storefront .header-main{gap:17px}
 .customer-storefront .header-main .brand b{font-size:26px}
 .customer-storefront .header-main .brand small{display:none}
 .customer-storefront .header-main .header-action{font-size:12px;padding-inline:11px}
 .customer-storefront .stock-hero.search-first-hero{gap:0 36px}
 .customer-storefront .stock-hero.search-first-hero h1{font-size:52px}
 .customer-storefront .hero-editorial{min-height:280px}
 .customer-storefront .hero-catalogue-action{gap:8px 17px}
}
@media(max-width:800px){
 .customer-storefront .header-main{padding-block:9px;min-height:0;gap:8px}
 .customer-storefront .header-main .brand{flex:1;min-width:0}
 .customer-storefront .header-main .brand>span{display:block}
 .customer-storefront .header-main .brand>img{width:40px;height:42px}
 .customer-storefront .header-main .brand b{font-size:26px}
 .customer-storefront .header-main .pro-btn{display:none}
 .customer-storefront .header-main .cart-button{width:44px;min-width:44px;height:44px;min-height:44px;margin-left:auto;padding:9px}
 .customer-storefront .header-search-slot{order:5;flex:1 0 100%;width:100%;height:auto;margin:0}
 .customer-storefront .header-search-slot .search{height:52px;min-height:52px;margin:0;padding:3px;background:#f8fafd;border-radius:8px}
 .customer-storefront .header-search-slot .search input{height:44px;font-size:16px;letter-spacing:0;padding-left:10px}
 .customer-storefront .header-search-slot .search button[type=submit]{height:44px;min-height:44px;width:44px;min-width:44px;padding:10px}
 .customer-storefront .header-search-slot .search .search-clear{height:44px;min-height:44px;width:38px;min-width:38px}
 .customer-storefront .main-nav{min-height:38px;gap:28px;border:0}
 .customer-storefront .main-nav>a,.customer-storefront .main-nav>button{font-size:11px;min-height:38px;padding:9px 0}
 .customer-storefront .main-nav .nav-references,.customer-storefront .main-nav .customer-toggle{display:none}
 .customer-storefront .stock-hero.search-first-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0 25px;padding-block:25px}
 .customer-storefront .stock-hero.search-first-hero h1{font-size:44px}
 .customer-storefront .stock-hero.search-first-hero .hero-audience{font-size:9px;margin-bottom:15px}
 .customer-storefront .stock-hero.search-first-hero .hero-signoff{font-size:13px;margin-top:14px}
 .customer-storefront .hero-editorial{min-height:265px;max-height:300px}
 .customer-storefront .hero-catalogue-action{margin-top:17px;display:block;padding-bottom:0}
 .customer-storefront .hero-catalogue-action .button{font-size:12px;min-height:44px;padding:11px 16px}
 .customer-storefront .hero-contact{font-size:11px;margin-top:2px;min-height:36px}
 .customer-storefront #par-besoin .section-intro h2{font-size:29px}
 .customer-storefront #par-besoin .section-intro>p{font-size:12px;max-width:290px}
 .customer-storefront .reference-service{padding:25px;gap:20px}
 .customer-storefront .reference-service h2{font-size:24px}
 .customer-storefront .reference-service p{font-size:12px}
 .customer-storefront .reference-service .button{font-size:12px;padding-inline:17px}
}
@media(max-width:600px){
 .customer-storefront .header-main .brand b{font-size:25px}
 .customer-storefront .main-nav{justify-content:space-between;gap:16px}
 .customer-storefront .main-nav>a{font-size:13px;min-height:44px}
 .customer-storefront .main-nav .nav-catalogue>.ui-icon{width:17px;height:17px}
 .customer-storefront .stock-hero.search-first-hero{display:block;width:calc(100% - 32px);padding:25px 0 23px;gap:0}
 .customer-storefront .search-first-hero .hero-heading{display:block;text-align:left;padding:0}
 .customer-storefront .stock-hero.search-first-hero .hero-audience{font-size:8px;letter-spacing:.08em;margin:0 0 13px;gap:9px}
 .customer-storefront .stock-hero.search-first-hero .hero-audience:before{width:18px}
 .customer-storefront .stock-hero.search-first-hero h1{font-size:36px;line-height:1.08;letter-spacing:-.03em}
 .customer-storefront .stock-hero.search-first-hero .hero-signoff{font-size:14px;line-height:1.65;margin:13px 0 0;max-width:335px;color:#61758e}
 .customer-storefront .hero-editorial{display:none}
 .customer-storefront .hero-catalogue-action{display:flex;align-items:center;gap:8px 16px;margin:18px 0 0}
 .customer-storefront .hero-catalogue-action .button{font-size:13px;padding:10px 14px;gap:9px;min-height:44px}
 .customer-storefront .hero-contact{font-size:12px;margin:0;min-height:44px}
 .customer-storefront #univers.universe-section{padding:21px 0 20px}
 .customer-storefront #univers .universe-intro{margin-bottom:15px;align-items:center}
 .customer-storefront #univers .universe-intro h2{font-size:25px;line-height:1.15}
 .customer-storefront #univers .universe-visual,.customer-storefront #univers .universe-card:first-child .universe-visual{height:78px;min-height:0}
 .customer-storefront #univers .universe-card-copy,.customer-storefront #univers .universe-card:first-child .universe-card-copy{padding:10px 0 0}
 .customer-storefront #univers .universe-title,.customer-storefront #univers .universe-card:first-child .universe-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:600;line-height:1.5;min-height:36px}
 .customer-storefront #univers .universe-card-footer,.customer-storefront #univers .universe-card:first-child .universe-card-footer{display:none}
 .customer-storefront #catalogue .section-intro h2{font-size:28px}
 .customer-storefront #catalogue .section-intro{margin-bottom:17px;gap:8px}
 .customer-storefront #catalogue .catalogue-note{font-size:10px}
 .customer-storefront .product-card .product-commercial>span{font-size:9px}
 .customer-storefront #par-besoin{padding-top:33px;padding-bottom:29px}
 .customer-storefront #par-besoin .section-intro{margin-bottom:20px}
 .customer-storefront #par-besoin .section-intro h2{font-size:28px;max-width:300px}
 .customer-storefront #par-besoin .section-intro>p{font-size:12px;margin-top:12px;max-width:none}
 .customer-storefront .reference-service{display:block;padding:23px 20px;border:0;border-radius:9px;margin-bottom:0}
 .customer-storefront .reference-service h2{font-size:25px;line-height:1.18}
 .customer-storefront .reference-service p{font-size:14px;line-height:1.7;margin-top:10px}
 .customer-storefront .reference-service .button{display:flex;width:100%;margin-top:18px;min-height:46px;font-size:14px;justify-content:center}
 .customer-storefront .answers{padding-top:33px;padding-bottom:27px}
 .customer-storefront .answers>h2{font-size:28px;margin-bottom:21px}
 .customer-storefront .answer-grid summary{font-size:14px;padding-block:19px;gap:12px}
 .customer-storefront .answer-grid details>p{font-size:14px;line-height:1.75}
 .customer-storefront .rental-service{margin-bottom:30px}
 .customer-storefront #dialog .checkout-payment-closed{padding:23px 17px}
 .customer-storefront #dialog .checkout-payment-closed h3{font-size:23px}
}
@media(max-width:370px){
 .customer-storefront .header-main .brand b{font-size:24px}
 .customer-storefront .main-nav{gap:12px}
 .customer-storefront .main-nav>a{font-size:12px}
 .customer-storefront .stock-hero.search-first-hero h1{font-size:34px}
 .customer-storefront .hero-catalogue-action{gap:3px 12px}
 .customer-storefront .hero-catalogue-action .button{font-size:13px;padding-inline:12px}
 .customer-storefront .hero-contact{font-size:12px}
 .customer-storefront .reference-service h2{font-size:23px}
}