/* Validated desktop navigation, activated only at the native desktop breakpoint. */
html.la-preview-active { scroll-padding-top: calc(var(--la-menu-height, 64px) + 16px); }
.la-preview-active #header { display: none !important; }
.la-preview-active .sticky-desktop-wrapper { display:none !important; }
.la-menu-preview { --la-bg:#fff; --la-fg:#242424; --la-accent:#9b0a10; position:fixed; top:0; left:0; width:100%; z-index:1100; color:var(--la-fg); background:var(--la-bg); border-bottom:1px solid #e7e4e0; box-shadow:0 3px 14px #00000008; font-family:Roboto,Arial,sans-serif; }
.la-menu-row { min-height:64px; max-width:1920px; margin:auto; padding:0 26px; display:flex; align-items:center; gap:22px; }
.la-menu-preview a { text-decoration:none; }
.la-menu-preview button { font:inherit; }
.la-brand { display:inline-flex; flex:none; align-items:baseline; white-space:nowrap; color:var(--la-fg)!important; font-size:22px; letter-spacing:-.8px; line-height:1; padding:10px 0; }
.la-brand-loft { font-weight:800; color:var(--la-accent); }
.la-brand-attitude { font-weight:300; }
.la-actions { display:flex; gap:6px; align-items:center; margin-left:auto; flex:none; }
.la-icon { width:40px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:10px; border:0; border-radius:4px; background:transparent; color:var(--la-fg)!important; cursor:pointer; flex:none; position:relative; }
.la-icon svg { width:23px; height:23px; flex:none; }
.la-icon:hover { background:#88888818; }
.la-menu-preview :focus-visible,.la-drawer :focus-visible,.la-preview-picker :focus-visible { outline:2px solid #b84646; outline-offset:3px; }
.la-categories { display:flex; align-items:center; justify-content:center; gap:16px; flex:1; min-width:0; }
.la-nav-item { display:flex; align-items:center; white-space:nowrap; }
.la-category-link { display:flex; align-items:center; min-height:64px; font-size:13px; color:var(--la-fg)!important; position:relative; }
.la-category-link:hover { color:var(--la-accent)!important; }
.la-category-toggle { width:17px; height:44px; padding:2px; border:0; color:var(--la-fg); background:none; cursor:pointer; }
.la-category-toggle svg { width:13px; height:13px; }
.la-category-toggle[aria-expanded=true] svg { transform:rotate(180deg); }
.la-cart-count { position:absolute; top:2px; right:0; min-width:15px; height:15px; border-radius:50%; background:var(--la-accent); color:white; font-size:10px; line-height:15px; text-align:center; }
.la-menu-preview [hidden],.la-drawer [hidden] { display:none!important; }
.la-panel { position:absolute; top:100%; left:0; width:100%; max-height:calc(100dvh - var(--la-menu-height,64px) - 16px); overflow:auto; background:white; color:#292929; padding:24px max(26px,calc((100vw - 1390px)/2)); box-shadow:0 14px 24px #0002; border-top:1px solid #e7e4e0; }
.la-panel-title { font-size:14px; font-weight:600; color:#9b0a10; display:block; margin-bottom:20px; }
.la-link-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px 30px; }
.la-link-grid a { padding:8px 0; color:#333; font-size:14px; }
.la-link-grid a:hover,.la-drawer a:hover { color:#9b0a10; text-decoration:underline; }
.la-panel .loft-furniture-menu__heading { display:none; }
.la-inline-search { display:none; }
.la-search-panel { position:absolute; top:100%; left:0; width:100%; background:#fff; color:#242424; border-top:1px solid #eee; padding:20px; box-shadow:0 10px 20px #0001; }
.la-expanded-search { display:flex; max-width:740px; margin:auto; background:#f4f3f1; border:1px solid #ddd; border-radius:4px; }
.la-menu-preview input,.la-drawer input { width:100%; min-width:0; border:0; padding:11px 14px; background:transparent; font:14px Roboto,Arial,sans-serif; color:#242424; }
.la-search-panel .la-icon { color:#242424!important; }
.la-drawer-toggle { display:inline-flex; }
/* 02: darker, slightly more spacious and a quiet red signature line. */
.la-menu-preview[data-variant="2"] { --la-bg:#222120; --la-fg:#fff; --la-accent:#e6aaa8; border-bottom:2px solid #9b0a10; }
.la-menu-preview[data-variant="2"] .la-menu-row { min-height:66px; }
.la-menu-preview[data-variant="2"] .la-category-link { min-height:66px; }
.la-menu-preview[data-variant="2"] .la-brand-attitude { color:#fff; }
/* 03: wide search + key departments; all categories remain in the drawer. */
.la-menu-preview[data-variant="3"] { --la-bg:#f8f6f2; }
.la-menu-preview[data-variant="3"] .la-menu-row { min-height:72px; gap:24px; }
.la-menu-preview[data-variant="3"] .la-inline-search { display:flex; flex:1; max-width:480px; border:1px solid #dedbd6; background:#fff; border-radius:4px; }
.la-menu-preview[data-variant="3"] .la-drawer-toggle { display:inline-flex; }
.la-menu-preview[data-variant="3"] .la-categories { flex:none; gap:24px; margin-left:auto; }
.la-menu-preview[data-variant="3"] .la-nav-item { display:none; }
.la-menu-preview[data-variant="3"] .la-nav-item[data-original="cbp-hrmenu-tab-1"],.la-menu-preview[data-variant="3"] .la-nav-item[data-original="cbp-hrmenu-tab-2"],.la-menu-preview[data-variant="3"] .la-nav-item[data-original="cbp-hrmenu-tab-3"] { display:flex; }
.la-menu-preview[data-variant="3"] .la-search-toggle { display:none; }
.la-menu-preview[data-variant="3"] .la-category-link { min-height:72px; }
.la-menu-preview[data-variant="3"] .la-actions { margin-left:0; }
.la-drawer { position:fixed; inset:0 auto 0 0; margin:0; height:100dvh; max-height:100dvh; width:min(430px,92vw); max-width:92vw; border:0; padding:22px; background:#fff; color:#242424; overflow:auto; z-index:2000; font-family:Roboto,Arial,sans-serif; }
.la-drawer::backdrop { background:#19171680; }
.la-drawer-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.la-drawer-top h2 { font-size:19px; font-weight:500; margin:0; }
.la-drawer-search { display:flex; border:1px solid #ddd; border-radius:4px; margin-bottom:22px; }
.la-drawer-group { border-bottom:1px solid #e7e4e0; }
.la-drawer-group summary { padding:17px 0; font-weight:500; cursor:pointer; font-size:16px; }
.la-drawer-links { display:grid; padding:8px 0 18px 14px; gap:2px; }
.la-drawer-links a { padding:9px 0; color:#333; font-size:14px; text-decoration:none; }
.la-drawer-all { display:block; padding:8px 0; font-size:14px; color:#9b0a10; }
.la-drawer-direct { display:block; padding:17px 0; border-bottom:1px solid #e7e4e0; color:#242424; text-decoration:none; }
.la-drawer-open { overflow:hidden; }
.la-preview-picker { position:fixed; z-index:1200; bottom:18px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 36px); padding:12px 16px; border:1px solid #ddd; border-radius:8px; box-shadow:0 3px 20px #0002; background:#fff; color:#242424; font:13px Roboto,Arial,sans-serif; }
.la-preview-picker summary { cursor:pointer; font-weight:600; }
.la-preview-picker p { font-size:11px; text-transform:uppercase; letter-spacing:1px; margin:16px 0 8px; color:#777; }
.la-preview-picker a { display:block; padding:10px 4px; color:#333; text-decoration:none; }
.la-preview-picker a[aria-current] { color:#9b0a10; font-weight:700; }
@media (max-width:1350px) {
 .la-menu-row { gap:16px; padding:0 20px; }
 .la-categories { gap:10px; }
 .la-category-link { font-size:12px; }
 .la-brand { font-size:20px; }
 .la-actions { gap:2px; }
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:16px; }
 .la-menu-preview[data-variant="3"] .la-categories { gap:14px; }
}
@media (max-width:1179px) {
 .la-menu-preview .la-categories { display:none; }
 .la-menu-preview .la-drawer-toggle { display:inline-flex; }
 .la-menu-preview .la-menu-row { gap:16px; }
 .la-menu-preview .la-brand { font-size:24px; }
 .la-menu-preview[data-variant="3"] .la-inline-search { max-width:none; }
}
@media (max-width:767px) {
 .la-menu-preview .la-menu-row { min-height:56px; gap:7px; padding:0 10px; }
 .la-menu-preview .la-brand { font-size:20px; letter-spacing:-.8px; }
 .la-menu-preview .la-actions { gap:0; margin-left:auto; }
 .la-menu-preview .la-icon { width:36px; height:44px; padding:8px; }
 .la-menu-preview .la-actions a[aria-label="Mon compte"] { display:none; }
 .la-menu-preview[data-variant="3"] .la-inline-search { display:none; }
 .la-menu-preview[data-variant="3"] .la-search-toggle { display:inline-flex; }
 .la-preview-picker { bottom:10px; left:50%; padding:10px 12px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .la-menu-preview *, .la-drawer * { scroll-behavior:auto!important; transition:none!important; } }

.la-preview-active body { padding-top:var(--la-menu-height,65px); }
.la-panel .loft-furniture-family a { color:#414141; }
.la-panel .loft-furniture-family a:hover { color:#9b0a10; }
@media(max-width:767px) { .la-menu-preview[data-variant] .la-menu-row { min-height:56px; } }

/* Version 3: original contact/offers, compact search, 26 October revision. */
.la-menu-preview[data-variant="3"] .la-inline-search { flex:0 1 260px; max-width:260px; min-width:180px; }
.la-v3-utilities { display:flex; align-items:center; justify-content:space-around; gap:22px; flex:1; min-width:0; }
.la-v3-contact { display:flex; flex-direction:column; gap:8px; flex:none; }
.la-v3-contact a { display:flex; align-items:center; gap:8px; white-space:nowrap; font-size:13px; line-height:1.3; color:#363636; text-decoration:none; }
.la-v3-contact i { color:#b0000a; width:13px; text-align:center; }
.la-v3-offer { display:flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; font-size:13px; line-height:1.3; color:#b0000a; text-decoration:none; }
.la-v3-offer > i { font-size:17px; color:#171717; }
.la-v3-offer-words { display:flex; flex-direction:column; align-items:center; gap:2px; }
.la-v3-offer-detail { color:#171717; font-size:13px; font-weight:700; }
.la-v3-contact a:hover,.la-v3-offer:hover { color:#9b0a10; text-decoration:underline; }
.la-menu-preview[data-variant="3"] .la-categories { margin-left:0; }
.la-v3-utilities--drawer { display:none; }
@media (min-width:1600px) {
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:20px; }
 .la-menu-preview[data-variant="3"] .la-categories { gap:18px; }
}
@media (min-width:1180px) and (max-width:1599px) {
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:12px; padding:0 16px; }
 .la-menu-preview[data-variant="3"] .la-inline-search { flex-basis:190px; min-width:150px; max-width:210px; }
 .la-menu-preview[data-variant="3"] .la-inline-search input { font-size:12px; padding-left:10px; }
 .la-menu-preview[data-variant="3"] .la-categories { gap:10px; }
 .la-menu-preview[data-variant="3"] .la-category-link { font-size:12px; }
 .la-menu-preview[data-variant="3"] .la-v3-utilities { gap:12px; }
 .la-menu-preview[data-variant="3"] .la-v3-contact a,
 .la-menu-preview[data-variant="3"] .la-v3-offer,
 .la-menu-preview[data-variant="3"] .la-v3-offer-detail { font-size:12px; }
}
@media (min-width:1000px) and (max-width:1299px) {
 .la-menu-preview[data-variant="3"] .la-categories { display:none; }
 .la-menu-preview[data-variant="3"] .la-inline-search { flex-basis:210px; min-width:150px; }
 .la-menu-preview[data-variant="3"] .la-v3-utilities { gap:12px; }
}
@media (min-width:1000px) and (max-width:1179px) {
 .la-menu-preview[data-variant="3"] .la-inline-search { display:none; }
 .la-menu-preview[data-variant="3"] .la-search-toggle { display:inline-flex; }
}
@media (max-width:999px) {
 .la-menu-row > .la-v3-utilities { display:none; }
 .la-menu-preview[data-variant="3"] .la-inline-search { flex:1; max-width:none; }
 .la-v3-utilities--drawer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; padding:4px 0 22px; margin-bottom:8px; border-bottom:1px solid #e7e4e0; }
 .la-v3-utilities--drawer .la-v3-contact { grid-column:1 / -1; }
 .la-v3-utilities--drawer .la-v3-offer { justify-content:flex-start; }
}

/* Active language flag and the seven native translated destinations. */
.la-language { position:relative; flex:none; }
.la-menu-preview .la-language-trigger { width:52px; gap:5px; padding:6px; }
.la-language-trigger img,.la-language-choice img { width:24px; height:24px; border-radius:50%; object-fit:cover; flex:none; }
.la-language-trigger svg { width:12px; height:12px; }
.la-language-list { position:absolute; right:0; top:calc(100% + 12px); width:205px; padding:7px; border:1px solid #ddd; border-radius:8px; box-shadow:0 6px 20px #0002; background:#fff; max-height:calc(100dvh - var(--la-menu-height,73px) - 20px); overflow:auto; }
.la-menu-preview .la-language-choice { display:flex; align-items:center; gap:13px; min-height:42px; padding:8px 10px; color:#333; font-size:14px; }
.la-language-choice[aria-current=true] { background:#f5f2ee; font-weight:500; border-radius:4px; }
.la-menu-preview .la-language-choice:hover { background:#f5f2ee; color:#9b0a10; }
@media (max-width:767px) {
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:7px; }
 .la-menu-preview .la-language-trigger { width:42px; padding:4px; gap:3px; }
 .la-language-trigger img { width:22px; height:22px; }
 .la-language-trigger svg { width:10px; }
}

.la-menu-preview[data-variant="3"] .la-v3-contact a { color:#363636!important; }
.la-menu-preview[data-variant="3"] .la-language-choice { color:#333!important; }
.la-menu-preview[data-variant="3"] .la-language-choice:hover { color:#9b0a10!important; }

/* Version 3 refinement: white background, original logo and closer offers. */
.la-menu-preview[data-variant="3"] { --la-bg:#fff; }
.la-menu-preview[data-variant="3"] .la-brand--original { padding:0; display:flex; align-items:center; }
.la-menu-preview[data-variant="3"] .la-original-logo { width:180px; height:auto; max-height:54px; object-fit:contain; display:block; }
.la-menu-preview[data-variant="3"] .la-v3-utilities { flex:0 1 auto; justify-content:flex-start; gap:24px; }
.la-menu-preview[data-variant="3"] .la-v3-contact { margin-right:12px; }
.la-menu-preview[data-variant="3"] .la-categories { margin-left:auto; gap:18px; }
.la-menu-preview[data-variant="3"] .la-category-link { font-size:16px; font-weight:500; }
@media (min-width:1300px) and (max-width:1599px) {
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:10px; }
 .la-menu-preview[data-variant="3"] .la-original-logo { width:164px; }
 .la-menu-preview[data-variant="3"] .la-inline-search { flex-basis:160px; min-width:125px; }
 .la-menu-preview[data-variant="3"] .la-v3-utilities { gap:12px; }
 .la-menu-preview[data-variant="3"] .la-v3-contact { margin-right:0; }
 .la-menu-preview[data-variant="3"] .la-categories { gap:10px; }
 .la-menu-preview[data-variant="3"] .la-category-link { font-size:14px; }
}
@media (min-width:1000px) and (max-width:1299px) {
 .la-menu-preview[data-variant="3"] .la-v3-utilities { gap:16px; }
 .la-menu-preview[data-variant="3"] .la-v3-contact { margin-right:0; }
 .la-menu-preview[data-variant="3"] .la-original-logo { width:164px; }
}
@media (max-width:999px) {
 .la-menu-preview[data-variant="3"] .la-actions { margin-left:auto; }
}
@media (max-width:767px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:132px; max-height:40px; }
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:5px; }
}

.la-menu-preview[data-variant="3"] .la-v3-utilities { flex-shrink:0; }
@media (min-width:1600px) and (max-width:1750px) {
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:16px; }
}
@media (min-width:1300px) and (max-width:1399px) {
 .la-menu-preview[data-variant="3"] .la-inline-search { display:none; }
 .la-menu-preview[data-variant="3"] .la-search-toggle { display:inline-flex; }
}
@media (max-width:1299px) {
 .la-menu-preview[data-variant="3"] .la-actions { margin-left:auto; }
}

/* Version 3: fourth category and a slightly larger original logo. */
.la-menu-preview[data-variant="3"] .la-nav-item[data-original="cbp-hrmenu-tab-5"] { display:flex; }
.la-menu-preview[data-variant="3"] .la-original-logo { width:210px; }
@media (min-width:1300px) and (max-width:1699px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:180px; }
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:10px; padding:0 16px; }
 .la-menu-preview[data-variant="3"] .la-inline-search { flex-basis:160px; min-width:125px; }
 .la-menu-preview[data-variant="3"] .la-category-link { font-size:14px; }
 .la-menu-preview[data-variant="3"] .la-categories { gap:10px; }
 .la-menu-preview[data-variant="3"] .la-v3-utilities { gap:12px; }
 .la-menu-preview[data-variant="3"] .la-v3-contact { margin-right:0; }
 .la-menu-preview[data-variant="3"] .la-v3-contact a,
 .la-menu-preview[data-variant="3"] .la-v3-offer,
 .la-menu-preview[data-variant="3"] .la-v3-offer-detail { font-size:12px; }
}
@media (min-width:1300px) and (max-width:1399px) {
 .la-menu-preview[data-variant="3"] .la-menu-row { gap:8px; padding:0 12px; }
 .la-menu-preview[data-variant="3"] .la-categories,
 .la-menu-preview[data-variant="3"] .la-v3-utilities { gap:8px; }
}
@media (min-width:768px) and (max-width:1299px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:180px; }
}
@media (max-width:767px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:140px; }
}

/* Version 3: contact before search, with a larger brand mark. */
.la-menu-preview[data-variant="3"] .la-menu-row > .la-v3-contact { margin-right:0; }
.la-menu-preview[data-variant="3"] .la-original-logo { width:230px; max-height:60px; }
@media (min-width:768px) and (max-width:1699px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:190px; }
}
@media (max-width:999px) {
 .la-menu-preview[data-variant="3"] .la-menu-row > .la-v3-contact { display:none; }
}
@media (max-width:767px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:146px; max-height:40px; }
}
@media (max-width:359px) {
 .la-menu-preview[data-variant="3"] .la-original-logo { width:140px; }
}

/* Center the offer group between search and categories, keeping compact gaps. */
@media (min-width:1300px) {
 .la-menu-preview[data-variant="3"] .la-menu-row > .la-v3-utilities { margin-left:auto; margin-right:auto; }
 .la-menu-preview[data-variant="3"] .la-categories { margin-left:0; }
}

/* Version 3: light warm-grey search surface, matching the supplied reference. */
.la-menu-preview[data-variant="3"] .la-inline-search,
.la-menu-preview[data-variant="3"] .la-expanded-search { background:#eeece8; border-color:#eeece8; }

/* Native mobile header: hidden preview elements must leave no layout or controls. */
.la-menu-preview[hidden], .la-drawer[hidden], .la-preview-picker[hidden] { display:none!important; }
