/* Adaptation mobile validée le 04/10/2026. La police d'origine est héritée. */
.ljo-mobile-only,.ljo-mobile-free { display:none; }
@media (max-width:899px) {
 html { zoom:1!important; --ljo-ui-scale:1; --ljo-layout-width:100vw; --ljo-layout-height:100dvh; }
 body { background:#fcfbfe!important; }
 html body #app#app.ljo-shell { width:100%!important; max-width:none!important; min-width:0!important; padding:0 0 calc(82px + env(safe-area-inset-bottom))!important; }
 html body #app .ljo-mobile-only { display:block; }
 html body #app#app .ljo-mobile-only[hidden],html body #app#app [hidden] { display:none!important; }
 html body #app#app.ljo-shell>.topbar { position:relative!important; inset:auto!important; display:grid!important; grid-template-columns:minmax(0,1fr) 38px auto!important; align-items:center!important; gap:8px!important; width:100%!important; height:auto!important; min-height:0!important; padding:16px 16px 10px!important; border:0!important; background:#fff!important; box-shadow:none!important; }
 html body #app#app.ljo-shell>.topbar .brand { grid-area:1/1!important; margin:0!important; padding:0!important; width:auto!important; max-width:none!important; }
 html body #app#app.ljo-shell>.topbar .brand-name { font-size:20px!important; line-height:1.2!important; letter-spacing:-.6px!important; white-space:nowrap!important; }
 html body #app#app.ljo-shell>.topbar .brand-tag { display:block!important; font-size:11px!important; line-height:1.4!important; margin-top:3px!important; }
 html body #app#app.ljo-shell>.topbar #notificationBell { grid-area:1/2!important; position:relative!important; inset:auto!important; margin:0!important; align-self:center!important; width:36px!important; height:42px!important; border-radius:50%!important; background:#f6f1fb!important; }
 html body #app#app.ljo-shell>.topbar .nav-account-access { grid-area:1/3!important; display:flex!important; margin:0!important; padding:0!important; }
 html body #app#app.ljo-shell>.topbar .nav-account-link { display:flex!important; gap:4px!important; width:auto!important; min-width:0!important; min-height:44px!important; padding:4px 0!important; border:0!important; background:none!important; font-size:12px!important; white-space:nowrap!important; }
 html body #app#app.ljo-shell>.topbar .nav-account-link svg { width:16px!important; height:16px!important; }
 html body #app#app.ljo-shell>.topbar #topAccountActions.hidden,html body #app#app.ljo-shell>.topbar #navGuestAuthBtn.hidden { display:none!important; }
 html body #app#app.ljo-shell>.topbar .ljo-territories,html body #app#app.ljo-shell>.topbar #selectedTerritoryToggle,html body #app#app.ljo-shell>.topbar #profileBubble,html body #app#app.ljo-shell>.topbar #guestAuthBtn { display:none!important; }
 html body #app#app.ljo-shell>.topbar #backBtn:not(.hidden) { grid-column:1/-1!important; justify-self:start; }
 html body #app #ljoMobileLocation { grid-column:1/-1; min-width:0; margin-top:6px; }
 html body #app#app #ljoMobileLocation .desktop-location-compact { width:100%!important; height:auto!important; position:relative!important; border:0!important; margin:0!important; padding:0!important; }
 html body #app#app #ljoMobileLocation #desktopLocationToggle { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; width:100%!important; min-height:46px!important; height:auto!important; padding:11px 13px!important; border:1px solid #e5dced!important; border-radius:11px!important; background:#fff!important; color:#49305e!important; font-size:14px!important; text-align:left!important; }
 html body #app#app #ljoMobileLocation #desktopCityLabel { min-width:0; overflow-wrap:anywhere; }
 html body #app #desktopCityLabel[data-mobile-region]::before { content:attr(data-mobile-region) ' · '; }
 html body #app #ljoMobileLocation .desktop-location-chevron { margin-left:auto; }
 html body #app#app #desktopLocationMenu.ljo-city-menu { max-width:calc(100vw - 24px)!important; z-index:160!important; }
 html body #app#app.ljo-shell>main,html body #app#app.ljo-shell>main:has(>.active) { width:100%!important; max-width:720px!important; min-width:0!important; margin:0 auto!important; padding:8px 16px 12px!important; }
 html body #app#app main>.view { min-width:0!important; max-width:100%!important; }
 html body #app#app.ljo-shell>.bottom-nav { position:fixed!important; top:auto!important; bottom:0!important; left:0!important; right:0!important; width:100%!important; transform:none!important; height:auto!important; min-height:68px!important; padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important; border-top:1px solid #ece5f2!important; background:rgba(255,255,255,.98)!important; box-shadow:0 -3px 16px #3e175208!important; z-index:75!important; }
 html body #app#app.ljo-shell>.bottom-nav .nav-main-group { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; max-width:720px!important; gap:0!important; overflow:visible!important; margin:0 auto!important; padding:0!important; }
 html body #app#app.ljo-shell>.bottom-nav .nav-item { display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:4px!important; min-width:0!important; width:100%!important; height:58px!important; min-height:58px!important; margin:0!important; padding:3px 1px!important; border:0!important; border-radius:0!important; background:none!important; color:#817191!important; font-size:11px!important; font-weight:600!important; box-shadow:none!important; white-space:nowrap!important; }
 html body #app#app.ljo-shell>.bottom-nav .nav-item.active { color:#7541a6!important; border-bottom:3px solid #7541a6!important; }
 html body #app#app.ljo-shell>.bottom-nav .nav-item>span { display:grid!important; place-items:center!important; width:25px!important; height:25px!important; }
 html body #app#app.ljo-shell>.bottom-nav .nav-item svg { width:23px!important; height:23px!important; fill:none; stroke:currentColor; stroke-width:1.8; }
 html body #app#app.ljo-shell>.bottom-nav .publish-nav>span { width:33px!important; height:33px!important; border-radius:50%!important; color:#fff!important; background:#7541a6!important; }
 html body #app#app #headerSearchPanel { display:block!important; position:relative!important; inset:auto!important; order:initial!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:4px 0 12px!important; padding:0!important; transform:none!important; background:none!important; border:0!important; box-shadow:none!important; }
 html body #app#app #headerSearchPanel #desktopSearchZone { display:grid!important; grid-template-columns:minmax(0,1fr) 46px!important; grid-template-rows:46px!important; width:100%!important; height:48px!important; min-height:0!important; padding:0!important; gap:0!important; border:1px solid #dfd3e9!important; border-radius:10px!important; background:#fff!important; }
 html body #app#app #headerSearchPanel .desktop-search-box { display:contents!important; }
 html body #app#app #headerSearchPanel #desktopSearch { grid-area:1/1!important; width:100%!important; min-width:0!important; height:46px!important; border:0!important; padding:0 11px!important; background:transparent!important; font-size:15px!important; }
 html body #app#app #headerSearchPanel #desktopSearchBtn { grid-area:1/2!important; display:grid!important; place-items:center!important; position:static!important; width:46px!important; height:46px!important; margin:0!important; padding:0!important; background:#7541a6!important; border:0!important; border-radius:0 9px 9px 0!important; }
 html body #app#app #headerSearchPanel #desktopSearchBtn svg { width:20px!important; height:20px!important; }
 html body #app#app .topbar>#headerSearchPanel { grid-column:1/-1!important; }
 html body #app#app[data-mobile-view="publish"] #headerSearchPanel { display:none!important; }
 html body #app #view-home .premium-hero { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:0!important; min-height:0!important; height:auto!important; margin:0 0 22px!important; padding:18px 14px 14px!important; border:1px solid #efe7f8!important; border-radius:15px!important; background:linear-gradient(115deg,#f3edfa,#f9f6fc)!important; }
 html body #app #view-home .premium-hero-copy { width:100%!important; padding:0!important; }
 html body #app #view-home #premiumHeroTitle { font-size:25px!important; line-height:1.16!important; letter-spacing:-.75px!important; margin:0 0 9px!important; }
 html body #app #view-home .premium-lead { font-size:15px!important; line-height:1.5!important; margin:0 0 12px!important; }
 html body #app #view-home .premium-actions { display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:9px!important; margin:0!important; padding:0!important; }
 html body #app #view-home .premium-actions>button { width:100%!important; min-height:46px!important; font-size:15px!important; border-radius:10px!important; margin:0!important; white-space:normal!important; }
 html body #app #view-home .premium-section-head { align-items:start!important; gap:8px!important; margin:0 0 10px!important; flex-wrap:wrap!important; }
 html body #app #view-home .premium-section-head>div { padding:0!important; min-width:0!important; flex:1 1 210px; }
 html body #app #view-home .premium-section-head h2 { font-size:21px!important; line-height:1.2!important; letter-spacing:-.45px!important; margin:0 0 4px!important; }
 html body #app #view-home .premium-section-head p { font-size:14px!important; line-height:1.4!important; }
 html body #app #view-home .premium-section-head>.premium-text-link { min-height:36px; margin-left:auto; padding:3px 0!important; font-size:13px!important; }
 html body #app #view-home .premium-available { margin:0 0 24px!important; }
 html body #app #view-home #premiumProfiles { display:grid!important; grid-template-columns:1fr!important; gap:13px!important; width:100%!important; }
 html body #app #view-home #premiumProfiles .premium-profile { min-height:0!important; border:1px solid #e4def1!important; border-radius:14px!important; box-shadow:0 3px 10px #37215c08!important; }
 html body #app #view-home #premiumProfiles .premium-profile-top { grid-template-columns:44px minmax(0,1fr) auto!important; gap:8px!important; padding:12px!important; min-height:70px!important; }
 html body #app #view-home #premiumProfiles .premium-avatar { width:44px!important; height:44px!important; flex-basis:44px!important; }
 html body #app #view-home #premiumProfiles h3 { font-size:18px!important; line-height:1.2!important; overflow-wrap:anywhere; }
 html body #app #view-home #premiumProfiles .premium-member-label { font-size:12px!important; }
 html body #app #view-home #premiumProfiles .premium-portfolio-title { grid-column:auto!important; align-self:center!important; justify-self:end!important; margin:0!important; font-size:11px!important; white-space:normal!important; text-align:right!important; max-width:105px; }
 html body #app #view-home #premiumProfiles .premium-portfolio-link { min-height:44px; }
 html body #app #view-home #premiumProfiles .premium-portfolio-title span { font-size:18px!important; margin-left:2px!important; }
 html body #app #view-home #premiumProfiles .premium-card-body { padding:11px 12px 5px!important; }
 html body #app #view-home #premiumProfiles .premium-card-summary { display:grid!important; grid-template-columns:minmax(0,1fr) 100px!important; gap:10px!important; min-height:0!important; }
 html body #app #view-home #premiumProfiles .premium-specialty { font-size:16px!important; line-height:1.25!important; }
 html body #app #view-home #premiumProfiles .premium-bio { font-size:13px!important; line-height:1.45!important; -webkit-line-clamp:3!important; }
 html body #app #view-home #premiumProfiles .premium-tags { display:flex!important; flex-wrap:wrap!important; gap:4px!important; margin-top:7px!important; }
 html body #app #view-home #premiumProfiles .premium-tags>span { font-size:11px!important; max-width:100%; white-space:normal; }
 html body #app #view-home #premiumProfiles .premium-realizations { display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; width:100%!important; }
 html body #app #view-home #premiumProfiles .premium-realization { width:100%!important; height:65px!important; min-height:65px!important; border-radius:7px!important; padding:0!important; }
 html body #app #view-home #premiumProfiles .premium-realization img { width:100%!important; height:100%!important; object-fit:cover!important; }
 html body #app #view-home #premiumProfiles .premium-realization-empty { font-size:9px!important; line-height:1.2!important; padding:5px 2px!important; }
 html body #app #view-home #premiumProfiles .premium-card-meta { display:flex!important; flex-wrap:wrap!important; align-items:start!important; gap:8px!important; margin:9px 0 4px!important; }
 html body #app #view-home #premiumProfiles .premium-location { margin-left:auto!important; max-width:48%; font-size:11px!important; }
 html body #app #view-home #premiumProfiles .premium-location strong,html body #app #view-home #premiumProfiles .premium-distance { font-size:11px!important; line-height:1.35!important; white-space:normal!important; }
 html body #app #view-home #premiumProfiles .premium-review-score { display:flex!important; align-items:center!important; gap:5px!important; }
 html body #app #view-home #premiumProfiles .premium-stars { display:inline-flex!important; gap:1px!important; }
 html body #app #view-home #premiumProfiles .premium-star,html body #app #view-home #premiumProfiles .premium-star svg { width:17px!important; height:17px!important; }
 html body #app #view-home #premiumProfiles .premium-review-score strong { font-size:12px!important; }
 html body #app #view-home #premiumProfiles .premium-review small { font-size:11px!important; }
 html body #app #view-home #premiumProfiles .premium-profile-bottom { margin:0 12px!important; padding:8px 0 12px!important; min-height:0!important; gap:8px!important; align-items:center!important; }
 html body #app #view-home #premiumProfiles .premium-rate { font-size:19px!important; }
 html body #app #view-home #premiumProfiles .premium-rate small { font-size:12px!important; }
 html body #app #view-home #premiumProfiles .premium-profile-button { min-width:120px!important; min-height:43px!important; padding:10px 13px!important; font-size:13px!important; border-radius:9px!important; }
 html body #app #view-home .premium-categories { margin:0 0 20px!important; }
 html body #app #view-home #premiumCategoryGrid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
 html body #app #view-home #premiumCategoryGrid>button { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; min-width:0!important; min-height:56px!important; padding:10px!important; border:1px solid #e8dfef!important; background:#fff!important; border-radius:10px!important; font-size:12px!important; white-space:normal!important; }
 html body #app #view-home #premiumCategoryGrid svg { width:24px!important; height:24px!important; flex-shrink:0; }
 html body #app #view-home .premium-proof { display:none!important; }
 html body #app .ljo-mobile-free { display:none!important; margin:12px 0 0!important; padding:10px 8px!important; border-radius:8px; background:#e8f5e9; color:#25682f; text-align:center; font-size:12px!important; line-height:1.4; }
 html[data-ljo-mode="free"] body #app .ljo-mobile-free { display:block!important; }
 html body #app #ljoFreeBanner { display:none!important; }
 html body #app #ljoMobileFooter { max-width:720px; margin:8px auto 0; padding:0 16px 12px; }
 html body #app #ljoMobileFooter #ljoAppDownloads { position:static!important; inset:auto!important; width:100%!important; height:auto!important; padding:0!important; margin:0 0 10px!important; }
 html body #app #ljoMobileFooter #ljoGooglePlay { display:none!important; }
 html body #app #ljoMobileFooter #ljoDownloadChoice { max-width:none!important; min-height:44px!important; background:#f0e8f9!important; color:#7541a6!important; box-shadow:none!important; }
 html body #app #ljoMobileFooter .ljo-mobile-extras { display:flex; justify-content:center; gap:12px; }
 html body #app #ljoMobileFooter .nav-item { position:static!important; transform:none!important; display:flex!important; align-items:center; gap:5px; width:auto!important; height:auto!important; min-height:44px!important; padding:6px!important; margin:0!important; background:none!important; border:0!important; box-shadow:none!important; color:#7541a6!important; font-size:12px!important; }
 html body #app #ljoMobileFooter .nav-item svg { width:16px; height:16px; fill:none; stroke:currentColor; }
 html body #app#app .ljo-site-footer { margin-top:4px!important; padding:12px 16px!important; }
 html body #app #view-nearby.active { display:flex!important; flex-direction:column!important; gap:12px!important; }
 html body #app #view-nearby .opp-heading { order:0; display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:10px!important; margin:0!important; padding:18px 14px 14px!important; background:#f3edfa!important; border-radius:15px!important; }
 html body #app #view-nearby .opp-heading h1 { font-size:24px!important; line-height:1.2!important; margin:0 0 8px!important; letter-spacing:-.6px!important; }
 html body #app #view-nearby .opp-heading p { font-size:15px!important; line-height:1.4!important; }
 html body #app #view-nearby .opp-heading>.premium-primary { width:100%!important; min-height:46px!important; align-self:stretch!important; font-size:14px!important; }
 html body #app #view-nearby #headerSearchPanel { margin:2px 0!important; }
 html body #app .ljo-mobile-filter-row { display:grid; grid-template-columns:minmax(0,1fr) 105px; gap:8px; }
 html body #app .ljo-mobile-filter-row button { min-height:45px; min-width:0; border:1px solid #e1d7ed; border-radius:10px; padding:9px; background:#fff; color:#4a315e; font:inherit; font-size:13px; }
 html body #app #view-nearby #oppCategories { order:1; display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; width:100%!important; gap:7px!important; padding:2px 0 6px!important; margin:0!important; scrollbar-width:thin; }
 html body #app #view-nearby .opp-category { flex:0 0 auto!important; font-size:13px!important; padding:9px 13px!important; min-height:40px!important; }
 html body #app #view-nearby>.opp-toolbar { order:2; display:none!important; margin:0!important; padding:12px!important; background:#f7f3fb; border-radius:12px; }
 html body #app #view-nearby.ljo-mobile-filters>.opp-toolbar { display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
 html body #app #view-nearby .opp-filter { flex:1 1 125px; min-height:44px; }
 html body #app #view-nearby #oppAdvanced { order:3; max-width:100%; }
 html body #app #view-nearby #oppNotice { order:4; margin:0!important; font-size:12px!important; }
 html body #app #view-nearby .opp-workspace { order:5; display:block!important; width:100%!important; margin:0!important; }
 html body #app #view-nearby .opp-results-head { gap:6px!important; margin:0 0 10px!important; font-size:12px!important; }
 html body #app #view-nearby .opp-results-head strong { font-size:12px!important; }
 html body #app #view-nearby #oppSort { font-size:12px!important; width:130px!important; padding:8px!important; }
 html body #app #view-nearby .opp-list { display:grid!important; grid-template-columns:1fr!important; gap:13px!important; }
 html body #app #view-nearby .opp-card { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:10px!important; padding:15px!important; border:1px solid #e6ddef!important; border-radius:14px!important; box-shadow:0 2px 8px #44205d06!important; min-height:0!important; }
 html body #app #view-nearby .opp-card>.opp-avatar { display:none!important; }
 html body #app #view-nearby .opp-card-copy { grid-column:1/-1!important; padding:0!important; min-width:0!important; }
 html body #app #view-nearby .opp-card-title { align-items:center!important; gap:10px!important; }
 html body #app #view-nearby .opp-card-title>svg { display:block!important; width:34px!important; height:34px!important; padding:7px; box-sizing:content-box; flex-shrink:0; border-radius:10px; background:#f4effa; color:#7541a6; }
 html body #app #view-nearby .opp-card-title h2 { font-size:18px!important; line-height:1.3!important; white-space:normal!important; -webkit-line-clamp:unset!important; }
 html body #app #view-nearby .opp-card-meta { display:flex!important; flex-wrap:wrap!important; gap:7px 12px!important; margin:10px 0!important; font-size:12px!important; }
 html body #app #view-nearby .opp-card-description { font-size:14px!important; line-height:1.5!important; margin:8px 0!important; }
 html body #app #view-nearby .opp-card-right { display:flex!important; align-items:center!important; justify-content:space-between!important; flex-direction:row!important; grid-column:1/-1!important; width:100%!important; min-width:0!important; gap:8px!important; }
 html body #app #view-nearby .opp-price { font-size:19px!important; color:#7541a6!important; white-space:normal!important; }
 html body #app #view-nearby .opp-price-label { font-size:14px!important; }
 html body #app #view-nearby .opp-heart { position:static!important; width:40px!important; height:40px!important; }
 html body #app #view-nearby .opp-card-actions { grid-column:1/-1!important; display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin:0!important; padding:0!important; }
 html body #app #view-nearby .opp-open { flex:1 1 165px!important; min-height:44px!important; background:#7541a6!important; color:#fff!important; border:0!important; border-radius:9px!important; font-size:13px!important; }
 html body #app #view-nearby .opp-apply { min-height:44px!important; font-size:13px!important; }
 html body #app #view-nearby #oppMobileMap { order:6; position:static!important; transform:none!important; margin:0 auto!important; min-height:44px; }
 html body #app #view-nearby #oppMapPanel { display:none!important; }
 html body #app #view-nearby.opp-show-map #oppMapPanel { display:block!important; margin-top:12px; }
 html body #app #ljoMobileQuick { padding:19px 15px 15px; border:1px solid #eee5f8; border-radius:15px; background:linear-gradient(115deg,#f3edfa,#faf7fd); }
 html body #app #ljoMobileQuick h1 { font-size:25px; line-height:1.2; letter-spacing:-.6px; color:#352047; margin:0 0 9px; }
 html body #app #ljoMobileQuick h1 em { font-style:normal; color:#7541a6; }
 html body #app #ljoMobileQuick>p { font-size:15px; line-height:1.5; margin:0 0 18px; color:#7b6988; }
 html body #app #ljoMobileQuickForm { display:grid; gap:15px; }
 html body #app #ljoMobileQuickForm label { display:grid; gap:7px; font-size:14px; font-weight:650; color:#49305e; }
 html body #app #ljoMobileQuickForm input,html body #app #ljoMobileQuickForm select { width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid #dfd4e9; border-radius:10px; background:#fff; color:#49305e; font:inherit; font-size:16px; font-weight:400; box-sizing:border-box; }
 html body #app #ljoMobileQuickForm input:focus-visible,html body #app #ljoMobileQuickForm select:focus-visible { outline:2px solid #7541a6; outline-offset:2px; }
 html body #app #ljoMobileQuickForm>button,html body #app #ljoMobileQuick>.premium-secondary { width:100%; min-height:46px; border-radius:10px; font:inherit; font-size:15px; }
 html body #app #ljoMobileQuickForm>button { background:#7541a6; color:white; border:0; font-weight:650; padding:12px; }
 html body #app #ljoMobileQuickForm>button:disabled { opacity:.65; }
 html body #app #ljoMobileQuick .ljo-mobile-help { margin:0; color:#7b6988; font-size:12px; line-height:1.5; text-align:center; }
 html body #app #ljoMobileQuick>.premium-secondary { margin-top:14px; }
 html body #app #ljoMobileAdvanced { display:block; padding:12px 4px; min-height:44px; margin:7px auto 0; border:0; background:none; color:#7541a6; font:inherit; font-size:13px; text-decoration:underline; }
 html body #app #ljoMobileQuickError { padding:10px; color:#92203d; background:#fff0f3; border-radius:8px; font-size:13px; }
 html body #app #view-publish.ljo-quick-publish>.xp-page-head,html body #app #view-publish.ljo-quick-publish>.xp-publish-layout { display:none!important; }
 html body #app #view-publish:not(.ljo-quick-publish)>#ljoMobileQuick { display:none!important; }
 html body #app #ljoMobileQuickBack { min-height:44px; padding:8px 0; border:0; color:#7541a6; background:none; font:inherit; }
 html body #app #view-publish .xp-publish-layout { display:block!important; width:100%!important; }
 html body #app #view-publish .xp-publish-preview { display:none!important; }
 html body #app #view-publish .xp-publish-form { width:100%!important; padding:15px!important; min-width:0!important; }
 html body #app #view-publish .xp-publish-actions { flex-wrap:wrap!important; }
 html body #app #ljoMobileNearbyJoin { order:7; padding:17px 14px; border-radius:13px; background:#f3edfa; }
 html body #app #ljoMobileNearbyJoin strong { display:block; font-size:17px; color:#352047; line-height:1.35; }
 html body #app #ljoMobileNearbyJoin p { margin:7px 0 12px; color:#7b6988; font-size:14px; }
 html body #app #ljoMobileNearbyJoin button { width:100%; min-height:44px; }
}
@media(max-width:359px) {
 html body #app#app.ljo-shell>.topbar { padding-inline:12px!important; gap:5px!important; grid-template-columns:minmax(0,1fr) 30px auto!important; }
 html body #app#app.ljo-shell>.topbar .brand-name { font-size:18px!important; }
 html body #app#app.ljo-shell>.topbar .brand-tag { font-size:9px!important; }
 html body #app#app.ljo-shell>.topbar .nav-account-link { font-size:11px!important; }
 html body #app#app.ljo-shell>.topbar #notificationBell { width:30px!important; }
 html body #app#app.ljo-shell>main,html body #app#app.ljo-shell>main:has(>.active) { padding-inline:12px!important; }
 html body #app #view-home #premiumProfiles .premium-profile-top { grid-template-columns:38px minmax(0,1fr) 80px!important; gap:6px!important; padding:10px!important; }
 html body #app #view-home #premiumProfiles .premium-avatar { width:38px!important; height:38px!important; }
 html body #app #view-home #premiumProfiles .premium-card-summary { grid-template-columns:minmax(0,1fr) 83px!important; gap:7px!important; }
 html body #app #view-home #premiumProfiles .premium-specialty { font-size:15px!important; }
 html body #app #view-home #premiumProfiles .premium-bio { font-size:12px!important; }
}

@media(max-width:899px) {
 html body #app #ljoMobileQuick h1 { font-size:25px!important; line-height:1.2!important; }
 html body #app #view-home #premiumProfiles .premium-realization-empty { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; }
 html body #app #view-home #premiumProfiles .premium-realization-empty>span { display:none!important; }
 html body #app #view-home #premiumProfiles .premium-realization-empty::after { content:'À venir'; font-size:10px; line-height:1.2; }
 html body #app #view-home #premiumProfiles button.premium-realization-empty::after { content:'Ajouter'; }
 html body #app #view-home #premiumProfiles .premium-realization-empty>svg { display:block!important; width:17px!important; height:17px!important; flex-shrink:0; }
 html body #app #view-home #premiumCategoryGrid>button { flex-direction:row!important; }
 html body #app #view-home #premiumCategoryGrid>button>span { font-size:12px!important; }
 html body #app .ljo-site-footer { display:flex!important; flex-direction:column!important; align-items:center!important; gap:9px!important; margin:8px auto 0!important; }
 html body #app .ljo-site-footer>span { font-size:12px!important; }
 html body #app .ljo-site-footer .ljo-legal-links { display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:5px 12px!important; padding:0!important; border:0!important; }
 html body #app .ljo-site-footer .ljo-legal-links>a,html body #app .ljo-site-footer .ljo-legal-links>button { padding:6px 0!important; font-size:11px!important; line-height:1.35!important; }
}
