: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}
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}
.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:0 6px 16px color-mix(in srgb,var(--blue1) 20%,transparent)}
.pageTab.active:hover:not(:disabled){border-color:var(--blue1);background:var(--blue1);color:#fff;transform:none;box-shadow:0 6px 16px color-mix(in srgb,var(--blue1) 20%,transparent);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}}