:root{
  --brand-blue:#637FB8;
  --bg:#f4f2ee;
  --panel:#ffffff;
  --panel2:#ebe9e4;
  --panel3:#f8f7f4;
  --text:#1f2024;
  --muted:#56585e;
  --label:#36383e;
  --border:#d2cfc9;
  --border-strong:#bbb7af;
  --blue1:#637FB8;
  --blue2:#4E69A0;
  --blue3:#3F598A;
  --copper:#a95f43;
  --copper-soft:#bf795c;
  --prune:#9A3F58;
  --success:#347358;
  --danger:#a94c47;
  --shadow-sm:0 4px 14px rgba(25,29,40,.045);
  --shadow-md:0 12px 30px rgba(25,29,40,.075);
  --radius-sm:11px;
  --radius-md:15px;
  --radius-lg:20px;
  --radius-xl:26px;
}
html[data-theme='dark']{
  --brand-blue:#5F7CB4;
  --bg:#16171a;
  --panel:#202126;
  --panel2:#282a30;
  --panel3:#1b1c20;
  --text:#f3f0e9;
  --muted:#b4b1ab;
  --label:#d8d4cc;
  --border:#393b43;
  --border-strong:#4c4f59;
  --blue1:#5F7CB4;
  --blue2:#4B669A;
  --blue3:#3F5787;
  --copper:#d18461;
  --copper-soft:#e0a084;
  --prune:#C46279;
  --success:#7bb597;
  --danger:#df7a74;
  --shadow-sm:none;
  --shadow-md:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue1) color-mix(in srgb,var(--bg) 90%,var(--panel))}
/* Babidee V4.3.18.12 — barre de défilement navigateur aux couleurs du site */
html::-webkit-scrollbar{width:12px}
html::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg) 90%,var(--panel))}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue1) 0%,var(--blue2) 100%);border:3px solid color-mix(in srgb,var(--bg) 90%,var(--panel));border-radius:999px;background-clip:padding-box}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--blue1) 92%,white),var(--blue2));background-clip:padding-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline-offset:3px}
a{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.025em}
.shell{width:min(100%,1500px);margin:0 auto;padding:0 32px 56px}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:40;border-bottom:1px solid color-mix(in srgb,var(--border) 62%,transparent)}
.brandWrap{display:flex;align-items:center;gap:11px;min-width:0}
.brandMark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(155deg,var(--blue1),var(--blue3));color:#fff;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.16);border:1px solid color-mix(in srgb,var(--copper) 52%,transparent)}
.brand{font-weight:850;letter-spacing:-.048em;font-size:24px;text-decoration:none;color:var(--text);line-height:1}
.brand b{color:var(--blue1)}
.brandTagline{display:block;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.02em;margin-top:4px}
.actions{display:flex;gap:9px;align-items:center}
.btn,.ghost{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;text-decoration:none;cursor:pointer;font-weight:720;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;padding:10px 15px}
.btn{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,var(--blue1) 0%,var(--blue2) 100%);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px color-mix(in srgb,var(--blue3) 18%,transparent)}
.btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--blue1) 92%,white),var(--blue2))}
.ghost{border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}
.ghost:hover{border-color:var(--border-strong);background:var(--panel3)}
.themeSelect{min-height:42px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 34px 9px 12px;border-radius:12px;font-weight:650;box-shadow:var(--shadow-sm)}
.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:22px;margin:28px 0 24px}
.heroMain,.heroAside{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
.heroMain{padding:36px 38px}
.heroAside{padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.eyebrow,.category{color:var(--blue2);font-size:11px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}
.hero h1{font-size:clamp(32px,4.3vw,58px);line-height:.99;max-width:840px;margin:12px 0 16px;letter-spacing:-.052em;font-weight:850}
.hero p{color:var(--muted);font-size:16px;line-height:1.65;max-width:760px;margin-bottom:24px}
.heroAsideTitle{font-size:13px;color:var(--muted);font-weight:700}
.heroAsideValue{font-size:28px;font-weight:850;letter-spacing:-.04em;margin:7px 0 4px}
.heroAsideCopy{color:var(--muted);font-size:13px;line-height:1.55}
.heroAccent{height:2px;background:linear-gradient(90deg,var(--blue1),var(--copper));border-radius:99px;margin:18px 0}
.search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:830px}
.search input,.field{width:100%;border:1px solid var(--border);background:var(--panel3);color:var(--text);padding:13px 14px;border-radius:12px;min-height:46px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.search input:focus,.field:focus{border-color:var(--blue1);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue1) 16%,transparent);background:var(--panel)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.sectionTitle{font-size:22px;margin:0;font-weight:820}
.resultCount{font-size:13px;color:var(--muted)}
.filters{display:flex;gap:8px;overflow:auto;padding:2px 2px 12px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.chip{min-height:38px;white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:680;box-shadow:var(--shadow-sm);transition:.15s ease}
.chip:hover{border-color:var(--border-strong)}
.chip.active{background:linear-gradient(180deg,var(--blue1),var(--blue2));color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:19px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative}
.card:hover{border-color:color-mix(in srgb,var(--copper) 76%,var(--border));transform:translateY(-2px);box-shadow:var(--shadow-md)}
.card.finalHour{border-color:color-mix(in srgb,var(--copper) 70%,var(--border))}
.art{aspect-ratio:1.34/1;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--blue1) 20%,transparent),transparent 36%),radial-gradient(circle at 84% 78%,color-mix(in srgb,var(--copper) 15%,transparent),transparent 38%),var(--panel2);display:flex;align-items:center;justify-content:center;font-size:58px;position:relative;border-bottom:1px solid color-mix(in srgb,var(--border) 74%,transparent)}
.badge{position:absolute;left:12px;top:12px;border:1px solid color-mix(in srgb,var(--copper) 40%,transparent);background:color-mix(in srgb,var(--copper) 9%,var(--panel));color:var(--copper);border-radius:999px;padding:6px 10px;font-size:10px;line-height:1;font-weight:850;letter-spacing:.035em}
.heart{position:absolute;right:12px;top:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 89%,transparent);color:var(--text);width:37px;height:37px;border-radius:50%;cursor:pointer;font-size:17px;display:grid;place-items:center;backdrop-filter:blur(8px)}
.content{padding:18px 18px 17px}
.title{font-weight:820;margin:7px 0 5px;line-height:1.25;font-size:16px;letter-spacing:-.018em;min-height:40px}
.sub{color:var(--muted);font-size:13px;line-height:1.45}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--border);margin-top:16px;padding-top:14px}
.label{display:block;color:var(--label);font-size:11px;font-weight:760;letter-spacing:.015em;margin-bottom:3px}
.price{font-weight:850;font-size:22px;letter-spacing:-.035em;line-height:1.15}
.time{font-weight:830;font-size:16px;letter-spacing:-.02em}
.copper{color:var(--copper)}
.full{width:100%;margin-top:15px}
.status{display:inline-flex;align-items:center;gap:6px;font-weight:780;color:var(--blue1);font-size:12px;background:color-mix(in srgb,var(--blue1) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--blue1) 25%,var(--border));border-radius:999px;padding:6px 9px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}
.pageHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 22px}
.pageHeader h1{font-size:34px;line-height:1;margin:0 0 7px;font-weight:850}
.pageHeader p{margin:0}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}
.metric{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:18px 19px;box-shadow:var(--shadow-sm)}
.metric strong{display:block;font-size:30px;letter-spacing:-.045em;line-height:1.1;margin-bottom:6px}
.metric span{color:var(--muted);font-size:12px;font-weight:650}
.sectionBlock{margin-top:32px}
.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.sectionHeader h2{font-size:20px;margin:0;font-weight:820}
.list{display:grid;gap:11px}
.order{border:1px solid var(--border);border-radius:16px;padding:16px 17px;background:var(--panel);box-shadow:var(--shadow-sm)}
.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.small{font-size:12px;color:var(--muted);line-height:1.5}
.login{max-width:460px;margin:54px auto 0;padding:30px}
.login h1{font-size:31px;margin-bottom:8px}
.login .field{margin-top:5px;margin-bottom:13px}
.notice{border:1px solid color-mix(in srgb,var(--copper) 24%,var(--border));border-left:3px solid var(--copper);padding:12px 14px;background:color-mix(in srgb,var(--copper) 7%,var(--panel));border-radius:11px;color:var(--label);font-size:13px;line-height:1.55}
.two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;align-items:start}
.detailLayout{margin-top:28px}
.detail-art{min-height:520px;border-radius:22px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--blue1) 22%,transparent),transparent 42%),radial-gradient(circle at 75% 78%,color-mix(in srgb,var(--copper) 14%,transparent),transparent 36%),var(--panel2);display:flex;align-items:center;justify-content:center;font-size:112px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.detailPanel{position:static;top:auto;padding:26px}
.detailPanel h1{font-size:34px;line-height:1.08;margin:10px 0 7px;font-weight:850}
.detailMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.detailStats{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;margin:18px 0}
.detailStats .price{font-size:27px}
.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.formGroup label{margin-bottom:6px}
.formActions{display:flex;align-items:center;gap:10px;margin-top:18px}
.emptyState{padding:28px;text-align:center;color:var(--muted)}
.error{color:var(--danger)}
.ok{color:var(--success)}
.mobileDock{display:none}

@media(max-width:1180px){
  .shell{padding-left:24px;padding-right:24px}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
  .hero{grid-template-columns:1fr .48fr}
}
@media(max-width:900px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two{grid-template-columns:1fr}
  .detailPanel{position:static}
  .hero{grid-template-columns:1fr}
  .heroAside{display:none}
  .actions .hide-mobile{display:none}
}
@media(max-width:620px){
  body{font-size:14px;padding-bottom:72px}
  .shell{padding:0 15px 28px}
  .topbar{min-height:62px;padding:9px 0}
  .brandMark{width:34px;height:34px;border-radius:11px}
  .brand{font-size:21px}
  .brandTagline{display:none}
  .actions .btn{min-height:39px;padding:8px 12px;font-size:13px}
  .hero{margin:18px 0 17px}
  .heroMain{padding:24px 20px;border-radius:20px}
  .hero h1{font-size:34px;line-height:1.02;margin-top:10px}
  .hero p{font-size:14px;line-height:1.55;margin-bottom:18px}
  .search{grid-template-columns:1fr}
  .search .btn{width:100%}
  .toolbar{align-items:flex-end;margin-bottom:12px}
  .sectionTitle{font-size:19px}
  .filters{margin-left:-1px;margin-right:-1px;padding-bottom:13px}
  .chip{min-height:36px;padding:7px 12px;font-size:12px}
  .grid{grid-template-columns:1fr;gap:15px}
  .card{border-radius:18px}
  .art{aspect-ratio:1.45/1;font-size:55px}
  .content{padding:16px}
  .title{min-height:auto;font-size:16px}
  .btn,.ghost{min-height:41px}
  .pageHeader{align-items:flex-start;flex-direction:column;margin:22px 0 18px}
  .pageHeader h1{font-size:29px}
  .pageHeader .actions{width:100%}
  .pageHeader .actions .btn{flex:1}
  .dashboard{gap:10px;margin-bottom:24px}
  .metric{padding:15px}
  .metric strong{font-size:26px}
  .panel{padding:18px;border-radius:17px}
  .login{margin-top:24px;padding:22px 19px}
  .formGrid{grid-template-columns:1fr;gap:13px}
  .detailLayout{margin-top:17px}
  .detail-art{min-height:300px;border-radius:18px;font-size:82px}
  .detailPanel{padding:20px}
  .detailPanel h1{font-size:29px}
  .detailStats{gap:12px}
  .sectionBlock{margin-top:26px}
  .mobileDock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:9px;z-index:50;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--border);border-radius:17px;padding:7px 6px;box-shadow:0 12px 36px rgba(15,18,26,.18);backdrop-filter:blur(16px)}
  .mobileDock a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:10px;font-weight:700;padding:5px 3px;border-radius:11px}
  .mobileDock a b{font-size:17px;line-height:1.15;color:var(--label)}
  .mobileDock a.primary{color:var(--blue1)}
  .mobileDock a.primary b{color:var(--blue1)}
}

/* Photos & carrousels */
.art img{width:100%;height:100%;object-fit:cover;display:block}
.productCarousel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.productCarousel.fallback{min-height:430px;display:grid;place-items:center;font-size:92px;background:radial-gradient(circle at 18% 15%,color-mix(in srgb,var(--blue1) 18%,transparent),transparent 36%),radial-gradient(circle at 82% 80%,color-mix(in srgb,var(--copper) 13%,transparent),transparent 38%),var(--panel2)}
.productCarouselMain,.pickerMain{position:relative;background:var(--panel2);overflow:hidden}
.productCarouselMain{aspect-ratio:1.08/1}
.productCarouselMain img,.pickerMain img{width:100%;height:100%;object-fit:contain;display:block;background:var(--panel2)}
.carouselArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);display:grid;place-items:center;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease}
.carouselArrow:hover{background:var(--panel);border-color:var(--border-strong)}
.carouselArrow.left{left:14px}.carouselArrow.right{right:14px}
.photoCounter{position:absolute;right:13px;bottom:13px;z-index:3;padding:6px 9px;border-radius:999px;background:rgba(20,22,27,.72);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.photoThumbRail{display:flex;gap:8px;padding:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;background:var(--panel)}
.photoThumb{flex:0 0 66px;width:66px;height:58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--panel2);cursor:pointer;position:relative;scroll-snap-align:start;transition:border-color .15s ease,opacity .15s ease}
.photoThumb img{width:100%;height:100%;object-fit:cover;display:block}
.photoThumb.active{border-color:var(--blue1)}
.photoThumb span{position:absolute;right:4px;bottom:4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:rgba(20,22,27,.7);color:#fff;font-size:9px;font-weight:800}
.photoPicker{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--panel3)}
.photoPicker.compact{margin-top:0;width:min(100%,760px);background:var(--panel);padding:14px}
.photoPickerHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}
.photoRequirement{white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:10px;font-weight:800;background:var(--panel)}
.photoRequirement.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:color-mix(in srgb,var(--success) 8%,var(--panel))}
.photoEmpty{min-height:205px;border:1px dashed var(--border-strong);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:24px;color:var(--muted);background:var(--panel)}
.photoEmptyIcon{font-size:36px;color:var(--blue1);line-height:1}.photoEmpty b{color:var(--label);font-size:14px}.photoEmpty span{font-size:12px;max-width:460px}
.pickerCarousel{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}
.pickerMain{height:360px}.photoPicker.compact .pickerMain{height:260px}
.coverBadge{position:absolute;left:13px;top:13px;z-index:3;background:linear-gradient(180deg,var(--blue1),var(--blue2));color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:820}
.pickerActions{display:flex;justify-content:center;gap:8px;padding:10px;border-top:1px solid var(--border)}
.pickerActions .ghost{min-height:36px;padding:7px 10px;font-size:11px}.pickerActions button:disabled{opacity:.4;cursor:default}
.dangerGhost{color:var(--danger)!important}
.photoAddActions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.photoAddActions button{flex:1;min-width:190px}
.cameraButton{display:inline-flex}
.packagePreparation{width:100%;display:grid;gap:11px;margin-top:4px}
.packageReady{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--success) 32%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--success) 7%,var(--panel))}
.savedPackagePhotos{margin-top:15px;padding-top:13px;border-top:1px solid var(--border)}
.savedPhotoRail{display:flex;gap:8px;overflow-x:auto;margin-top:7px}
.savedPhotoRail img{width:82px;height:66px;flex:0 0 82px;object-fit:cover;border-radius:9px;border:1px solid var(--border);background:var(--panel2)}
@media(max-width:760px){
  .productCarouselMain{aspect-ratio:1/1}.productCarousel.fallback{min-height:300px}
  .carouselArrow{width:38px;height:38px}.carouselArrow.left{left:9px}.carouselArrow.right{right:9px}
  .photoPicker{padding:14px;margin-top:16px}.photoPickerHeader{flex-direction:column;gap:8px}.pickerMain{height:300px}.photoPicker.compact .pickerMain{height:240px}
  .pickerActions{justify-content:stretch}.pickerActions .ghost{flex:1;padding:7px 6px}
  .photoAddActions{display:grid;grid-template-columns:1fr 1fr}.photoAddActions button{min-width:0;width:100%}
  .packageReady{align-items:flex-start;flex-direction:column}.packageReady .btn{width:100%}
}

/* Arborescence catégories */
.categoryFilterBar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;min-width:0}
.mainCategoryTabs{flex:1;min-width:0;padding-bottom:2px}
.secondaryFilters{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex:0 0 auto}
.subcategoryControl{display:grid;gap:4px;min-width:270px}
.subcategoryControl>span{font-size:10px;color:var(--muted);font-weight:780;letter-spacing:.025em;padding-left:3px}
.subcategorySelect{min-height:38px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:11px;padding:7px 34px 7px 11px;font-weight:680;box-shadow:var(--shadow-sm);max-width:360px}
.categoryCascadeGroup{align-self:start}
.categoryCascade{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel3)}
.categoryLevel{display:grid;gap:4px}
.categoryLevel>span{font-size:10px;color:var(--muted);font-weight:760;padding-left:2px}
.categoryLevel .field{margin:0;background:var(--panel)}
.selectedCategoryPath{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.45}
.selectedCategoryPath b{color:var(--label)}
@media(max-width:900px){
  .categoryFilterBar{align-items:stretch;flex-direction:column;gap:8px}
  .mainCategoryTabs{width:100%;padding-bottom:4px}
  .secondaryFilters{width:100%;justify-content:space-between;align-items:flex-end}
  .subcategoryControl{flex:1;min-width:0}.subcategorySelect{width:100%;max-width:none}
}
@media(max-width:600px){
  .secondaryFilters{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
  .subcategoryControl{min-width:0}.subcategorySelect{font-size:12px}
}

/* Navigation fonctionnelle + 2ème chance */
.mainNav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;margin:0 18px}
.mainNav a{padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:720;transition:color .15s ease,background .15s ease}
.mainNav a:hover{color:var(--text);background:var(--panel2)}
.quickActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 26px}
.quickAction{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid var(--border);border-radius:15px;background:var(--panel);box-shadow:var(--shadow-sm);text-decoration:none;transition:border-color .15s ease,background .15s ease}
.quickAction:hover{border-color:var(--border-strong);background:var(--panel3)}
.quickIcon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--blue1) 11%,var(--panel));border:1px solid color-mix(in srgb,var(--blue1) 24%,var(--border));color:var(--blue1);font-size:18px;font-weight:850}
.quickAction span:last-child{min-width:0}.quickAction b{display:block;font-size:13px;line-height:1.25}.quickAction small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:3px}
.secondChanceHeader{margin-bottom:14px}.secondChanceHeader p{max-width:760px}
.secondChanceRule{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--copper) 30%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--copper) 7%,var(--panel));color:var(--label);font-size:12px;font-weight:650}
.secondChanceRule:first-letter{color:var(--copper)}
.secondChanceBadge,.secondChanceStatus{color:var(--copper)!important;border-color:color-mix(in srgb,var(--copper) 40%,var(--border))!important;background:color-mix(in srgb,var(--copper) 9%,var(--panel))!important}
.offerBox{margin-top:18px;padding-top:17px;border-top:1px solid var(--border)}
.offerBox h2{font-size:19px;margin-bottom:5px}.offerMessageLabel{margin-top:12px}.offerTextarea{min-height:105px;resize:vertical}
.inlineLink{display:inline-block;margin-top:9px;color:var(--blue1);font-weight:700}
.priceWithBadge{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secondChancePriceBadge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--copper) 40%,var(--border));background:color-mix(in srgb,var(--copper) 9%,var(--panel));color:var(--copper);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}
.messageThreadList{display:grid;gap:16px}.messageThread{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}
.messageThreadHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.threadProduct{display:flex;align-items:center;gap:12px;min-width:0}.threadProduct img,.threadFallback{width:64px;height:58px;border-radius:11px;object-fit:cover;background:var(--panel2);border:1px solid var(--border);flex:0 0 64px}.threadFallback{display:grid;place-items:center;color:var(--copper);font-size:25px}.threadProduct h2{font-size:17px;margin:5px 0 2px}.threadOffer{text-align:right;flex:0 0 auto}.threadOffer strong{display:block;font-size:22px;letter-spacing:-.035em}.threadOffer small{display:block;color:var(--copper);font-size:10px;font-weight:800;margin-top:3px}
.messageRail{display:flex;flex-direction:column;gap:8px;padding:16px 0;max-height:400px;overflow:auto}.messageBubble{max-width:min(76%,620px);align-self:flex-start;padding:10px 12px;border-radius:13px 13px 13px 4px;background:var(--panel2);border:1px solid var(--border);font-size:13px}.messageBubble.own{align-self:flex-end;border-radius:13px 13px 4px 13px;background:color-mix(in srgb,var(--blue1) 10%,var(--panel));border-color:color-mix(in srgb,var(--blue1) 24%,var(--border))}.messageBubble.offerBubble{border-color:color-mix(in srgb,var(--copper) 30%,var(--border))}.messageBubble p{margin:4px 0 0}.messageBubble b{font-size:16px}.messageBubble time{display:block;color:var(--muted);font-size:9px;margin-top:5px}.messageKind{display:block;color:var(--copper);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.negotiationBar,.acceptedPayment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid var(--border)}.counterBox{margin-top:11px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel3)}.counterRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chatComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:11px}.acceptedPayment{border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));border-radius:12px;padding:12px 13px;background:color-mix(in srgb,var(--success) 7%,var(--panel))}
@media(max-width:1050px){.mainNav{display:none}.quickActions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.quickActions{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.quickAction{padding:11px}.quickIcon{width:32px;height:32px;flex-basis:32px}.quickAction small{display:none}.secondChanceRule{align-items:flex-start}.messageThread{padding:14px}.messageThreadHead{flex-direction:column}.threadOffer{text-align:left}.messageBubble{max-width:90%}.negotiationBar,.acceptedPayment{align-items:flex-start;flex-direction:column}.negotiationBar .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.negotiationBar .actions button:last-child:nth-child(3){grid-column:1/-1}.counterRow,.chatComposer{grid-template-columns:1fr}.acceptedPayment .btn{width:100%}}

/* Profils publics, confiance et espace compte unifié */
.profileLink{color:var(--blue1);font-weight:760;text-decoration:none}.profileLink:hover{text-decoration:underline}
.profilePage{display:grid;gap:16px;padding-bottom:36px}.profileHero{display:flex;justify-content:space-between;align-items:center;gap:22px}.profileIdentity{display:flex;align-items:center;gap:16px;min-width:0}.profileIdentity h1{margin:3px 0 5px}.profileAvatar{width:86px;height:86px;object-fit:cover;border-radius:24px;border:1px solid var(--border);background:var(--panel2);box-shadow:var(--shadow-sm)}.profileAvatar.fallback{display:grid;place-items:center;font-size:32px;font-weight:850;color:var(--blue1);background:color-mix(in srgb,var(--blue1) 10%,var(--panel))}.trustCard{min-width:180px;padding:14px 16px;border-radius:15px;border:1px solid color-mix(in srgb,var(--blue1) 30%,var(--border));background:color-mix(in srgb,var(--blue1) 7%,var(--panel));text-align:right}.trustCard strong{display:block;font-size:32px;line-height:1;margin:6px 0;color:var(--text)}.trustCard small{color:var(--muted);font-weight:720}.profileBio h2,.reviewPanel h2{margin-top:0}.profileBio p{margin-bottom:0;line-height:1.65}.profileTabs{display:flex;gap:7px;flex-wrap:wrap}.reviewAverage{display:flex;align-items:center;gap:8px;margin-top:7px}.stars{display:inline-flex;gap:1px;color:var(--border-strong);font-size:17px}.stars .on{color:#e4a11b}.ratingDistribution{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:14px}.ratingRow{display:grid;grid-template-columns:40px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.ratingRow>b{text-align:right;color:var(--label)}.ratingTrack{height:8px;border-radius:99px;background:var(--panel2);overflow:hidden}.ratingTrack i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue2),var(--blue1))}.reviewList{display:grid;gap:10px;margin-top:14px}.reviewCard{padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--panel3)}.reviewCard p{margin:10px 0 6px;line-height:1.5}.reviewCard time{color:var(--muted);font-size:10px}.emptyState.compact{padding:20px}.accountTabs{margin:-8px 0 22px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.accountSplit{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profileEditor{margin-top:4px}.profileEditGrid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.avatarEditor{display:flex;flex-direction:column;align-items:center;gap:10px}.fileButton{position:relative;overflow:hidden}.fileButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.profileBioField{min-height:135px;resize:vertical}.reviewComposer{margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}.reviewForm{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel3)}.reviewForm textarea{min-height:88px;resize:vertical}.starPicker{display:flex;gap:4px}.starPicker button{border:0;background:transparent;color:var(--border-strong);font-size:27px;cursor:pointer;padding:0 2px}.starPicker button.selected{color:#e4a11b}.messagePolicy{margin-bottom:12px}.messageTabs{margin-bottom:16px}
@media(max-width:760px){.profileHero{align-items:flex-start;flex-direction:column}.trustCard{width:100%;text-align:left}.profileEditGrid,.accountSplit{grid-template-columns:1fr}.avatarEditor{align-items:flex-start}.profileAvatar{width:74px;height:74px;border-radius:20px}.reviewPanel .sectionHeader{align-items:flex-start;flex-direction:column}.profileTabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.profileTabs .chip{white-space:nowrap}.accountTabs{margin-top:-4px}}

/* Icônes Lucide + compte/paiements */
.iconText{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.iconText svg,.quickIcon svg,.mobileDock svg,.verifiedInline svg{flex:0 0 auto}
.mobileDock a b{display:none}
.heart{display:grid!important;place-items:center}.heart svg{pointer-events:none}
.art>svg,.productCarousel.fallback>svg{color:var(--blue1)}
.verifiedInline{display:inline-flex;align-items:center;gap:4px;margin-left:5px;color:var(--blue1);font-weight:760}
.authPanel{max-width:780px;margin:34px auto}.authTabs{margin-bottom:20px}.formGroup.wide{grid-column:1/-1}
.checkRow{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--panel3)}
.checkRow input{margin-top:3px;width:17px;height:17px;accent-color:var(--blue1)}.checkRow span{display:grid;gap:3px}.checkRow small{color:var(--muted);line-height:1.45}
.paymentGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.paymentHead{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.paymentHead svg{color:var(--blue1)}.paymentHead h2{margin:0 0 4px}.paymentHead p{margin:0}
.savedCard,.payoutReady,.payoutMissing{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin:10px 0;background:var(--panel3)}
.savedCard>div,.payoutReady>div{display:grid;gap:2px;flex:1}.savedCard span,.payoutReady span{font-size:11px;color:var(--muted)}.savedCard svg,.payoutReady svg{color:var(--blue1)}
.iconOnly{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted);display:grid;place-items:center;cursor:pointer}.iconOnly:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}
.payoutReady{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--panel))}.payoutReady svg{color:var(--success)}
.payoutMissing{color:var(--copper);border-color:color-mix(in srgb,var(--copper) 35%,var(--border));background:color-mix(in srgb,var(--copper) 7%,var(--panel))}.paymentMessage{grid-column:1/-1}
.feeNotice{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;margin:0 0 16px;border:1px solid color-mix(in srgb,var(--blue1) 25%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--blue1) 6%,var(--panel))}.feeNotice svg{color:var(--blue1);flex:0 0 auto}.feeNotice div{display:grid;gap:3px}.feeNotice span{font-size:11px;color:var(--muted);line-height:1.45}.compactFee{margin-top:12px}
.feeSummary{display:grid;gap:7px;margin-top:14px;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel3)}.feeSummary>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted)}.feeSummary b{color:var(--label)}.feeSummary .feeTotal{padding-top:8px;border-top:1px solid var(--border);font-size:13px}.feeSummary .feeTotal b{font-size:15px;color:var(--text)}
@media(max-width:850px){.paymentGrid{grid-template-columns:1fr}.paymentMessage{grid-column:auto}}
@media(max-width:650px){.authPanel{margin-top:18px}.formGroup.wide{grid-column:auto}.accountTabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.accountTabs .chip{white-space:nowrap}.paymentGrid .panel{padding:16px}}

.stars svg{display:block}.ratingStarLabel{display:inline-flex;align-items:center;gap:3px}.ratingStarLabel svg{color:#e4a11b}.starPicker button{display:grid;place-items:center}.starPicker button svg{display:block}

.feeInline{font-size:10px;color:var(--muted);margin-top:2px}.feeCurrentTotal{font-size:11px;color:var(--label);margin-top:3px}

/* Compte : rendre les informations et paiements immédiatement visibles */
.accountTabs{overflow:visible!important;flex-wrap:wrap!important;padding-bottom:0!important}.accountSettingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.accountSettingCard{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:15px;padding:16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,background .15s ease}.accountSettingCard:hover{border-color:var(--border-strong);background:var(--panel2)}.accountSettingCard>svg{color:var(--blue1);flex:0 0 auto}.accountSettingCard span{min-width:0}.accountSettingCard b,.accountSettingCard small{display:block}.accountSettingCard b{font-size:13px;margin-bottom:3px}.accountSettingCard small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.accountSettingsGrid{grid-template-columns:1fr}.accountTabs{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important}.accountTabs .chip{flex:0 0 auto}}

/* Thème clair/sombre : deux boutons icônes discrets */
.themeToggle{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-sm)}
.themeIcon{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}
.themeIcon:hover{background:var(--panel2);color:var(--text)}
.themeIcon.active{background:linear-gradient(180deg,var(--blue1),var(--blue2));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}

/* Cartes d'enchères compactes + photo cliquable */
.auctionImageLink{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;overflow:hidden;z-index:1}
.auctionImageLink img{width:100%;height:100%;object-fit:cover;display:block}
.auctionImageLink>svg{color:var(--blue1)}
.badge,.heart{z-index:3}
.heart.active{color:var(--copper);border-color:color-mix(in srgb,var(--copper) 42%,var(--border));background:color-mix(in srgb,var(--copper) 10%,var(--panel))}
.card .content{padding:14px 15px 14px}
.card .title{margin:1px 0 0;min-height:39px}
.card .stats{margin-top:11px;padding-top:11px}
.card .full{margin-top:11px}

/* Compte : navigation toujours visible et structurée */
.accountNavPanel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;margin:-5px 0 24px}
.accountNavGroup{border:1px solid var(--border);border-radius:17px;background:var(--panel);padding:12px;box-shadow:var(--shadow-sm)}
.accountNavLabel{font-size:10px;font-weight:850;letter-spacing:.09em;color:var(--muted);margin:0 4px 9px}
.accountNavButtons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.accountNavSettings{grid-template-columns:repeat(3,minmax(0,1fr))}
.accountNavButton{min-width:0;min-height:48px;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--label);cursor:pointer;text-align:left;font-weight:720;transition:background .15s ease,border-color .15s ease,color .15s ease}
.accountNavButton:hover{background:var(--panel3);border-color:var(--border)}
.accountNavButton.active{color:var(--text);background:color-mix(in srgb,var(--blue1) 10%,var(--panel));border-color:color-mix(in srgb,var(--blue1) 31%,var(--border))}
.accountNavButton svg{color:var(--blue1);flex:0 0 auto}
.accountNavButton span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accountNavButton small{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:3px;border-radius:99px;background:var(--panel2);color:var(--muted);font-size:10px}
.accountSettingsBlock{margin-top:16px}
.accountSettingsBlock .sectionHeader{margin-bottom:10px}
.accountSettingsBlock .sectionHeader p{margin:3px 0 0}

/* Favoris du compte */
.favoriteAccountGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.favoriteAccountCard{display:grid;grid-template-columns:130px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-sm)}
.favoriteAccountImage{display:block;min-height:125px;background:var(--panel2);overflow:hidden}
.favoriteAccountImage img{width:100%;height:100%;object-fit:cover;display:block}
.favoriteFallback{height:100%;min-height:125px;display:grid;place-items:center;color:var(--blue1)}
.favoriteAccountContent{padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}
.favoriteAccountContent b{display:block;line-height:1.3}
.favoriteAccountActions{display:flex;gap:7px;flex-wrap:wrap}
.favoriteAccountActions .btn,.favoriteAccountActions .ghost{min-height:36px;padding:7px 10px;font-size:11px}

@media(max-width:1050px){
  .accountNavPanel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .accountNavButtons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .accountNavSettings{grid-template-columns:1fr}
  .favoriteAccountGrid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .themeToggle{padding:2px;border-radius:10px}.themeIcon{width:31px;height:31px;border-radius:8px}
  .card .content{padding:13px 14px}.card .stats{margin-top:10px;padding-top:10px}.card .full{margin-top:10px}
  .accountNavPanel{margin-top:-2px}.accountNavGroup{padding:10px}.accountNavButton{min-height:44px;padding:8px;font-size:12px}
  .favoriteAccountCard{grid-template-columns:105px minmax(0,1fr)}.favoriteAccountImage,.favoriteFallback{min-height:112px}.favoriteAccountContent{padding:11px}
}

/* Vendre : description complète et conseil qualité */
.sellDescriptionGroup{grid-column:1/-1}
.sellDescriptionField{min-height:190px;resize:vertical;line-height:1.6;padding:15px 16px}
.descriptionMeta{display:flex;justify-content:flex-end;margin-top:6px}
.sellerQualityTip{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--copper) 28%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--copper) 6%,var(--panel));color:var(--label);font-size:12px;line-height:1.5}
.sellerQualityTip svg{color:var(--copper);flex:0 0 auto;margin-top:1px}
.auctionDescription{margin:17px 0;padding:16px 17px;border:1px solid var(--border);border-radius:14px;background:var(--panel3)}
.auctionDescription h2{font-size:15px;margin:0 0 8px}
.auctionDescription p{margin:0;white-space:pre-wrap;line-height:1.65;color:var(--label)}

/* Accueil : prix réellement visible frais acheteur inclus */
.feeIncludedPrice{font-size:10px;color:var(--muted);font-weight:720;margin-top:2px;white-space:nowrap}

/* Accueil : hero désormais sur une seule carte */
.hero{grid-template-columns:1fr}
.heroMain{width:100%}

/* Photos produit : format carré 1:1 sans déformation */
.productCarouselMain{aspect-ratio:1/1}
.productCarouselMain img,.pickerMain img{object-fit:cover}
.pickerCarousel{width:min(100%,720px);margin:0 auto}
.pickerMain{height:auto;aspect-ratio:1/1}
.photoPicker.compact .pickerCarousel{width:min(100%,560px)}
.photoPicker.compact .pickerMain{height:auto;aspect-ratio:1/1}
.productPhotoButton{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;display:block;color:inherit}
.productPhotoButton img{width:100%;height:100%;object-fit:cover;display:block}
.photoOpenHint{position:absolute;left:13px;bottom:13px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(18,20,25,.72);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px);opacity:0;transition:opacity .16s ease}
.productPhotoButton:hover .photoOpenHint{opacity:1}

/* Visionneuse plein écran + loupe personnalisée */
body.photoModalOpen{overflow:hidden}
.photoLightbox{position:fixed;inset:0;z-index:200;background:rgba(7,8,11,.94);display:flex;align-items:center;justify-content:center;padding:56px 76px 34px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lightboxContent{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.lightboxImageShell{position:relative;display:flex;align-items:center;justify-content:center;max-width:88vw;max-height:84vh}
.lightboxImage{display:block;max-width:88vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:13px;box-shadow:0 24px 70px rgba(0,0,0,.46);cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.lightboxClose{position:fixed;right:24px;top:22px;z-index:225;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(28,30,36,.78);color:#fff;cursor:pointer;backdrop-filter:blur(12px)}
.lightboxClose:hover{background:rgba(55,58,67,.9)}
.lightboxTopHint{position:fixed;top:25px;left:50%;transform:translateX(-50%);z-index:215;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.76);font-size:11px;font-weight:700;padding:7px 11px;border-radius:999px;background:rgba(24,26,31,.62);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}
.lightboxCounter{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(13,14,18,.7);color:#fff;font-size:10px;font-weight:800}
.lightboxArrow{position:fixed;top:50%;transform:translateY(-50%);z-index:220;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(28,30,36,.72);color:#fff;cursor:pointer;backdrop-filter:blur(10px)}
.lightboxArrow.left{left:24px}.lightboxArrow.right{right:24px}
.lightboxArrow:hover{background:rgba(55,58,67,.9)}
.customMagnifier{position:fixed;z-index:230;width:220px;height:170px;border-radius:16px;border:2px solid rgba(255,255,255,.9);background-repeat:no-repeat;background-size:280%;box-shadow:0 16px 42px rgba(0,0,0,.48),inset 0 0 0 1px rgba(0,0,0,.18);pointer-events:none;overflow:hidden}
.customMagnifier span{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(12,13,16,.7);color:#fff;font-size:9px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(8px)}

@media(max-width:760px){
  .sellDescriptionField{min-height:160px}
  .photoOpenHint{opacity:1}
  .photoLightbox{padding:58px 10px 24px}
  .lightboxImageShell,.lightboxImage{max-width:96vw;max-height:82vh}
  .lightboxArrow{width:40px;height:40px;top:auto;bottom:18px;transform:none}
  .lightboxArrow.left{left:18px}.lightboxArrow.right{right:18px}
  .lightboxClose{right:12px;top:12px;width:40px;height:40px}
  .lightboxTopHint{top:15px;left:16px;right:60px;transform:none;justify-content:center}
  .customMagnifier{display:none}
}
.pickerMain,.photoPicker.compact .pickerMain{height:auto!important;aspect-ratio:1/1!important}
.productCarouselMain{aspect-ratio:1/1!important}
.productCarouselMain img,.pickerMain img{object-fit:cover!important}

/* Passe bêta : cover strict, authentification, réserve et favoris */
:root{--prune:#9A3F58}
html[data-theme='dark']{--prune:#C46279}
.auctionImageLink{overflow:hidden!important}
.auctionImageLink img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
.productCarouselMain{position:relative!important;aspect-ratio:1/1!important;overflow:hidden!important;background:var(--panel2)}
.productPhotoButton{overflow:hidden!important}
.productPhotoButton img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
.pickerMain{overflow:hidden!important}.pickerMain img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.heart.active{color:var(--prune)!important;border-color:color-mix(in srgb,var(--prune) 55%,var(--border))!important;background:color-mix(in srgb,var(--prune) 13%,var(--panel))!important}
.heart.active svg{fill:var(--prune)!important;stroke:var(--prune)!important}

/* Loupe : le pointeur est exactement le centre optique du zoom */
.lightboxImage{cursor:crosshair!important}
.customMagnifier{width:270px!important;height:210px!important;left:0;top:0;transform:translate(-50%,-50%);border-radius:18px;border:2px solid rgba(255,255,255,.94);background-repeat:no-repeat!important;box-shadow:0 18px 48px rgba(0,0,0,.52),inset 0 0 0 1px rgba(0,0,0,.2);pointer-events:none;overflow:hidden}
.customMagnifier span{z-index:2}
.customMagnifier i{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.customMagnifier i:before,.customMagnifier i:after{content:'';position:absolute;background:rgba(255,255,255,.82)}
.customMagnifier i:before{left:50%;top:-5px;bottom:-5px;width:1px;transform:translateX(-50%)}
.customMagnifier i:after{top:50%;left:-5px;right:-5px;height:1px;transform:translateY(-50%)}

.reserveBuyerNotice{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border-radius:11px;border:1px solid color-mix(in srgb,var(--copper) 34%,var(--border));background:color-mix(in srgb,var(--copper) 7%,var(--panel));color:var(--label);font-size:11px;font-weight:720}
.reserveBuyerNotice svg{color:var(--copper);flex:0 0 auto}
.reserveSellerGroup{align-self:start}.reserveCheck{margin:0 0 10px!important}.reserveCheck span{display:grid;gap:2px}.reserveCheck small{color:var(--muted);font-weight:550}
.reserveFeeHint{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:10px;line-height:1.45;margin-top:5px}.reserveFeeHint svg{color:var(--copper);flex:0 0 auto;margin-top:1px}
.accountLogoutButton{color:var(--danger)}.accountLogoutButton svg{color:var(--danger)!important}
.time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
.detailStats .price{font-variant-numeric:tabular-nums}

@media(max-width:620px){
  .actions{gap:5px}.authHeaderButton{min-height:36px;padding:7px 8px;font-size:11px;border-radius:9px}.authHeaderButton svg{display:none}.themeIcon{width:29px!important;height:29px!important}
  .time{font-size:11px}
}

/* Passe bêta : vignette cover stricte, hero configurable, timer temps réel */
.heroMain{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,34%);gap:28px;align-items:stretch}
.heroText{min-width:0;align-self:center}
.heroMedia{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:18px;min-height:260px;background:linear-gradient(145deg,var(--panel2),var(--panel3));display:grid;place-items:center;color:var(--muted)}
.heroMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:scale(1.01)}
.heroMedia.empty:after{content:'';position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:12px;pointer-events:none}
.heroMedia.empty svg{opacity:.5}
.heroMedia.soldHero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(10,12,18,.08) 58%,rgba(10,12,18,.76) 100%);pointer-events:none}
.heroSaleOverlay{position:absolute;z-index:2;left:15px;right:15px;bottom:15px;padding:13px 14px;border-radius:13px;background:rgba(18,20,26,.76);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.24);display:grid;gap:2px}
.heroSaleOverlay span{font-size:9px;font-weight:850;letter-spacing:.11em;color:#d7dfef}
.heroSaleOverlay strong{font-size:21px;line-height:1.08;letter-spacing:-.025em}
.heroSaleOverlay small{font-size:11px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heroSaleEmpty{position:absolute;left:50%;top:calc(50% + 34px);transform:translateX(-50%);width:80%;text-align:center;color:var(--muted);font-size:11px;font-weight:680}
.art{overflow:hidden!important}
.auctionCoverImage{position:absolute;inset:-1px;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;transform:scale(1.012);will-change:transform}
html[data-theme='light'] .card .homePrice{color:var(--blue1)}
.countdownValue{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:850;transition:color .18s ease}
.countdownValue.safe{color:#2f8459}
.countdownValue.urgent{color:#d4613c}
.countdownValue.ended{color:var(--muted)}
html[data-theme='dark'] .countdownValue.safe{color:#78c59a}
html[data-theme='dark'] .countdownValue.urgent{color:#f1845d}
.favoriteToast{position:fixed;left:50%;bottom:26px;z-index:120;transform:translateX(-50%);background:color-mix(in srgb,var(--panel) 95%,transparent);color:var(--text);border:1px solid var(--border-strong);box-shadow:0 12px 32px rgba(0,0,0,.18);backdrop-filter:blur(14px);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:760;pointer-events:none}
@media(max-width:900px){.heroMain{grid-template-columns:minmax(0,1fr) minmax(210px,32%);gap:18px}.heroMedia{min-height:220px}}
@media(max-width:700px){.heroMain{grid-template-columns:1fr!important}.heroMedia{min-height:0;aspect-ratio:16/9}.favoriteToast{bottom:78px}}

/* Passe responsive + navigation compte par onglets + covers démo */
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea,a{min-width:0}
.btn,.ghost,.chip,.quickAction,.accountTab{max-width:100%}

/* La vignette d'accueil utilise un vrai média de couverture dédié. */
.art{position:relative;overflow:hidden!important;background:var(--panel2)}
.auctionImageLink{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;display:block!important}
.auctionCoverImage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;transform:none!important}

/* Navigation du compte : vrais onglets, sans cartes de navigation. */
.accountTabsBar{display:flex;align-items:center;gap:4px;width:100%;margin:-4px 0 24px;padding:4px;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity}
.accountTab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px 11px;border:0;border-radius:10px 10px 0 0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:760;cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:background .15s ease,color .15s ease}
.accountTab:hover{background:var(--panel3);color:var(--text)}
.accountTab.active{color:var(--blue1);background:color-mix(in srgb,var(--blue1) 8%,transparent)}
.accountTab.active::after{content:'';position:absolute;left:8px;right:8px;bottom:-5px;height:2px;border-radius:99px;background:var(--blue1)}
.accountTab svg{flex:0 0 auto}
.accountTab small{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--panel2);color:var(--muted);font-size:9px}
.accountLogoutTab{margin-left:auto;color:var(--danger)}
.accountLogoutTab:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}

/* Sécurités responsive générales : aucune action ne doit imposer la largeur de la page. */
.topbar,.brandWrap,.actions,.mainNav,.pageHeader,.sectionHeader,.row,.stats,.quickActions,.categoryFilterBar,.secondaryFilters,.formGrid,.paymentGrid,.profileEditGrid,.favoriteAccountContent,.favoriteAccountActions,.photoAddActions,.pickerActions,.packageReady{min-width:0}
.btn,.ghost{white-space:normal;text-align:center;line-height:1.25}
.field,.subcategorySelect{max-width:100%}

@media(max-width:900px){
  .topbar{gap:10px}.brandWrap{flex:1 1 auto}.actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}
  .pageHeader{align-items:flex-start}.pageHeader .actions{display:flex;flex-wrap:wrap}
  .accountLogoutTab{margin-left:0}
}

@media(max-width:700px){
  .shell{width:100%;padding-left:14px!important;padding-right:14px!important}
  .topbar{align-items:center;gap:8px}.brandTagline{display:none}.brand{font-size:17px}.brandMark{flex:0 0 auto}
  .topbar>.actions{gap:4px;flex-wrap:nowrap}.topbar>.actions .btn,.topbar>.actions .ghost{padding:7px 8px;min-height:35px;font-size:11px}
  .heroMain{padding:20px 16px!important}.heroText h1{font-size:clamp(28px,9vw,40px);overflow-wrap:anywhere}
  .search{grid-template-columns:1fr!important}.search .btn{width:100%}
  .quickActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quickAction{width:100%;overflow:hidden}.quickAction b{overflow-wrap:anywhere}
  .categoryFilterBar,.secondaryFilters{width:100%;min-width:0}.secondaryFilters{grid-template-columns:1fr!important}.secondaryFilters>.chip{width:100%}.subcategoryControl{width:100%}
  .formGrid,.paymentGrid,.profileEditGrid,.accountSplit{grid-template-columns:1fr!important}.formGroup,.formGroup.wide{grid-column:auto!important}
  .sectionHeader,.row{gap:10px;flex-wrap:wrap}.sectionHeader>.actions,.row>.actions{width:100%;flex-wrap:wrap}
  .photoAddActions,.pickerActions{grid-template-columns:1fr!important;display:grid!important}.photoAddActions button,.pickerActions button{width:100%!important;min-width:0!important}
  .favoriteAccountActions{display:grid;grid-template-columns:1fr;width:100%}.favoriteAccountActions .btn,.favoriteAccountActions .ghost{width:100%}
  .accountTabsBar{margin-bottom:18px;padding-left:0;padding-right:0}
  .accountTab{min-height:40px;padding:8px 10px;font-size:11px}
}

@media(max-width:480px){
  .shell{padding-left:11px!important;padding-right:11px!important}
  .topbar{min-height:58px}.brandMark{width:34px;height:34px;border-radius:10px}.brandWrap{gap:8px}.brand{font-size:15px}
  .topbar>.actions .authHeaderButton{max-width:104px}.topbar>.actions .authHeaderButton span{overflow:hidden;text-overflow:ellipsis}
  .themeToggle{flex:0 0 auto}.themeIcon{width:28px!important;height:28px!important}
  .quickActions{grid-template-columns:1fr!important}.quickAction small{display:block!important}
  .card .stats{grid-template-columns:1fr!important;gap:8px}.card .stats>div:last-child{text-align:left!important}.time{text-align:left!important;white-space:normal!important}
  .countdownValue{white-space:normal!important}
  .pageHeader .actions,.pageHeader .actions .btn,.formActions,.formActions .btn{width:100%}
  .favoriteAccountCard{grid-template-columns:1fr!important}.favoriteAccountImage{aspect-ratio:4/3;min-height:0!important}
}

/* Sur la fiche complète, on conserve volontairement la photo originale entière. */
.productPhotoButton img{object-fit:contain!important;background:var(--panel2)!important}

/* Mobile : les catégories gardent leur taille et passent simplement à la ligne */
.mainCategoryTabs{display:flex;flex-wrap:wrap;overflow:visible;align-items:center;gap:8px;padding:2px 2px 12px}
.mainCategoryTabs .chip{flex:0 0 auto;width:auto;max-width:none;min-height:38px;padding:8px 14px;font-size:inherit;white-space:nowrap}

/* Mise en vente : contrôles uniformes et plus respirants */
#sell-form .formGrid{gap:18px 16px;align-items:start}
#sell-form .formGroup{min-width:0}
#sell-form .formGroup>.label{margin-bottom:7px}
#sell-form input.field:not([type="checkbox"]),
#sell-form select.field{height:48px;min-height:48px;padding:0 14px;border-radius:12px;line-height:1.2}
#sell-form input[type="datetime-local"].field{padding-top:0;padding-bottom:0}
#sell-form .categoryCascade{gap:11px;padding:14px}
#sell-form .categoryLevel{gap:6px}
#sell-form .categoryLevel .field{height:48px;min-height:48px}
#sell-form .reserveSellerGroup{align-self:start}
.reserveRatioHint{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45}

/* Réorganisation des photos à la souris et au doigt */
.photoReorderHint{display:flex;align-items:center;gap:6px;margin:10px 0 8px;color:var(--muted);font-size:11px;line-height:1.4}
.photoReorderHint svg{flex:0 0 auto;color:var(--blue1)}
.reorderRail{overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 6px}
.reorderThumb{position:relative;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}
.reorderThumb:active,.reorderThumb.dragging{cursor:grabbing;opacity:.72;transform:scale(.97);border-color:var(--blue1);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue1) 17%,transparent)}
.photoDragGrip{position:absolute;left:4px;top:4px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(12,14,18,.72);color:#fff;pointer-events:none}
.photoOrderIndex{position:absolute!important;right:5px!important;bottom:5px!important;left:auto!important;top:auto!important;z-index:2;min-width:22px;height:22px;display:grid!important;place-items:center;padding:0 5px!important;border-radius:999px!important;background:rgba(12,14,18,.78)!important;color:#fff!important;font-size:10px!important;font-weight:850!important;pointer-events:none}
.mainPhotoDot{position:absolute;left:7px;bottom:7px;width:9px;height:9px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 3px rgba(255,255,255,.85);pointer-events:none}

@media(max-width:650px){
  .mainCategoryTabs{gap:8px;padding-bottom:11px}
  .mainCategoryTabs .chip{min-height:38px;padding:8px 14px;font-size:inherit}
  #sell-form .formGrid{grid-template-columns:1fr;gap:15px}
  #sell-form input.field:not([type="checkbox"]),#sell-form select.field{height:48px;min-height:48px}
}

/* Fin proche suit exactement la logique des catégories : taille naturelle + retour à la ligne. */
.mainCategoryTabs .chip{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important}
@media(max-width:700px){
  .mainCategoryTabs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important}
  .mainCategoryTabs .chip{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:100%!important;white-space:nowrap!important}
  .secondaryFilters{display:flex!important;width:100%!important;justify-content:flex-start!important}
  .subcategoryControl{width:min(100%,420px)!important;min-width:0!important}
}

/* Sous-navigation Mes ventes + brouillons */
.salesModeTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.salesModeTabs .chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;width:auto}
.chipCount{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--panel) 75%,transparent);font-size:9px;font-weight:850}
.innerSalesBlock{margin-top:0}.innerSalesBlock+.innerSalesBlock{margin-top:24px}
.draftGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.draftCard{display:grid;grid-template-columns:120px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--panel);box-shadow:var(--shadow-sm)}
.draftThumb{min-height:112px;background:var(--panel2);display:grid;place-items:center;color:var(--muted);overflow:hidden}
.draftThumb img{width:100%;height:100%;object-fit:cover;display:block}
.draftBody{min-width:0;padding:13px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.draftBody b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draftActions{display:flex;flex-wrap:wrap;gap:7px}.draftActions .btn,.draftActions .ghost{min-height:36px;padding:7px 10px;font-size:11px}
.sellFormActions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.sellFormActions .btn,.sellFormActions .ghost{min-width:170px}
@media(max-width:760px){
  .draftGrid{grid-template-columns:1fr}.draftCard{grid-template-columns:92px minmax(0,1fr)}
  .sellFormActions{display:grid;grid-template-columns:1fr 1fr}.sellFormActions .btn,.sellFormActions .ghost{width:100%;min-width:0}
}
@media(max-width:430px){.sellFormActions{grid-template-columns:1fr}.draftCard{grid-template-columns:1fr}.draftThumb{aspect-ratio:16/8;min-height:0}}

/* Accessibilité, authentification et SEO */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--blue1) 52%,transparent);outline-offset:2px}
.fieldInvalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)!important}
.inlineFieldError,.formError{color:var(--danger);font-size:12px;font-weight:720;line-height:1.45}
.inlineFieldError{margin-top:7px}.formError{margin-top:14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--danger) 7%,var(--panel))}
.fieldHelp{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:6px}.optional{font-weight:500;color:var(--muted)}
.authFormGrid{margin:20px 0}.authPanel form{display:grid;gap:12px}.authPanel .formGrid{display:grid}.authSwitch{text-align:center;color:var(--muted);font-size:12px;margin:5px 0 0}.authSwitch a{color:var(--blue1);font-weight:760}.recaptchaStatus{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--panel3);font-size:11px;color:var(--muted);margin:4px 0}.recaptchaStatus svg{color:var(--blue1);flex:0 0 auto}.signedOutActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.accountSignedOut{max-width:680px}.accountSignedOut h1{margin-bottom:8px}
.siteFooter{margin-top:52px;border-top:1px solid var(--border);background:var(--panel3)}.footerInner{width:min(1180px,calc(100% - 36px));margin:auto;display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:28px 0 92px}.footerInner b{font-size:15px}.footerInner p{color:var(--muted);font-size:11px;margin:4px 0 0}.footerInner nav{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end}.footerInner nav a{font-size:11px;color:var(--label);font-weight:700}.seoCategoryPage{padding:30px 0 42px}.seoCategoryPage h1{margin:5px 0 8px}.seoAuctionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.seoAuctionCard{border:1px solid var(--border);border-radius:15px;background:var(--panel);overflow:hidden}.seoAuctionCard>a{display:block;color:inherit}.seoAuctionCard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--panel2)}.seoAuctionCard div{padding:12px}.seoAuctionCard h2{font-size:13px;margin:0 0 5px}.seoAuctionCard p{font-size:10px;color:var(--muted);margin:0 0 9px}.seoAuctionCard strong{color:var(--blue1)}
@media(max-width:900px){.seoAuctionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.footerInner{width:min(100% - 24px,1180px);flex-direction:column;padding-bottom:98px}.footerInner nav{justify-content:flex-start}.seoAuctionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.signedOutActions{display:grid;grid-template-columns:1fr}.signedOutActions .btn,.signedOutActions .ghost{width:100%}}
@media(max-width:390px){.seoAuctionGrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Assistance, signalements et messagerie structurée */
.reportAuctionButton{margin-top:16px;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:7px;padding:7px 0;font-weight:720;cursor:pointer}
.reportAuctionButton:hover{color:var(--danger)}
.modalBackdrop{position:fixed;inset:0;z-index:120;background:rgba(8,10,15,.72);display:grid;place-items:center;padding:18px;backdrop-filter:blur(9px)}
.reportModal{width:min(100%,560px);position:relative;box-shadow:0 26px 90px rgba(0,0,0,.34)}
.modalClose{position:absolute;right:13px;top:13px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel2);color:var(--text);display:grid;place-items:center;cursor:pointer}
.supportTextarea{min-height:132px;resize:vertical;padding-top:12px!important}
.supportPage{max-width:850px;margin:0 auto;padding-bottom:50px}.contactForm{display:grid;gap:16px}
.supportFiles{border:1px solid var(--border);border-radius:14px;background:var(--panel3);padding:14px}.supportFiles .row{align-items:center;justify-content:space-between}.supportFileList{display:grid;gap:7px;margin-top:11px}.supportFileList>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--panel)}.iconOnly{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.disabled{opacity:.45;pointer-events:none}
.messageTabs{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}.messageTabs .chip{flex:0 0 auto;white-space:nowrap}
.threadFooter{display:flex;justify-content:flex-end;align-items:center;margin-top:10px}.threadDelete{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:720;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px}.threadDelete:hover{color:var(--danger)}.deleteDelay{font-size:10px;color:var(--muted)}
.supportThread .threadFallback.reportFallback{color:var(--danger)}.supportThread .threadFallback.contactFallback{color:var(--blue1)}
.supportAttachmentRail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border)}.supportAttachmentRail>b{font-size:11px;color:var(--muted)}
@media(max-width:620px){.modalBackdrop{padding:10px}.reportModal{padding:20px}.messageTabs{margin-left:0;margin-right:0}.threadFooter{justify-content:flex-start}.supportFiles .row{align-items:flex-start}.supportFiles .row .ghost{width:auto}}


/* Navigation premium, badges d'enchères et accès public */
.mainNav{gap:9px}
.mainNav .premiumNavLink{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 7px;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none;font-size:12px;font-weight:780;letter-spacing:.005em}
.mainNav .premiumNavLink:hover{background:transparent;color:var(--blue2);transform:none}
.mainNav .premiumNavLink>span:last-child{position:relative;display:inline-block}
.mainNav .premiumNavLink>span:last-child::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:999px;background:var(--blue1);box-shadow:0 1px 4px color-mix(in srgb,var(--blue1) 22%,transparent);transform:scaleX(0);transform-origin:center;opacity:.9;transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .18s ease}
.mainNav .premiumNavLink:hover>span:last-child::after,.mainNav .premiumNavLink.active>span:last-child::after{transform:scaleX(1);opacity:1}
.mainNav .premiumNavLink.active{color:var(--text)}
.mainNav .premiumNavLink.active .premiumNavIcon{color:var(--blue1)}
@media (prefers-reduced-motion:reduce){.mainNav .premiumNavLink>span:last-child::after{transition:none}}
.premiumNavIcon{width:auto;height:auto;display:inline-grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--blue1);box-shadow:none}
html[data-theme='dark'] .mainNav .premiumNavLink{color:#fff;box-shadow:none}

.auctionBadgeStack{position:absolute;left:12px;top:12px;z-index:3;display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;max-width:calc(100% - 64px);pointer-events:none}
.auctionBadgeStack .badge{position:static;left:auto;top:auto;display:inline-flex;align-items:center;min-height:25px;padding:6px 9px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 3px 10px rgba(20,24,32,.08)}
.auctionBadgeStack .receivedBidBadge{border-color:color-mix(in srgb,var(--copper) 48%,var(--border));background:color-mix(in srgb,var(--panel) 86%,var(--copper));color:var(--copper)}
.auctionBadgeStack .extensionBadge{border-color:color-mix(in srgb,var(--copper) 42%,var(--border));background:color-mix(in srgb,var(--panel) 89%,var(--copper));color:var(--copper)}

.signedOutBidBox{margin-top:18px;padding:15px;border:1px solid color-mix(in srgb,var(--blue1) 27%,var(--border));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue1) 7%,var(--panel)),var(--panel));display:grid;gap:13px}
.signedOutBidBox b{display:block;font-size:14px;margin-bottom:4px}.signedOutBidBox p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.signedOutBidActions{display:flex;gap:8px;flex-wrap:wrap}.signedOutBidActions .btn,.signedOutBidActions .ghost{margin:0;min-height:39px;font-size:11px;padding:8px 11px}
.footerContactLink{margin-left:6px;padding-left:16px;border-left:1px solid var(--border);color:var(--blue1)!important}

@media(max-width:620px){
  .mobileDock{grid-template-columns:repeat(4,1fr)}
  .signedOutBidActions{display:grid;grid-template-columns:1fr}.signedOutBidActions .btn,.signedOutBidActions .ghost{width:100%}
  .auctionBadgeStack{left:10px;top:10px;max-width:calc(100% - 58px);gap:5px}.auctionBadgeStack .badge{font-size:9px;padding:5px 8px}
  .footerContactLink{margin-left:0;padding-left:0;border-left:0}
}


/* Accès direct favoris connecté + carousel ventes conclues bêta */
.headerFavoritesLink{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 10px;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:780;text-decoration:none;white-space:nowrap}
.headerFavoritesLink svg{color:var(--copper);fill:color-mix(in srgb,var(--copper) 12%,transparent)}
.headerFavoritesLink:hover{color:var(--copper);background:color-mix(in srgb,var(--copper) 7%,transparent);border-radius:10px}
html[data-theme='dark'] .headerFavoritesLink{color:#fff}
.heroSlideImage{animation:heroSaleFade .42s ease-out}
@keyframes heroSaleFade{from{opacity:.38;transform:scale(1.035)}to{opacity:1;transform:scale(1.01)}}
.heroCarouselArrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(13,17,24,.46);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 7px 20px rgba(0,0,0,.18);transition:background .16s ease,transform .16s ease}
.heroCarouselArrow:hover{background:rgba(13,17,24,.72);transform:translateY(-50%) scale(1.04)}
.heroCarouselArrow.prev{left:12px}.heroCarouselArrow.next{right:12px}
.heroCarouselDots{position:absolute;z-index:6;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(13,17,24,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.heroCarouselDots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:width .18s ease,background .18s ease}
.heroCarouselDots button.active{width:18px;background:#fff}
@media(max-width:760px){.headerFavoritesLink{padding:7px 7px;font-size:11px}.headerFavoritesLink span{display:none}.headerFavoritesLink{width:35px;height:35px;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--panel) 82%,transparent)}.heroCarouselArrow{width:32px;height:32px}.heroCarouselArrow.prev{left:9px}.heroCarouselArrow.next{right:9px}}


/* Hashtags / mots-clés des annonces */
.hashtagSellerGroup{grid-column:1/-1}
.hashtagHelp{margin-top:7px;line-height:1.45}
.auctionHashtags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.auctionHashtags span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--accent);font-size:13px;font-weight:750;letter-spacing:.01em}

/* Shipment tracking and moderation notices */
.shipmentTrackingCard{margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--blue1) 28%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--blue1) 5%,var(--panel3));display:grid;gap:11px}
.shipmentTrackingHead{display:flex;align-items:center;gap:10px}.shipmentTrackingHead>svg{color:var(--blue1);flex:0 0 auto}.shipmentTrackingHead b{display:block;color:var(--label)}
.shipmentTrackingDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shipmentTrackingDetails>div{padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--panel)}.shipmentTrackingDetails span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.shipmentTrackingDetails strong{font-size:12px;color:var(--text);word-break:break-word}
.shipmentWaitingNotice{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:11px;border:1px solid color-mix(in srgb,var(--blue1) 28%,var(--border));background:color-mix(in srgb,var(--blue1) 6%,var(--panel));font-size:11px;color:var(--label);max-width:680px}.shipmentWaitingNotice svg{color:var(--blue1);flex:0 0 auto}
.savedPhotoRail a{display:block}.savedPhotoRail img{display:block}
.warningTab{display:inline-flex!important;align-items:center;gap:5px}.warningTab svg{color:#dc5a55}.moderationNotice{border-color:color-mix(in srgb,#dc5a55 34%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,#dc5a55 4%,var(--panel)),var(--panel))}.moderationNotice.suspensionNotice{border-color:color-mix(in srgb,#dc5a55 55%,var(--border))}.warningFallback{color:#dc5a55;background:color-mix(in srgb,#dc5a55 9%,var(--panel2))}.warningStatus{color:#dc5a55;border-color:color-mix(in srgb,#dc5a55 30%,var(--border));background:color-mix(in srgb,#dc5a55 7%,transparent)}.warningCountBadge{display:grid;place-items:center;min-width:42px;height:32px;padding:0 9px;border-radius:999px;background:#dc5a55;color:white;font-weight:850;font-size:12px}.warningBody{padding:16px 2px 8px;line-height:1.65}.warningBody p{margin:0}.warningRetention{display:flex;align-items:flex-start;gap:7px;margin-top:9px;padding:10px 11px;border-radius:11px;background:var(--panel3);color:var(--muted);font-size:10px;line-height:1.45}.warningRetention svg{color:#dc5a55;flex:0 0 auto;margin-top:1px}
@media(max-width:620px){.shipmentTrackingDetails{grid-template-columns:1fr}.shipmentTrackingCard{padding:12px}}

.passwordFieldWrap{position:relative;display:block}.passwordFieldWrap .field{padding-right:46px;width:100%}.passwordToggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:9px;cursor:pointer}.passwordToggle:hover{background:rgba(127,127,127,.12);color:var(--text)}
.payoutOnlyGrid{grid-template-columns:minmax(0,720px)}

/* 2ème chance : mêmes cartes et filtres que l'accueil, hauteur constante */
.secondChanceFilters{margin:0 0 18px}.secondChanceSearch{max-width:620px;min-height:44px;border:1px solid var(--border);background:var(--panel);border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.secondChanceSearch:focus-within{border-color:var(--blue1);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue1) 14%,transparent)}.secondChanceSearch svg{color:var(--muted);flex:0 0 auto}.secondChanceSearch input{width:100%;border:0;outline:0;background:transparent;color:var(--text);min-height:42px}.secondChanceCard{display:flex;flex-direction:column;height:100%}.secondChanceCard .art{flex:0 0 auto}.secondChanceCard .content{display:flex;flex-direction:column;flex:1;min-height:205px}.secondChanceCard .title{height:40px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.secondChanceCard .stats{margin-top:auto}.secondChanceCard .full{margin-top:11px}.secondChanceCard .auctionBadgeStack{z-index:4}.secondChanceCard .auctionCoverImage{position:absolute;inset:0;background-size:cover;background-position:center}.secondChanceGrid{align-items:stretch}
.messagePrivacyNotice{margin-bottom:12px}.messagePrivacyNotice b{color:var(--label)}

/* Logo PNG Babidee */
.brandLogoLink{display:flex;align-items:center;flex:0 0 auto;text-decoration:none;line-height:0}
.brandLogo{display:block;width:200px;height:auto;max-height:62px;object-fit:contain}
.authBrandLogoLink{display:flex;justify-content:center;align-items:center;width:max-content;max-width:100%;margin:0 auto 8px;line-height:0}
.authBrandLogo{display:block;width:min(290px,78vw);height:auto;max-height:96px;object-fit:contain}
.footerBrand{max-width:520px}.footerLogoLink{display:inline-flex;align-items:center;line-height:0}.footerLogo{display:block;width:188px;height:auto;max-height:64px;object-fit:contain}.footerBrand p{margin-top:8px!important}
@media(max-width:900px){.brandLogo{width:179px;max-height:56px}}
@media(max-width:650px){.brandLogo{width:152px;max-height:49px}.authBrandLogo{width:min(238px,72vw);max-height:80px}.footerLogo{width:168px;max-height:58px}}

/* Compact overview auction rails */
.overviewShowcaseGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.overviewShowcase{padding:15px}.overviewShowcaseHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.overviewShowcaseHead h2{font-size:15px;margin:0}.overviewShowcaseHead a,.overviewShowcaseHead button{font-size:10px;font-weight:760;color:var(--blue1)}.overviewShowcaseHead button{border:0;background:transparent;padding:0;cursor:pointer}.miniAuctionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.miniAuctionCard{display:block;min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel3);color:inherit;text-decoration:none;transition:.15s ease}.miniAuctionCard:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--blue1) 35%,var(--border));box-shadow:var(--shadow-sm)}.miniAuctionImage{aspect-ratio:4/3;background:var(--panel2);overflow:hidden;display:grid;place-items:center;color:var(--blue1)}.miniAuctionImage img{width:100%;height:100%;object-fit:cover;display:block}.miniAuctionBody{padding:9px}.miniAuctionTitle{font-size:10px;font-weight:800;line-height:1.3;height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniAuctionMeta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.miniAuctionMeta strong{font-size:11px}.miniAuctionMeta span{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniAuctionEmpty{grid-column:1/-1;padding:18px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);font-size:10px}.footerInner{align-items:center}.footerInner nav{max-width:590px}.footerCategoryLink{color:var(--label)}
@media(max-width:900px){.overviewShowcaseGrid{grid-template-columns:1fr}.miniAuctionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.miniAuctionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Header mobile : le logo commence à se réduire sous 420 px, sans chevaucher les actions */
@media(max-width:419px){
  .topbar{gap:6px}
  .brandWrap{flex:1 1 0;min-width:0;overflow:hidden}
  .brandLogoLink{display:flex;min-width:0;max-width:100%;overflow:hidden}
  .brandLogo{width:clamp(90px,calc(60.6vw - 104px),150px);max-width:100%;max-height:none;height:auto;object-fit:contain}
  .topbar>.actions{flex:0 0 auto;gap:3px}
}


/* Pagination des enchères : 24 résultats par page, navigation en haut et en bas */
.paginationAnchor{scroll-margin-top:78px}
.paginationBar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:18px 0;padding:4px 0;overflow:hidden}
.pageNumberTabs{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding:2px 1px;scrollbar-width:thin}
.pageTab{flex:0 0 auto;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--label);font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.pageTab:hover:not(:disabled){border-color:color-mix(in srgb,var(--blue1) 45%,var(--border));color:var(--blue1);transform:translateY(-1px)}
.pageTab.active{border-color:var(--blue1);background:var(--blue1);color:#fff;box-shadow:none}
.pageTab.active:hover:not(:disabled){border-color:var(--blue1);background:var(--blue1);color:#fff;transform:none;box-shadow:none;transition:none}
.pageTab:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.pageNav{font-size:20px;line-height:1;padding-bottom:2px}
.pageEllipsis{flex:0 0 auto;display:grid;place-items:center;width:24px;height:36px;color:var(--muted);font-weight:850}
@media(max-width:480px){.paginationBar{gap:5px;margin:15px 0}.pageNumberTabs{gap:4px}.pageTab{min-width:33px;height:34px;padding:0 8px;border-radius:9px}.pageNav{min-width:34px}.pageEllipsis{width:18px;height:34px}}

/* Achat immédiat dans une enchère */
.buyNowSellerGroup{border:1px solid color-mix(in srgb,var(--blue1) 28%,var(--border));border-radius:14px;padding:13px;background:color-mix(in srgb,var(--blue1) 4%,var(--panel3))}.buyNowBuyerBox{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:15px;border:1px solid color-mix(in srgb,var(--blue1) 34%,var(--border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue1) 10%,var(--panel)),var(--panel))}.buyNowBuyerCopy{display:grid;gap:4px}.buyNowEyebrow{display:flex;align-items:center;gap:6px;color:var(--blue1);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.buyNowBuyerCopy>strong{font-size:25px;color:var(--label)}.buyNowBuyerCopy p{margin:0;color:var(--text);font-size:11px;line-height:1.45;max-width:560px}.buyNowBuyerCopy small{color:var(--muted)}.buyNowButton{flex:0 0 auto;min-width:190px}.buyNowCardHint{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--blue1);font-size:10px;font-weight:780}
@media(max-width:620px){.buyNowBuyerBox{align-items:stretch;flex-direction:column}.buyNowButton{width:100%;min-width:0}}


/* Options de vente : réserve / achat immédiat toujours visibles */
.sellOptionsGroup{margin-top:2px}.sellOptionsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.sellOptionsHead .label{display:block;margin:0 0 3px;font-size:13px}.sellOptionsHead p{margin:0}.sellOptionsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sellOptionCard{border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--panel3);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.sellOptionCard.active{border-color:color-mix(in srgb,var(--blue1) 46%,var(--border));background:color-mix(in srgb,var(--blue1) 6%,var(--panel3));box-shadow:0 0 0 2px color-mix(in srgb,var(--blue1) 7%,transparent)}.sellOptionToggle{margin:0 0 13px!important;align-items:flex-start}.sellOptionToggle span{display:grid;gap:2px}.sellOptionToggle small{color:var(--muted);font-weight:550;line-height:1.35}.sellOptionCard>.label{display:block;margin-bottom:6px}.sellOptionCard .field:disabled{opacity:.58;cursor:not-allowed;background:color-mix(in srgb,var(--panel2) 72%,var(--panel3))}.sellOptionCard.buyNowSellerGroup{padding:14px}.sellEditorOnlyNote{margin-bottom:15px}
@media(max-width:760px){.sellOptionsGrid{grid-template-columns:1fr}}


/* Capture photo : appareil mobile ou webcam desktop */
.webcamOverlay{position:fixed;inset:0;z-index:120;background:rgba(7,10,18,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.webcamDialog{width:min(720px,96vw);border:1px solid var(--border2);border-radius:18px;background:var(--panel);box-shadow:0 28px 80px rgba(0,0,0,.45);overflow:hidden}.webcamHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--panel3)}.webcamHead>div{display:grid;gap:3px}.webcamHead span{color:var(--muted);font-size:11px}.webcamPreview{position:relative;background:#05070b;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.webcamPreview video{width:100%;height:100%;object-fit:cover;display:block}.webcamLoading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:8px;color:#fff;background:rgba(0,0,0,.58);font-size:12px}.webcamActions{display:flex;justify-content:flex-end;gap:9px;padding:13px 16px;border-top:1px solid var(--border)}
@media(max-width:620px){.webcamOverlay{padding:8px}.webcamDialog{width:100%}.webcamActions .btn,.webcamActions .ghost{flex:1}}
.parcelGrid{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;margin-top:12px}.parcelGrid label{display:grid;gap:4px}.parcelGrid label span{font-size:10px;color:var(--muted)}.parcelGrid .field{padding:8px}@media(max-width:720px){.parcelGrid{grid-template-columns:1fr 1fr}}

/* Bêta V3 · cartes mobiles alignées sur le bureau + hiérarchie typographique robuste */
body{font-synthesis:weight style}
/* Hiérarchie lisible avec des graisses standards, portable d’une Google Font à l’autre. */
.card .title{font-size:15.5px;line-height:1.28;font-weight:700;letter-spacing:-.012em}
.card .label{font-size:10.5px;line-height:1.25;font-weight:600;letter-spacing:.02em;text-transform:none}
.card .price,.card .homePrice{font-size:23px;line-height:1.08;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.card .time{font-size:15.5px;line-height:1.18;font-weight:700;letter-spacing:-.012em;font-variant-numeric:tabular-nums}
.card .sub{font-size:11.5px;line-height:1.42;font-weight:400}
.card .feeIncludedPrice{font-size:10px;line-height:1.35;font-weight:500}
.card .full{font-size:12.5px;font-weight:700}
.detailPanel h1{font-size:34px;line-height:1.08;font-weight:800;letter-spacing:-.025em}
.detailPanel>.sub{font-size:13px;line-height:1.5;font-weight:400}
.detailPanel .label,.detailStats .label{font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.025em}
.detailPanel .price,.detailStats .price{font-size:29px;line-height:1.08;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.detailPanel .time,.detailStats .time{font-size:18px;line-height:1.18;font-weight:700;font-variant-numeric:tabular-nums}
.detailPanel .sub,.detailStats .sub{font-size:12px;line-height:1.45;font-weight:400}
.auctionDescription h2,.auctionDescription h3,.detailPanel h2,.detailPanel h3{font-weight:700;letter-spacing:-.015em}
.auctionDescription h2,.detailPanel h2{font-size:19px}.auctionDescription h3,.detailPanel h3{font-size:16px}
.auctionDescription p{font-size:13.5px;line-height:1.65;font-weight:400}
.buyNowBuyerCopy>strong{font-size:26px;font-weight:800;letter-spacing:-.03em}
.secondChancePriceBadge,.auctionBadgeStack .badge{font-weight:700}

@media(max-width:480px){
  /* Même composition que le bureau : prix/enchères à gauche, temps restant à droite. */
  .card .stats,.secondChanceCard .stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:start}
  .card .stats>div:first-child,.secondChanceCard .stats>div:first-child{min-width:0;text-align:left!important}
  .card .stats>div:last-child,.secondChanceCard .stats>div:last-child{min-width:0;text-align:right!important}
  .card .time,.secondChanceCard .time{text-align:right!important;white-space:normal!important}
  .card .title{font-size:15px;min-height:auto}
  .card .price,.card .homePrice{font-size:21px}
  .card .time{font-size:14.5px}
  .detailPanel h1{font-size:28px}
  .detailPanel .price,.detailStats .price{font-size:25px}
  .detailPanel .time,.detailStats .time{font-size:17px}
}

.payoutReady small{font-size:9px;color:var(--muted);line-height:1.35}

/* Bêta V4 — offres directes */
.directOfferBox{margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--success) 34%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--success) 6%,var(--panel));display:grid;gap:11px}
.directOfferHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.directOfferHead>strong{font-size:22px;font-weight:820;color:var(--text)}
.directOfferEyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--success);font-size:11px;font-weight:820;text-transform:uppercase;letter-spacing:.08em}
.directOfferForm,.directOfferExisting{display:grid;gap:9px}.directOfferForm p,.directOfferExisting p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.directOfferInputRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.directOfferInputRow .field,.directOfferNote{margin:0}.directOfferMessageLink{width:max-content}.directOfferFeedback{font-size:11px;font-weight:720;color:var(--success)}
.sellerListingActions{display:flex;align-items:center;gap:9px}.directOfferSellerBadge{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:var(--success);color:#fff;font-size:12px;font-weight:850;border:2px solid color-mix(in srgb,var(--success) 62%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 13%,transparent)}
.directOfferSellerBadge:hover,.directOfferSellerBadge:focus-visible{background:var(--success);color:#fff;transform:none;filter:none}.directOfferSellerBadge.pending{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}
.directOfferSaleBadge,.directOfferStatus{background:color-mix(in srgb,var(--success) 13%,var(--panel));color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.directOfferFallback{color:var(--success)}
.directOfferTab{display:inline-flex!important;align-items:center;gap:5px}.directNegotiationBar{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--panel))}
@media(max-width:620px){.directOfferInputRow{grid-template-columns:1fr}.directOfferInputRow .btn{width:100%}}

/* Hero : respiration légèrement accrue entre les lignes du grand titre */
.heroText h1{line-height:1.04}
@media(max-width:700px){.heroText h1{line-height:1.06}}


/* Babidee V4.3 — navigation, offres directes, footer premium et paiement PayPal */
.mainNav .premiumNavLink{font-size:13px}
.headerFavoritesLink{font-size:13px}
.directOfferLocked{border:1px solid color-mix(in srgb,var(--copper) 30%,var(--border));background:color-mix(in srgb,var(--copper) 7%,var(--panel2))}
.appFrame{min-height:100vh;display:flex;flex-direction:column}.appFrame>.shell{flex:1;width:100%}

/* Footer : même largeur utile que le header / .shell (1500px avec 32px de gouttière) */
.siteFooter{margin-top:64px;border-top:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel3) 92%,var(--bg)),var(--panel3));box-shadow:0 -18px 45px color-mix(in srgb,var(--text) 4%,transparent)}
.footerInner,.footerAllCategories,.footerBottom{width:min(100%,1500px);margin:0 auto;padding-left:32px;padding-right:32px}
.footerInner{display:grid;grid-template-columns:minmax(310px,1.35fr) minmax(155px,.55fr) minmax(190px,.7fr) minmax(250px,.85fr);gap:52px;padding-top:42px;padding-bottom:34px;align-items:start}
.footerBrand{max-width:470px}.footerLogoLink{display:inline-flex;align-items:center;line-height:0}.footerLogo{display:block;width:210px;height:auto;max-height:72px;object-fit:contain}.footerBrand p{margin:16px 0 7px!important;max-width:440px;color:var(--text);font-size:14px;line-height:1.65;font-weight:700;letter-spacing:-.012em}.footerBrandNote{display:block;max-width:430px;color:var(--muted);font-size:11px;line-height:1.55;font-weight:500}
.footerQuick h2,.footerRoots h2,.footerHelp h2{margin:2px 0 14px;font-size:11px;font-weight:850;letter-spacing:.085em;text-transform:uppercase;color:var(--muted)}
.footerQuick nav,.footerRoots nav{display:grid;gap:8px}.footerQuick a,.footerRoots a{width:max-content;max-width:100%;color:var(--label);font-size:12px;font-weight:650;text-decoration:none;line-height:1.4}.footerQuick a:hover,.footerRoots a:hover{color:var(--blue1);text-decoration:underline;text-underline-offset:4px}
.footerHelp{padding:18px;border:1px solid color-mix(in srgb,var(--blue1) 18%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--blue1) 5%,var(--panel));box-shadow:var(--shadow-sm)}.footerHelp h2{color:var(--blue1);margin-top:0}.footerHelp p{margin:0 0 16px;color:var(--muted);font-size:11.5px;line-height:1.6}.footerContactCta{min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:11px;background:var(--blue1);color:white!important;font-size:11px;font-weight:800;text-decoration:none}.footerContactCta:hover{filter:brightness(1.05)}
.footerAllCategories{border-top:1px solid var(--border);padding-top:0;padding-bottom:0}.footerAllCategories>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:12px;font-weight:800;color:var(--text)}.footerAllCategories>summary::-webkit-details-marker{display:none}.footerAllCategories>summary:after{content:'+';font-size:20px;font-weight:400;color:var(--muted)}.footerAllCategories[open]>summary:after{content:'−'}.footerAllCategoriesGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 34px;padding:3px 0 30px}.footerCategoryColumn{min-width:0}.footerCategoryRoot{display:block;margin-bottom:10px;color:var(--text);font-size:12px;font-weight:800;text-decoration:none}.footerCategoryRoot:hover{color:var(--blue1)}.footerCategoryChildren{display:grid;gap:6px;max-height:340px;overflow:auto;padding-right:8px;scrollbar-width:thin}.footerCategoryChildren a{color:var(--muted);font-size:10px;line-height:1.42;font-weight:520;text-decoration:none}.footerCategoryChildren a:hover{color:var(--blue1);text-decoration:underline;text-underline-offset:3px}
.footerBottom{border-top:1px solid var(--border);padding-top:16px;padding-bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:10px;font-weight:650}.footerBottom a{color:var(--blue1);font-weight:800;text-decoration:none}.footerBottom a:hover{text-decoration:underline}

/* Paiement PayPal */
.hybridPaymentBox{width:min(100%,620px);margin-top:10px;padding:16px;border:1px solid color-mix(in srgb,var(--blue1) 24%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--blue1) 4%,var(--panel));display:grid;gap:13px;box-shadow:var(--shadow-sm)}
.hybridPaymentHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hybridPaymentHead>div{display:grid;gap:2px}.hybridPaymentHead strong{font-size:14px;font-weight:800}.hybridPaymentHead span{font-size:11px;color:var(--muted)}.hybridPaymentClose{width:30px;height:30px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted);font-size:19px;line-height:1;cursor:pointer}.hybridPaymentClose:hover{color:var(--text);border-color:var(--border-strong)}
.hybridPaymentActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hybridPaymentActions .btn{min-width:210px}
@media(max-width:1100px){.footerInner{grid-template-columns:1.2fr .55fr .7fr}.footerHelp{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.footerHelp h2{grid-column:1}.footerHelp p{grid-column:1;margin:0}.footerContactCta{grid-column:2;grid-row:1/3}.footerAllCategoriesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.footerInner,.footerAllCategories,.footerBottom{width:100%;padding-left:14px;padding-right:14px}.footerInner{grid-template-columns:1fr 1fr;gap:28px 22px;padding-top:30px}.footerBrand{grid-column:1/-1}.footerHelp{grid-column:1/-1}.footerLogo{width:180px}.footerAllCategoriesGrid{grid-template-columns:1fr 1fr;gap:24px}.footerBottom{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.hybridPaymentActions{display:grid;grid-template-columns:1fr}.hybridPaymentActions .btn,.hybridPaymentActions .ghost{width:100%;min-width:0}}
@media(max-width:460px){.footerInner{grid-template-columns:1fr}.footerQuick,.footerRoots{padding-top:4px}.footerHelp{display:block}.footerContactCta{margin-top:2px}.footerAllCategoriesGrid{grid-template-columns:1fr}.footerCategoryChildren{max-height:260px}.footerBottom{align-items:flex-start}.hybridPaymentBox{padding:13px}}

/* V4.3.18.36 · récapitulatif paiement PayPal */
.orderPaymentBreakdown{display:flex;flex-wrap:wrap;gap:7px 14px;margin:10px 0 2px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--blue1) 20%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--blue1) 5%,var(--panel));font-size:10px;color:var(--muted);font-weight:550}.orderPaymentBreakdown b{color:var(--text);font-weight:800}
@media(max-width:480px){.footerInner,.footerAllCategories,.footerBottom{padding-left:11px;padding-right:11px}}

/* Babidee V4.3.1 — finition footer */
.footerQuick,.footerRoots{margin:0;padding:0;text-align:left}
.footerQuick h2,.footerRoots h2{margin:2px 0 14px;padding:0;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--text);line-height:1.4}
.footerQuick nav,.footerRoots nav{margin:0;padding:0;justify-items:start;align-items:start}
.footerQuick a,.footerRoots a{margin:0;padding:0;text-align:left}
.footerBottom{justify-content:center;text-align:center}
.footerBottom span{width:100%;text-align:center}

/* Babidee V4.3.2 — alignement strict titres/listes du footer */
.footerInner .footerQuick,
.footerInner .footerRoots{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.footerInner .footerQuick>h2,
.footerInner .footerRoots>h2{
  display:block!important;
  align-self:stretch!important;
  width:100%!important;
  margin:0 0 12px 0!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
  text-indent:0!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--blue1)!important;
}
.footerInner .footerQuick>nav,
.footerInner .footerRoots>nav{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.footerInner .footerQuick>nav>a,
.footerInner .footerRoots>nav>a{
  display:block!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-indent:0!important;
  line-height:1.4!important;
}
@media(max-width:460px){
  .footerInner .footerQuick,
  .footerInner .footerRoots{padding-top:0!important}
}

/* Babidee V4.3.4 — footer mobile compact + carte contact centrée */
.footerHelp{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.footerHelp>h2,
.footerHelp>p{
  width:100%!important;
  text-align:center!important;
}
.footerHelp>p{
  max-width:430px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.footerHelp .footerContactCta{
  align-self:center!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:760px){
  .footerInner{gap:24px 18px}
  .footerHelp{grid-column:1/-1!important;padding:17px 18px!important}
  .footerHelp>h2{margin-bottom:8px!important}
  .footerHelp>p{margin:0 0 13px!important}
}

@media(max-width:460px){
  .footerInner{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:16px!important;
    row-gap:22px!important;
    padding-top:26px!important;
  }
  .footerBrand{
    grid-column:1/-1!important;
    margin:0!important;
  }
  .footerInner .footerQuick{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .footerInner .footerRoots{
    grid-column:2!important;
    grid-row:auto!important;
  }
  .footerInner .footerQuick,
  .footerInner .footerRoots{
    min-width:0!important;
    padding-top:0!important;
  }
  .footerInner .footerQuick>h2,
  .footerInner .footerRoots>h2{
    margin-bottom:10px!important;
  }
  .footerInner .footerQuick>nav,
  .footerInner .footerRoots>nav{
    gap:7px!important;
  }
  .footerInner .footerQuick>nav>a,
  .footerInner .footerRoots>nav>a{
    max-width:100%!important;
    font-size:11.5px!important;
  }
  .footerHelp{
    grid-column:1/-1!important;
    padding:16px!important;
  }
  .footerContactCta{
    width:min(100%,240px)!important;
  }
}

/* Babidee V4.3.5 — contrôles harmonisés site + administration */
:root{
  --ui-control-height:42px;
  --ui-field-height:46px;
  --ui-control-radius:12px;
  --ui-action-gap:7px;
}
/* Les boutons d'action partagent les mêmes proportions sur toutes les pages publiques. */
.btn,.ghost{
  min-height:var(--ui-control-height)!important;
  height:auto!important;
  padding:9px 14px!important;
  border-radius:var(--ui-control-radius)!important;
  gap:var(--ui-action-gap)!important;
  line-height:1.2!important;
  font-weight:740!important;
}
.btn svg,.ghost svg{flex:0 0 auto}
.btn:focus-visible,.ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--blue1) 22%,transparent);outline-offset:2px}
.field,select.field,textarea.field,.search input{
  min-height:var(--ui-field-height)!important;
  border-radius:var(--ui-control-radius)!important;
}
/* Chips, pagination, onglets et boutons icône restent des composants compacts par intention. */


/* V4.3.6 — encarts informatifs de la fiche : un peu plus discrets */
.detailPanel .proxyBidNotice{margin:0 0 8px;font-size:12.5px;line-height:1.48;padding:10px 12px}
.detailPanel .reserveBuyerNotice{font-size:10.5px}
.detailPanel .feeNotice span{font-size:10.5px}
.detailPanel .directOfferBox p,.detailPanel .signedOutBidBox p{font-size:12.5px;line-height:1.48}
.messageTabs .chip{display:inline-flex;align-items:center;gap:6px}


/* V4.3.7 — Messagerie compacte / conversations dépliables */
.messageThreadList{gap:8px!important}
.messageThreadList .messageThread{overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;background:var(--panel);color:var(--text)}
.messageThreadList .messageThread:not(.isExpanded)>:not(.messageThreadHead){display:none!important}
.messageThreadList .messageThread:not(.isExpanded) .messageThreadHead{cursor:pointer;min-height:58px;padding:9px 13px!important;display:flex!important;align-items:center!important;gap:12px!important}
.messageThreadList .messageThread:not(.isExpanded) .threadProduct{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important}
.messageThreadList .messageThread:not(.isExpanded) .threadProduct>img,
.messageThreadList .messageThread:not(.isExpanded) .threadFallback{width:38px!important;height:38px!important;min-width:38px!important;border-radius:9px!important}
.messageThreadList .messageThread:not(.isExpanded) .threadProduct>div:last-child{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important}
.messageThreadList .messageThread:not(.isExpanded) .threadProduct .status,
.messageThreadList .messageThread:not(.isExpanded) .threadProduct .small{display:none!important}
.messageThreadList .messageThread:not(.isExpanded) .threadProduct h2{font-size:14px!important;font-weight:700!important;line-height:1.25!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
.messageThreadList .messageThread:not(.isExpanded) .threadOffer{margin-left:auto!important;flex:0 0 auto!important}
.messageThreadList .messageThread:not(.isExpanded) .threadOffer .label{display:none!important}
.messageThreadList .messageThread:not(.isExpanded) .pill,
.messageThreadList .messageThread:not(.isExpanded) .warningCountBadge{margin-left:auto!important;flex:0 0 auto!important}
.messageThreadList .messageThread.isExpanded .messageThreadHead{cursor:pointer}
.messageThreadList .messageThreadHead::after{content:'›';font-size:22px;line-height:1;color:var(--muted,#718096);margin-left:4px;transform:rotate(90deg);transition:transform .15s ease;flex:0 0 auto}
.messageThreadList .messageThread.isExpanded .messageThreadHead::after{transform:rotate(-90deg)}
@media(max-width:640px){
 .messageThreadList .messageThread:not(.isExpanded) .messageThreadHead{min-height:54px;padding:8px 10px!important;gap:8px!important}
 .messageThreadList .messageThread:not(.isExpanded) .threadProduct>img,.messageThreadList .messageThread:not(.isExpanded) .threadFallback{width:34px!important;height:34px!important;min-width:34px!important}
 .messageThreadList .messageThread:not(.isExpanded) .threadProduct h2{font-size:13.5px!important}
 .messageThreadList .messageThread:not(.isExpanded) .threadOffer strong{font-size:13px!important}
}


/* Babidee V4.3.8 — messagerie compacte respectant les thèmes clair/sombre */
.messageThreadList .messageThread{background:var(--panel)!important;border-color:var(--border)!important;color:var(--text)!important}
.messageThreadList .messageThread:not(.isExpanded) .messageThreadHead{background:var(--panel)!important;color:var(--text)!important;border-bottom-color:transparent!important}
.messageThreadList .messageThread:not(.isExpanded):hover{background:var(--panel3)!important;border-color:var(--border-strong)!important;box-shadow:var(--shadow-sm)!important}
.messageThreadList .messageThread:not(.isExpanded):hover .messageThreadHead{background:var(--panel3)!important}
.messageThreadList .messageThread.isExpanded{background:var(--panel)!important;border-color:var(--border-strong)!important}
.messageThreadList .messageThread.isExpanded .messageThreadHead{background:color-mix(in srgb,var(--blue1) 5%,var(--panel))!important;border-bottom:1px solid var(--border)!important}
.messageThreadList .messageThread .threadProduct h2,.messageThreadList .messageThread .threadOffer strong{color:var(--text)!important}
.messageThreadList .messageThread .small,.messageThreadList .messageThread .label,.messageThreadList .messageThreadHead::after{color:var(--muted)!important}
html[data-theme='dark'] .messageThreadList .messageThread:not(.isExpanded):hover{background:color-mix(in srgb,var(--panel2) 82%,var(--panel))!important}
html[data-theme='dark'] .messageThreadList .messageThread:not(.isExpanded):hover .messageThreadHead{background:transparent!important}

/* Babidee V4.3.9 — en-tête et corps d'une conversation dépliée sur une surface unique */
.messageThreadList .messageThread.isExpanded,
.messageThreadList .messageThread.isExpanded .messageThreadHead,
.messageThreadList .messageThread.isExpanded .messageRail,
.messageThreadList .messageThread.isExpanded .chatComposer,
.messageThreadList .messageThread.isExpanded .negotiationBar,
.messageThreadList .messageThread.isExpanded .acceptedPayment{
  background:var(--panel)!important;
}
.messageThreadList .messageThread.isExpanded .messageThreadHead{
  border-bottom-color:var(--border)!important;
  box-shadow:none!important;
}

/* Babidee V4.3.12 — paiement groupé 72 h */
.paymentGroupInline{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text)}
.paymentGroupInline>svg{flex:0 0 auto;margin-top:1px;color:var(--blue1)}
.paymentGroupInline>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.paymentGroupInline b{font-size:12.5px;line-height:1.35}
.paymentGroupInline span{font-size:11px;line-height:1.4;color:var(--muted)}
.groupedCheckoutBox{max-width:680px}
.groupedPurchaseList{display:flex;flex-direction:column;gap:7px;margin:12px 0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.groupedPurchaseList>div{display:flex;justify-content:space-between;gap:14px;align-items:center;min-width:0}
.groupedPurchaseList span{font-size:11.5px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.groupedPurchaseList small{font-size:10px;color:var(--muted);white-space:nowrap}
.groupedPaymentSummary{display:grid;gap:7px;margin:12px 0}
.groupedPaymentSummary>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}
.groupedPaymentSummary span{color:var(--muted)}
.groupedPaymentSummary strong{font-weight:750;color:var(--text)}
.groupedPaymentSummary .groupedPaymentTotal{padding-top:9px;margin-top:2px;border-top:1px solid var(--border)}
.groupedPaymentSummary .groupedPaymentTotal span,.groupedPaymentSummary .groupedPaymentTotal strong{font-size:14px;color:var(--text)}
.groupedPaymentNotice{font-size:10.8px;line-height:1.45;padding:9px 11px;margin-bottom:12px}
.groupedOrderLinkedNotice{font-size:11px;line-height:1.45;padding:9px 11px;margin:0}
@media(max-width:600px){.groupedPurchaseList>div{align-items:flex-start;flex-direction:column;gap:2px}.groupedPurchaseList span{white-space:normal}.groupedCheckoutBox{width:100%}}


/* Babidee V4.3.15 — navigation mobile fixe type application */
@media(max-width:620px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .mobileDock{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:64px!important;
    z-index:90!important;
    margin:0!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid var(--border)!important;
    border-radius:0!important;
    background:var(--panel)!important;
    box-shadow:0 -7px 24px rgba(8,12,20,.14)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .mobileDock a{
    min-width:0!important;
    min-height:52px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    margin:0!important;
    padding:4px 2px!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--text)!important;
    font-size:10px!important;
    font-weight:760!important;
    line-height:1.12!important;
    text-decoration:none!important;
    transition:color .14s ease,background .14s ease!important;
  }
  html[data-theme='dark'] .mobileDock a{color:#fff!important}
  .mobileDock a svg{color:currentColor!important;stroke:currentColor!important}
  .mobileDock a.primary,
  .mobileDock a.active,
  .mobileDock a[aria-current='page']{color:var(--blue1)!important}
  .mobileDock a.primary svg,
  .mobileDock a.active svg,
  .mobileDock a[aria-current='page'] svg{color:var(--blue1)!important;stroke:var(--blue1)!important}
  .mobileDock a:active{background:color-mix(in srgb,var(--blue1) 9%,transparent)!important}
  .footerBottom{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
}

/* Babidee V4.3.16 — Enchères en cours / à venir / terminées */
.auctionArchiveHeader{margin-bottom:18px}
.auctionArchiveControls{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.auctionArchiveSearch{display:flex;align-items:center;gap:9px;min-height:44px;flex:1;max-width:620px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-sm)}
.auctionArchiveSearch svg{color:var(--muted);flex:0 0 auto}
.auctionArchiveSearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;padding:10px 0}
.auctionArchiveSearch input::placeholder{color:var(--muted)}
.auctionArchiveFilter{padding-bottom:0;flex:0 0 auto}
.auctionArchiveSummary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:650;margin-bottom:18px}
.auctionArchiveSummary span:last-child{display:inline-flex;align-items:center;gap:6px}
.archiveAuctionCard .auctionBadgeStack{position:absolute;left:12px;top:12px;z-index:3}
.archiveAuctionCard .badge{position:static;display:inline-flex;align-items:center;gap:5px}
.upcomingBadge{color:var(--blue1)!important;border-color:color-mix(in srgb,var(--blue1) 35%,var(--border))!important;background:color-mix(in srgb,var(--blue1) 10%,var(--panel))!important}
.soldBadge{color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 35%,var(--border))!important;background:color-mix(in srgb,var(--success) 9%,var(--panel))!important}
.endedBadge{color:var(--muted)!important;border-color:var(--border)!important;background:color-mix(in srgb,var(--panel2) 88%,var(--panel))!important}
.auctionScheduleNotice,.auctionEndNotice{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:11px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--blue1) 28%,var(--border));background:color-mix(in srgb,var(--blue1) 7%,var(--panel));color:var(--text)}
.auctionEndNotice{border-color:var(--border);background:var(--panel2)}
.auctionEndNotice.sold{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--panel))}
.auctionScheduleNotice svg{color:var(--blue1);flex:0 0 auto;margin-top:1px}.auctionEndNotice svg{color:var(--muted);flex:0 0 auto;margin-top:1px}.auctionEndNotice.sold svg{color:var(--success)}
.auctionScheduleNotice span,.auctionEndNotice span{display:block;color:var(--muted);font-size:10.5px;font-weight:750;margin-bottom:2px;text-transform:uppercase;letter-spacing:.035em}
.auctionScheduleNotice strong,.auctionEndNotice strong{display:block;font-size:13px;line-height:1.35}
.archiveAuctionStats{margin-top:13px}
.archiveDateShort{font-size:12px;font-weight:760;line-height:1.35;color:var(--text)}
.scheduledDetailDate{font-size:15px;font-weight:820;line-height:1.35;color:var(--blue1)}
.scheduledAuctionCallout,.endedAuctionCallout{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 15px;border-radius:13px;border:1px solid color-mix(in srgb,var(--blue1) 28%,var(--border));background:color-mix(in srgb,var(--blue1) 7%,var(--panel))}
.endedAuctionCallout{border-color:var(--border);background:var(--panel2)}
.endedAuctionCallout.sold{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--panel))}
.scheduledAuctionCallout>svg{color:var(--blue1);flex:0 0 auto}.endedAuctionCallout>svg{color:var(--muted);flex:0 0 auto}.endedAuctionCallout.sold>svg{color:var(--success)}
.scheduledAuctionCallout b,.endedAuctionCallout b{display:block;font-size:14px;margin-bottom:3px}.scheduledAuctionCallout p,.endedAuctionCallout p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:900px){.auctionArchiveControls{flex-direction:column}.auctionArchiveSearch{max-width:none;width:100%}.auctionArchiveFilter{width:100%}}
@media(max-width:620px){.auctionArchiveSummary{align-items:flex-start;flex-direction:column;gap:7px}.auctionScheduleNotice strong,.auctionEndNotice strong{font-size:12.5px}.archiveDateShort{font-size:11px}.scheduledDetailDate{font-size:13px}}
@media(max-width:1320px) and (min-width:1051px){
  .mainNav{gap:4px;margin-left:10px;margin-right:10px}
  .mainNav .premiumNavLink{font-size:11.2px;padding-left:4px;padding-right:4px;gap:5px}
  .mainNav .premiumNavIcon svg{width:14px;height:14px}
  .headerFavoritesLink{padding-left:7px;padding-right:7px;font-size:11px}
  .topbar>.actions .btn{padding-left:10px;padding-right:10px;font-size:11px}
}


/* Babidee V4.3.17.1 — navigation mobile sûre + filtres homogènes */
@media(max-width:620px){
  .mobileDock{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding-left:4px!important;padding-right:4px!important}
  .mobileDock a{font-size:10px!important;padding-left:1px!important;padding-right:1px!important;gap:2px!important}
  .mobileDock a svg{width:20px!important;height:20px!important}
}
.archiveCategoryFilters{margin-bottom:12px}
.archiveSaleStateFilters{margin:0 0 16px;padding-bottom:0;display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:760px){
  .auctionArchiveControls{display:block}
  .auctionArchiveSearch{max-width:none;width:100%}
  .archiveCategoryFilters{margin-top:12px}
  .archiveSaleStateFilters{margin-top:2px}
}

/* V4.3.18 — héros partagé + adjudication simplifiée */
.heroSellAction{display:flex;align-items:center;margin-top:12px}
.heroSellButton{width:max-content}
.marketplaceSharedHero + .pageHeader{margin-top:6px}
.soldFinalPrice{color:var(--success);font-weight:900}
@media(max-width:620px){
  .heroSellAction{margin-top:10px}
  .heroSellButton{width:100%}
  .marketplaceSharedHero + .pageHeader{margin-top:2px}
}

/* V4.3.18.3 — prix adjugé : taille d’origine, graisse légèrement renforcée, même coupe que le badge */
.archiveAuctionCard.endedAuctionCard .homePrice.soldFinalPrice{
  color:var(--success)!important;
  font-weight:900!important;
  -webkit-text-stroke:.14px currentColor;
}
.archiveAuctionCard.endedAuctionCard .archiveAuctionStats{
  position:relative;
}
.archiveAuctionCard.endedAuctionCard .soldCardCenterIcon{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--success);
  -webkit-text-stroke:0;
  line-height:1;
  pointer-events:none;
  z-index:2;
}
.archiveAuctionCard.endedAuctionCard .soldCardCenterIcon svg{
  width:clamp(25px,2.15vw,29px);
  height:clamp(25px,2.15vw,29px);
  min-width:clamp(25px,2.15vw,29px);
  min-height:clamp(25px,2.15vw,29px);
}
@media(max-width:620px){
  .archiveAuctionCard.endedAuctionCard .soldCardCenterIcon svg{
    width:clamp(24px,7vw,27px);
    height:clamp(24px,7vw,27px);
    min-width:clamp(24px,7vw,27px);
    min-height:clamp(24px,7vw,27px);
  }
}
html[data-theme='light'] .archiveAuctionCard.endedAuctionCard .homePrice:not(.soldFinalPrice){
  color:var(--text)!important;
}


/* Babidee V4.3.18.6 — origine des ventes conclues dans les enchères terminées */
.archiveAuctionCard.endedAuctionCard .soldCardCenterIcon.auction,
.archiveAuctionCard.endedAuctionCard .soldCardCenterIcon.direct{color:var(--success)}
.archiveAuctionCard.endedAuctionCard .soldCardCenterIcon.secondChance{color:var(--success)}
.archiveAuctionCard.endedAuctionCard .directOfferSaleBadge{white-space:nowrap}
.archiveAuctionCard.endedAuctionCard .secondChanceAcceptedBadge{white-space:nowrap}
@media(max-width:620px){
  .archiveAuctionCard.endedAuctionCard .auctionBadgeStack .badge{font-size:9.5px}
}

/* Babidee V4.3.18.8 — démonstrations terminées navigables + variantes acceptées vertes */
.archiveAuctionCard.endedAuctionCard .secondChanceAcceptedBadge{color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 35%,var(--border))!important;background:color-mix(in srgb,var(--success) 9%,var(--panel))!important}


/* Babidee V4.3.18.13 — état de chargement du compte sans faux écran vide */
.accountLoadingState{min-height:210px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;color:var(--muted)}
.accountLoadingState b{color:var(--text);font-size:14px}
.accountLoadingState>span:last-child{max-width:460px;font-size:11px;line-height:1.5}
.accountLoadingSpinner{width:30px;height:30px;border:3px solid color-mix(in srgb,var(--blue1) 20%,var(--border));border-top-color:var(--blue1);border-radius:50%;animation:babideeAccountSpin .75s linear infinite}
@keyframes babideeAccountSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.accountLoadingState{min-height:170px;padding:22px 16px}}

/* V4.3.18.14 — loading state for primary navigation pages */
.pageDataLoader{min-height:180px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-weight:750;padding:36px 18px}.pageDataSpinner{width:27px;height:27px;border-radius:50%;border:3px solid color-mix(in srgb,var(--blue1) 18%,transparent);border-top-color:var(--blue1);animation:bmmDataSpin .72s linear infinite;flex:0 0 auto}@keyframes bmmDataSpin{to{transform:rotate(360deg)}}@media(max-width:640px){.pageDataLoader{min-height:140px;padding:28px 12px}.pageDataSpinner{width:24px;height:24px}}

/* Remise en vente des objets invendus */
.relistModal{width:min(100%,640px);position:relative;padding:27px;box-shadow:0 28px 92px rgba(0,0,0,.38)}
.relistModal h2{margin:7px 44px 10px 0}.relistModal>p{color:var(--muted);line-height:1.58}
.relistChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.relistChoice{min-height:142px;border:1px solid var(--border);border-radius:16px;background:var(--panel2);color:var(--text);padding:18px;text-align:left;display:flex;align-items:flex-start;gap:13px;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.relistChoice:hover{border-color:color-mix(in srgb,var(--blue1) 58%,var(--border));transform:translateY(-1px)}
.relistChoice>svg{color:var(--blue1);flex:0 0 auto;margin-top:1px}.relistChoice>span{display:grid;gap:7px}.relistChoice b{font-size:13px;line-height:1.35}.relistChoice small{color:var(--muted);line-height:1.5}
.relistChoice.primary{background:color-mix(in srgb,var(--blue1) 8%,var(--panel));border-color:color-mix(in srgb,var(--blue1) 38%,var(--border))}
.relistSecondChanceNote{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border)}
.sellerListingActions{flex-wrap:wrap;justify-content:flex-end}.relistAuctionButton{min-height:36px;padding:8px 12px}.deleteUnsoldAuctionButton{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.deleteUnsoldAuctionButton:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 58%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--panel))}
.sellFormActions.relistFormActions{grid-template-columns:1fr}.sellFormActions.relistFormActions .btn{width:100%}
@media(max-width:650px){.relistModal{padding:22px 17px}.relistChoiceGrid{grid-template-columns:1fr}.relistChoice{min-height:0}.sellerListingActions{width:100%;justify-content:stretch}.sellerListingActions .relistAuctionButton,.sellerListingActions .deleteUnsoldAuctionButton{flex:1 1 auto;justify-content:center}}

/* Babidee V4.3.18.21 — transactions compactes dépliables dans Mes achats / Mes ventes */
.orderAccordion{display:block;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden}
.orderAccordion+.orderAccordion{margin-top:0}
.orderCompactSummary{list-style:none;display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(155px,1fr) minmax(145px,.9fr) minmax(100px,.65fr);align-items:center;gap:14px;padding:13px 48px 13px 16px;min-height:68px;cursor:pointer;position:relative;user-select:none;transition:background .16s ease}
.orderCompactSummary::-webkit-details-marker{display:none}
.orderCompactSummary::marker{display:none;content:""}
.orderCompactSummary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-68%) rotate(45deg);transition:transform .18s ease,border-color .18s ease}
.orderAccordion[open]>.orderCompactSummary::after{transform:translateY(-28%) rotate(225deg);border-color:var(--blue1)}
.orderCompactSummary:hover{background:color-mix(in srgb,var(--blue1) 5%,var(--panel))}
.orderCompactCell{min-width:0;display:grid;gap:3px;color:var(--text);font-size:12px;line-height:1.25}
.orderCompactCell>span:not(.orderCompactLabel),.orderCompactCell>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orderCompactProduct strong{font-size:13px;font-weight:820}
.orderCompactReference>span:last-child{font-variant-numeric:tabular-nums;font-weight:720;color:var(--label)}
.orderCompactContact>span:last-child{font-weight:720}
.orderCompactTotal{text-align:right}
.orderCompactTotal strong{font-size:14px;color:var(--blue1);font-weight:900;font-variant-numeric:tabular-nums}
.orderCompactLabel{text-transform:uppercase;letter-spacing:.055em;font-size:9px;font-weight:800;color:var(--muted)}
.orderAccordionBody{border-top:1px solid var(--border);background:var(--panel)}
.orderAccordionBody>.order{border:0;border-radius:0;box-shadow:none;padding:16px 17px;background:transparent}
@media(max-width:820px){
  .orderCompactSummary{grid-template-columns:minmax(0,1.45fr) minmax(125px,.85fr) minmax(110px,.8fr);padding-right:44px}
  .orderCompactTotal{grid-column:3;grid-row:1;text-align:right}
  .orderCompactContact{grid-column:1 / span 2;grid-row:2;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:8px}
  .orderCompactReference{grid-column:2;grid-row:1}
}
@media(max-width:560px){
  .orderCompactSummary{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:12px 40px 12px 13px;min-height:0}
  .orderCompactProduct{grid-column:1;grid-row:1}
  .orderCompactTotal{grid-column:2;grid-row:1;align-self:center}
  .orderCompactReference{grid-column:1;grid-row:2}
  .orderCompactContact{grid-column:2;grid-row:2;border:0;padding:0;text-align:right;max-width:145px}
  .orderCompactProduct strong{font-size:12.5px}
  .orderCompactTotal strong{font-size:13px}
  .orderCompactCell{font-size:11px}
  .orderCompactLabel{font-size:8.5px}
  .orderCompactSummary::after{right:14px}
  .orderAccordionBody>.order{padding:14px 13px}
}

/* Babidee v4.3.18.23 — grouped purchases: one compact card per seller/payment group */
.groupedPurchaseAccordion{border-color:color-mix(in srgb,var(--blue1) 24%,var(--border))}
.groupedPurchaseSummary{background:color-mix(in srgb,var(--blue1) 2.5%,var(--panel))}
.groupedPurchaseSummary .orderCompactProduct strong{color:var(--text)}
.groupedPurchaseOrder{display:grid;gap:14px}
.groupedPurchaseHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.groupedPurchaseItems{display:grid;gap:9px}
.groupedPurchaseItem{border:1px solid var(--border);border-radius:12px;background:var(--panel2);padding:11px 12px;display:grid;gap:8px}
.groupedPurchaseItemHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.groupedPurchaseItemHead>div{min-width:0;display:grid;gap:2px}
.groupedPurchaseItemHead b{font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
.groupedPurchaseItemHead>strong{font-size:13px;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}
.groupedPurchaseItemFees{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:11px;color:var(--muted)}
.groupedPurchaseItemFees span{white-space:nowrap}
.groupedPurchaseItemFees b{color:var(--label);font-variant-numeric:tabular-nums}
.groupedPurchaseItemActions{display:flex;gap:8px;flex-wrap:wrap;padding-top:3px}
.groupedPurchaseTotals{display:grid;gap:7px;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel3)}
.groupedPurchaseTotals>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted)}
.groupedPurchaseTotals b{color:var(--label);font-variant-numeric:tabular-nums}
.groupedPurchaseTotals .groupedPurchaseGrandTotal{padding-top:8px;border-top:1px solid var(--border);align-items:baseline;color:var(--text)}
.groupedPurchaseGrandTotal strong{font-size:17px;color:var(--blue1);font-weight:900;font-variant-numeric:tabular-nums}
.groupedPurchaseActions{margin-top:0;flex-wrap:wrap}
@media(max-width:700px){
  .groupedPurchaseHeader{align-items:flex-start}
  .groupedPurchaseItemHead{gap:9px}
  .groupedPurchaseItemFees{display:grid;grid-template-columns:1fr auto;gap:5px 10px}
  .groupedPurchaseItemFees span{white-space:normal;display:contents}
  .groupedPurchaseItemFees span b{text-align:right}
}
@media(max-width:480px){
  .groupedPurchaseItem{padding:10px}
  .groupedPurchaseItemHead{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .groupedPurchaseItemHead b{font-size:12px}
  .groupedPurchaseTotals{padding:10px 11px}
}

/* Babidee V4.3.18.24 — badges transaction/expédition + paiement pleine largeur */
.transactionStatusBadges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.transactionStatusBadges .status{margin:0}
.transactionStatusBadges.payment-PAID.fulfillment-AWAITING_LABEL .status:last-child{
  color:#c9650b;
  background:color-mix(in srgb,#f59e0b 14%,var(--panel));
  border-color:color-mix(in srgb,#f59e0b 40%,var(--border));
}
.transactionStatusBadges.payment-PAID.fulfillment-SHIPPED .status:last-child{
  color:#178548;
  background:color-mix(in srgb,#22c55e 13%,var(--panel));
  border-color:color-mix(in srgb,#22c55e 38%,var(--border));
}
html[data-theme='dark'] .transactionStatusBadges.payment-PAID.fulfillment-AWAITING_LABEL .status:last-child{color:#ffb347}
html[data-theme='dark'] .transactionStatusBadges.payment-PAID.fulfillment-SHIPPED .status:last-child{color:#67dd91}

.orderDetailHeader,.groupedPurchaseHeader{align-items:flex-start}
.orderHeaderMeta{margin-top:3px}
.orderHeaderActions,.groupedPurchaseHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.orderHeaderMessage{min-height:34px;padding:6px 10px;font-size:11px}
.orderPaymentActions,.groupedPurchaseActions{width:100%;align-items:stretch}
.orderPaymentActions>.groupedCheckoutBox,.groupedPurchaseActions>.groupedCheckoutBox,.groupedCheckoutBox{width:100%;max-width:none;box-sizing:border-box;flex:1 1 100%}
.groupedPurchaseActions{display:flex}
@media(max-width:700px){
  .orderDetailHeader,.groupedPurchaseHeader{display:grid!important;grid-template-columns:1fr;gap:9px}
  .orderHeaderActions,.groupedPurchaseHeaderActions{justify-content:flex-start}
  .orderHeaderMessage{order:2}
  .transactionStatusBadges{gap:5px}
}


/* Babidee V4.3.18.25 — statuts paiement + actions rapides vue d’ensemble */
.status.status-awaiting-payment{color:#b42318;background:color-mix(in srgb,#ef4444 12%,var(--panel));border-color:color-mix(in srgb,#ef4444 38%,var(--border))}
.status.status-paid{color:#167a43;background:color-mix(in srgb,#22c55e 12%,var(--panel));border-color:color-mix(in srgb,#22c55e 36%,var(--border))}
html[data-theme='dark'] .status.status-awaiting-payment{color:#ff7b72;background:color-mix(in srgb,#ef4444 18%,var(--panel));border-color:color-mix(in srgb,#ef4444 48%,var(--border))}
html[data-theme='dark'] .status.status-paid{color:#69db95;background:color-mix(in srgb,#22c55e 16%,var(--panel));border-color:color-mix(in srgb,#22c55e 44%,var(--border))}
.miniAuctionCardActionable{position:relative;padding:0!important;overflow:hidden}
.miniAuctionMainLink{display:block;min-width:0;color:inherit;text-decoration:none}
.miniAuctionRemove{position:absolute;top:8px;right:8px;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--muted);cursor:pointer;z-index:2;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease}
.miniAuctionRemove:hover{transform:translateY(-1px);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 42%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--panel))}
.miniAuctionRemove:focus-visible{outline:2px solid var(--blue1);outline-offset:2px}
@media(max-width:700px){.miniAuctionRemove{top:6px;right:6px;width:28px;height:28px}}

/* Babidee V4.3.18.26 — statuts + suivi visibles dans la ligne compacte de Mes achats */
.orderCompactStatusRow{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px;min-width:0}
.orderCompactStatusRow .status{margin:0;padding:3px 7px;font-size:9px;line-height:1.1;white-space:nowrap}
.orderCompactTracking{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:3px 7px;border:1px solid color-mix(in srgb,var(--blue1) 28%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--blue1) 6%,var(--panel));color:var(--blue1);font-size:9.5px;font-weight:800;text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orderCompactTracking svg{flex:0 0 auto}.orderCompactTracking:not(.isStatic):hover{background:color-mix(in srgb,var(--blue1) 12%,var(--panel));border-color:color-mix(in srgb,var(--blue1) 48%,var(--border));text-decoration:none}.orderCompactTracking.isStatic{color:var(--label);border-color:var(--border);background:var(--panel2)}
@media(max-width:560px){.orderCompactStatusRow{gap:4px;margin-top:2px}.orderCompactStatusRow .status,.orderCompactTracking{font-size:8.5px;padding:2px 6px}.orderCompactProduct{align-self:start}}

/* Babidee V4.3.18.27 — couleurs explicites des statuts d'expédition */
.status.status-awaiting-label{color:#b45309;background:color-mix(in srgb,#f59e0b 13%,var(--panel));border-color:color-mix(in srgb,#f59e0b 40%,var(--border))}
.status.status-shipped{color:#167a43;background:color-mix(in srgb,#22c55e 12%,var(--panel));border-color:color-mix(in srgb,#22c55e 36%,var(--border))}
html[data-theme='dark'] .status.status-awaiting-label{color:#fbbf24;background:color-mix(in srgb,#f59e0b 18%,var(--panel));border-color:color-mix(in srgb,#f59e0b 48%,var(--border))}
html[data-theme='dark'] .status.status-shipped{color:#69db95;background:color-mix(in srgb,#22c55e 16%,var(--panel));border-color:color-mix(in srgb,#22c55e 44%,var(--border))}
/* V4.3.18.36 — connexion vendeur PayPal */
.paypalConnectActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.paypalConnectHelp{line-height:1.5}
@media(max-width:620px){.paypalConnectActions{display:grid;grid-template-columns:1fr}.paypalConnectActions .btn,.paypalConnectActions .ghost{width:100%;justify-content:center}}

/* Babidee V4.3.18.37 — Préférences de paiement PayPal : mise en page aérée */
.paymentPage{display:grid;gap:22px;padding:8px 0 34px}
.paymentPage>.paypalConnectPanel{width:100%;padding:30px 32px;border-radius:20px;display:grid;gap:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--text) 4%,transparent)}
.paypalConnectPanel .paymentHead{margin:0;padding:0 0 19px;border-bottom:1px solid var(--border);gap:14px;align-items:flex-start}
.paypalConnectPanel .paymentHead>svg{width:25px;height:25px;margin-top:2px;flex:0 0 auto}
.paypalConnectPanel .paymentHead>div{display:grid;gap:6px;min-width:0}
.paypalConnectPanel .paymentHead h2{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.015em}
.paypalConnectPanel .paymentHead p{margin:0;max-width:850px;font-size:12px;line-height:1.65;color:var(--muted)}
.paypalConnectPanel .payoutReady,.paypalConnectPanel .payoutMissing{margin:0;padding:17px 18px;border-radius:14px;gap:14px;align-items:flex-start}
.paypalConnectPanel .payoutReady>svg,.paypalConnectPanel .payoutMissing>svg{margin-top:1px;flex:0 0 auto}
.paypalConnectPanel .payoutReady>div,.paypalConnectPanel .payoutMissing>span{display:grid;gap:5px;min-width:0}
.paypalConnectPanel .payoutReady b,.paypalConnectPanel .payoutMissing b{font-size:12.5px;line-height:1.35}
.paypalConnectPanel .payoutReady span{font-size:11px;line-height:1.45}
.paypalConnectPanel .payoutReady small,.paypalConnectPanel .payoutMissing small{font-size:10.5px;line-height:1.55;color:var(--muted)}
.paypalConnectPanel .paypalConnectActions{margin:0;padding:2px 0;gap:12px}
.paypalConnectPanel .paypalConnectActions .btn,.paypalConnectPanel .paypalConnectActions .ghost{min-height:42px;padding:10px 16px;border-radius:11px}
.paypalConnectPanel>.notice{margin:0;padding:15px 17px;border-radius:13px;font-size:11px;line-height:1.65}
.paypalConnectPanel>.paypalFundsNotice{padding:17px 18px;line-height:1.7}
.paypalConnectPanel>.paypalAccountFootnote{margin:0;padding:2px 2px 0;color:var(--muted);font-size:10.5px;line-height:1.6}
.paymentPage>.paymentMessage{margin:0;padding:15px 17px;border-radius:13px;line-height:1.6}
@media(max-width:760px){
  .paymentPage{gap:16px;padding-top:4px;padding-bottom:26px}
  .paymentPage>.paypalConnectPanel{padding:22px 20px;gap:16px;border-radius:17px}
  .paypalConnectPanel .paymentHead{padding-bottom:16px;gap:12px}
  .paypalConnectPanel .paymentHead h2{font-size:18px}
  .paypalConnectPanel .payoutReady,.paypalConnectPanel .payoutMissing{padding:15px}
  .paypalConnectPanel>.notice,.paymentPage>.paymentMessage{padding:14px 15px}
}
@media(max-width:480px){
  .paymentPage>.paypalConnectPanel{padding:18px 15px;gap:14px}
  .paypalConnectPanel .paymentHead p{font-size:11px}
  .paypalConnectPanel .paypalConnectActions{display:grid;grid-template-columns:1fr;gap:9px}
  .paypalConnectPanel .paypalConnectActions .btn,.paypalConnectPanel .paypalConnectActions .ghost{width:100%;justify-content:center}
}