/* ============================
   BIDZS - Main CSS (CLEAN + PRO) - REFACTO (NO DUPLICATES)
   Header/Footer - Home (Hero + Featured + Why + Ads + Testimonials)
   Auctions listing cards - Product page layout - Account SaaS dashboard
============================ */

/* ---------------------------- Variables + Base ---------------------------- */
:root{
  --primary-blue:#0e4bb3;
  --secondary-green:#00956b;
  --dark:#0a0a0a;
  --gray:#666;
  --bg:#f7f9fb;
  --white:#fff;

  --success:#28a745;
  --warning:#ffc107;
  --error:#dc3545;
  --info:#17a2b8;

  --radius:16px;
  --radius-sm:12px;

  --shadow:0 2px 10px rgba(0,0,0,.08);
  --shadow-strong:0 8px 24px rgba(14,75,179,.16);
}

html,body{ margin:0; padding:0; }
*,*::before,*::after{ box-sizing:border-box; }
html,body{ max-width:100%; overflow-x:hidden; }

body{
  font-family:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:#1a1a1a;
  line-height:1.6;
}

a{ color:inherit; }
.muted,.bidzs-muted{ color:#6b7280; }

/* ---------------------------- Container + Layout ---------------------------- */
.container{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 24px;
}
@media (max-width:767px){
  .container{ padding:0 16px; }
}

.bidzs-main{ min-height:70vh; padding-bottom:84px; } /* bottom nav space */
.bidzs-dashboard{ max-width:1440px; margin:0 auto; padding:22px 16px; }
.bidzs-card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:18px; }

/* ---------------------------- Cards + Buttons + Badges ---------------------------- */
.card{
  background:var(--white);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.btn{
  border-radius:14px;
  padding:12px 14px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  border:0;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
}
.btn-full{ width:100%; }

.btn-primary{
  background:linear-gradient(90deg,#0e4bb3 0%, #00956b 100%);
  color:#fff;
}
.btn-outline{
  background:#fff;
  border:2px solid var(--primary-blue);
  color:var(--primary-blue);
}
.btn:disabled{ opacity:.6; cursor:not-allowed; }

.btn-small{
  height:40px;
  padding:10px 14px;
  font-size:13px;
  border-radius:12px;
  width:85%;
}

.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  white-space:nowrap;
}
.badge-verified{ background:var(--success); color:#fff; }
.badge-expert{ background:var(--warning); color:#111; }

/* mini badges (seller/plan) */
.mini-badge{
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  border:1px solid #eef0f3;
  background:#fff;
}
.mini-badge.ok{
  border-color:rgba(40,167,69,.35);
  background:rgba(40,167,69,.08);
  color:#1a7f37;
}
.mini-badge.warn{
  border-color:rgba(255,193,7,.45);
  background:rgba(255,193,7,.10);
  color:#7a5b00;
}
.mini-badge.base{ border:1px solid #eef0f3; background:#fff; color:#111; }
.mini-badge.plus{ border:1px solid rgba(124,58,237,.35); background:rgba(124,58,237,.10); color:#5b21b6; }
.mini-badge.pro{ border:1px solid rgba(14,75,179,.35); background:rgba(14,75,179,.10); color:#0e4bb3; }
.mini-badge.proplus{ border:1px solid rgba(0,149,107,.35); background:rgba(0,149,107,.10); color:#007a59; }

/* ---------------------------- Header (legacy .bidzs-*) ---------------------------- */
.bidzs-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.bidzs-header-inner{
  height:80px;
  display:flex;
  align-items:center;
  gap:16px;
}
.bidzs-logo{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
}
.bidzs-logo-text{ font-weight:900; letter-spacing:.02em; font-size:18px; }
.bidzs-logo img{ max-height:44px; width:auto; display:block; }

.bidzs-header-search{
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:520px;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:16px;
  padding:10px 12px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.bidzs-header-search input{ width:100%; border:0; outline:none; font-weight:700; }
.bidzs-header-search button{
  border:0;
  background:transparent;
  cursor:pointer;
  font-weight:900;
  font-size:16px;
  color:#111;
}

.bidzs-nav{ display:flex; justify-content:center; }
.bidzs-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:18px;
  align-items:center;
}
.bidzs-menu li{ margin:0; }
.bidzs-menu a{
  text-decoration:none;
  font-weight:800;
  color:#111;
  position:relative;
  padding:6px 0;
}
.bidzs-menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:2px;
  background:var(--primary-blue);
  transition:width .25s ease;
}
.bidzs-menu a:hover{ color:var(--primary-blue); }
.bidzs-menu a:hover::after{ width:100%; }

.pill-plus{
  padding:8px 12px !important;
  border-radius:999px;
  background:rgba(14,75,179,.10);
  color:var(--primary-blue) !important;
  font-weight:900 !important;
}
.pill-plus:hover{ background:rgba(14,75,179,.16); }

.bidzs-header-actions{ display:flex; align-items:center; gap:10px; }

.bidzs-select{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 10px;
  font-weight:800;
  background:#fff;
}

/* user dropdown */
.bidzs-user{ position:relative; }
.bidzs-user-btn{ border:0; background:transparent; padding:0; cursor:pointer; }
.bidzs-avatar{
  width:32px;height:32px;border-radius:999px;object-fit:cover;
  border:2px solid rgba(14,75,179,.25);
}
.bidzs-user-menu{
  position:absolute; right:0; top:44px;
  min-width:220px;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  padding:10px;
  display:none;
}
.bidzs-user-menu.open{ display:block; }
.bidzs-user-menu a{
  display:block;
  padding:10px 10px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
}
.bidzs-user-menu a:hover{ background:#f6f7f9; }
.bidzs-user-menu .sep{ height:1px; background:#eef0f3; margin:8px 0; }
.bidzs-user-menu .danger{ color:var(--error); }

/* burger + mobile nav */
.bidzs-burger{
  display:none;
  border:1px solid #eef0f3;
  background:#fff;
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
  font-weight:900;
}
.bidzs-mobile-nav{
  display:none;
  background:rgba(255,255,255,.98);
  border-top:1px solid #eef0f3;
}
.bidzs-mobile-nav.open{ display:block; }
.bidzs-mobile-nav .container{
  padding-top:14px;
  padding-bottom:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.bidzs-mobile-nav a{
  text-decoration:none;
  font-weight:900;
  padding:12px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #eef0f3;
}
.bidzs-mobile-nav a:hover{ border-color:rgba(14,75,179,.25); }

@media (max-width:1024px){
  .bidzs-nav{ display:none; }
  .bidzs-header-search{ max-width:100%; }
  .bidzs-burger{ display:inline-flex; }
}

/* bottom nav */
.bidzs-bottom-nav{
  position:fixed;
  left:0; right:0; bottom:0;
  height:64px;
  background:#fff;
  border-top:1px solid #eef0f3;
  display:none;
  align-items:center;
  justify-content:space-around;
  z-index:9998;
}
.bidzs-bottom-nav .bn-item{
  text-decoration:none;
  color:var(--primary-blue);
  font-weight:900;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  font-size:12px;
}
.bidzs-bottom-nav .bn-item span{
  font-size:10px;
  color:#111;
  opacity:.8;
}
@media (max-width:767px){
  .bidzs-bottom-nav{ display:flex; }
}

/* ---------------------------- Header (variants .bz-*) ---------------------------- */
.bz-header{ background:#fff; border-bottom:1px solid #eef0f3; }
.bz-topbar{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:90px;
  padding:12px 0;
  flex-wrap:nowrap;
}
.bz-logo{ display:flex; align-items:center; flex:0 0 auto; }
.bz-logo .custom-logo-link{ display:flex; align-items:center; }
.bz-logo img{ max-height:72px; max-width:220px; width:auto; display:block; }
.bz-logo-text{ font-weight:900; font-size:18px; text-decoration:none; }
.bz-only-desktop{ display:flex !important; }
.bz-only-mobile{ display:none !important; }
@media (max-width:900px){
  .bz-only-desktop{ display:none !important; }
  .bz-only-mobile{ display:block !important; }
  .bz-topbar{ min-height:64px; padding:8px 0; }
}
.bz-actions{ display:flex; gap:10px; align-items:center; flex-wrap:nowrap; }
.bz-nav{ display:flex; gap:16px; align-items:center; }
.bz-nav a + a{ position:relative; padding-left:16px; }
.bz-nav a + a:before{ content:"|"; position:absolute; left:0; top:0; color:#cbd5e1; }
.bz-nav a{ text-decoration:none; font-weight:900; color:#111; }
.bz-nav a:hover{ color:var(--primary-blue); }
.bz-pill-plus{
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--primary-blue), var(--secondary-green));
  color:#fff !important;
}
.bz-topsearch{ flex:1; max-width:620px; }
.bz-topsearch input{ width:100%; }
.bz-search{ display:flex; align-items:center; gap:10px; }
.bz-search input{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
}
.bz-search button{
  padding:10px 12px;
  border-radius:12px;
  border:0;
  background:var(--primary-blue);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.bz-search-ico{ display:block; }
.bz-right{ margin-left:auto; display:flex; gap:10px; align-items:center; }
.bz-select{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 10px;
  font-weight:900;
  background:#fff;
}
.bz-country{ padding:10px 8px; height:42px; min-width:72px; }
.bz-country-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:42px;
  min-width:56px;
  padding:0 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
}
.bz-country-wrap::after{
  content:"▾";
  font-size:12px;
  color:#111;
  opacity:.65;
  margin-left:2px;
}
.bz-country-wrap .bz-country{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  border:0;
  padding:0;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
}
.bz-country-wrap .bz-country:focus{ outline:none; }
.bz-flag{
  width:18px;
  height:12px;
  border-radius:2px;
  display:inline-block;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.bz-flag[data-country="FR"]{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20fill%3D%22%230055A4%22%2F%3E%3Crect%20x%3D%226%22%20width%3D%226%22%20height%3D%2212%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Crect%20x%3D%2212%22%20width%3D%226%22%20height%3D%2212%22%20fill%3D%22%23EF4135%22%2F%3E%3C%2Fsvg%3E"); }
.bz-flag[data-country="CA"]{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Crect%20width%3D%2218%22%20height%3D%2212%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%2212%22%20fill%3D%22%23D52B1E%22%2F%3E%3Crect%20x%3D%2214%22%20width%3D%224%22%20height%3D%2212%22%20fill%3D%22%23D52B1E%22%2F%3E%3Cpath%20fill%3D%22%23D52B1E%22%20d%3D%22M9%202%20L8.4%203.6%20L7%203.2%20L7.6%204.6%20L6.2%204.9%20L7.4%205.6%20L6.8%207%20L8.4%206.6%20L8.6%2010%20L9%209.4%20L9.4%2010%20L9.6%206.6%20L11.2%207%20L10.6%205.6%20L11.8%204.9%20L10.4%204.6%20L11%203.2%20L9.6%203.6%20Z%22%2F%3E%3C%2Fsvg%3E"); }
.bz-flag[data-country="QC"]{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Crect%20width%3D%2218%22%20height%3D%2212%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%2212%22%20fill%3D%22%23D52B1E%22%2F%3E%3Crect%20x%3D%2214%22%20width%3D%224%22%20height%3D%2212%22%20fill%3D%22%23D52B1E%22%2F%3E%3Cpath%20fill%3D%22%23D52B1E%22%20d%3D%22M9%202%20L8.4%203.6%20L7%203.2%20L7.6%204.6%20L6.2%204.9%20L7.4%205.6%20L6.8%207%20L8.4%206.6%20L8.6%2010%20L9%209.4%20L9.4%2010%20L9.6%206.6%20L11.2%207%20L10.6%205.6%20L11.8%204.9%20L10.4%204.6%20L11%203.2%20L9.6%203.6%20Z%22%2F%3E%3C%2Fsvg%3E"); }
.bz-flag[data-country="US"]{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Crect%20width%3D%2218%22%20height%3D%2212%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Crect%20y%3D%220.000%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20y%3D%221.846%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20y%3D%223.692%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20y%3D%225.538%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20y%3D%227.385%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20y%3D%229.231%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20y%3D%2211.077%22%20width%3D%2218%22%20height%3D%220.923%22%20fill%3D%22%23B22234%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%226.46%22%20fill%3D%22%233C3B6E%22%2F%3E%3Ccircle%20cx%3D%221.0%22%20cy%3D%221.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%221.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%224.0%22%20cy%3D%221.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%221.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%221.0%22%20cy%3D%222.5%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%222.5%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%224.0%22%20cy%3D%222.5%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%222.5%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%221.0%22%20cy%3D%224.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%224.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%224.0%22%20cy%3D%224.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%224.0%22%20r%3D%220.35%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E"); }
.bz-flag[data-country="GB"]{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%3E%3Crect%20width%3D%2218%22%20height%3D%2212%22%20fill%3D%22%23012169%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2218%22%20height%3D%224%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Crect%20x%3D%227%22%20width%3D%224%22%20height%3D%2212%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Crect%20y%3D%225%22%20width%3D%2218%22%20height%3D%222%22%20fill%3D%22%23C8102E%22%2F%3E%3Crect%20x%3D%228%22%20width%3D%222%22%20height%3D%2212%22%20fill%3D%22%23C8102E%22%2F%3E%3C%2Fsvg%3E"); }
.bz-lang-hide{ display:none !important; }
.bz-login{
  text-decoration:none;
  font-weight:900;
  padding:10px 14px;
  border-radius:14px;
  border:2px solid var(--primary-blue);
  color:var(--primary-blue);
}
.bz-icon{
  text-decoration:none;
  font-weight:900;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid #eef0f3;
  background:#fff;
}
.bz-icon.bz-account{
  padding:4px;
  border-radius:999px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bz-user{ position:relative; }
.bz-user-btn{ border:0; background:transparent; cursor:pointer; padding:0; }
.bz-avatar{
  width:30px;height:30px;border-radius:999px;object-fit:cover;
  border:2px solid rgba(14,75,179,.25);
}
.bz-user-menu{
  position:absolute; right:0; top:44px;
  min-width:220px;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  padding:10px;
  display:none;
}
.bz-user-menu.open{ display:block; }
.bz-user-menu a{
  display:block;
  padding:10px 10px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
}
.bz-user-menu a:hover{ background:#f6f7f9; }
.bz-user-menu .sep{ height:1px; background:#eef0f3; margin:8px 0; }
.bz-user-menu .danger{ color:var(--error); }
.bz-burger{
  border:0;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
  font-weight:900;
}

.bz-search-mainbtn{
  height:44px;
  padding:0 16px;
  border-radius:12px;
  border:0;
  background:var(--primary-blue);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.bz-search-mainbtn:hover{ filter:brightness(.97); }

.bz-userlink{ display:inline-flex; align-items:center; justify-content:center; }

.bz-notif{ position:relative; }
.bz-fav{ color:#ef4444; }
.bz-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}

.bz-searchstrip{ border-top:1px solid #eef0f3; background:#fff; padding:10px 0; }
.bz-searchstrip-inner{ display:flex; gap:12px; align-items:center; }
.bz-searchbar{ flex:1; }
.bz-searchbar input{ width:100%; }
.bz-searchbar button{ min-width:48px; }
.bz-searchstrip .bz-search input,
.bz-searchstrip .bz-search button{ height:44px; }
.bz-searchstrip .bz-search input{ font-weight:900; }
.bz-create{ white-space:nowrap; text-transform:none; letter-spacing:0; height:46px; }
@media (max-width:640px){
  .bz-searchstrip-inner{ flex-direction:column; align-items:stretch; gap:10px; }
  .bz-create{ width:100%; justify-content:center; }
}
.bz-mobile-panel{ display:none; border-top:1px solid #eef0f3; background:#fff; }
.bz-mobile-panel.open{ display:block; }
.bz-mobile-panel .container{ padding:12px 0; display:flex; flex-direction:column; gap:8px; }
.bz-mobile-panel a{
  text-decoration:none;
  font-weight:900;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid #eef0f3;
  background:#fff;
}
.bz-infostrip{ background:#fff; border-top:1px solid #eef0f3; }
.bz-infostrip-inner{
  display:flex;
  gap:18px;
  justify-content:center;
  padding:10px 0;
  font-weight:900;
  color:#344054;
}
@media (max-width:900px){
  .bz-infostrip-inner{ justify-content:flex-start; overflow:auto; }
}

/* Mobile trust strip (app) */
.bz-mobile-trust{ background:transparent; padding:0 0 10px; }
.bz-mobile-trust-inner{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  font-weight:1000;
  color:#344054;
  font-size:12px;
  overflow:visible;
  padding:2px 0;
  text-align:center;
}
.bz-mobile-trust-inner span{ white-space:normal; overflow-wrap:anywhere; max-width:100%; }

@media (min-width:1025px){
  /* Sur desktop: forcer mobile OFF + éviter doublons dans le burger */
  header.bz-header .bz-only-mobile{ display:none !important; }
  header.bz-header .bz-only-desktop{ display:flex !important; }
  .bz-mobile-panel .bz-hide-desktop{ display:none !important; }
}

/* ---------------------------- Footer ---------------------------- */
.bidzs-footer{
  margin-top:28px;
  color:#e0e0e0;
  background:radial-gradient(1200px 600px at 15% 20%, rgba(14,75,179,.22), rgba(0,0,0,0) 55%),
             radial-gradient(900px 480px at 85% 15%, rgba(0,149,107,.18), rgba(0,0,0,0) 60%),
             #0a0a0a;
}
.bidzs-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:16px;
  padding:34px 0;
}
@media (max-width:1024px){
  .bidzs-footer-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
  .bidzs-footer-grid{ grid-template-columns:1fr; }
}
.foot-col{
  padding:0 10px;
}
.foot-col + .foot-col{
  border-left:1px solid rgba(255,255,255,.08);
}
@media (max-width:767px){
  .foot-col{ padding:0; }
  .foot-col + .foot-col{ border-left:0; border-top:1px solid rgba(255,255,255,.08); padding-top:18px; }
}

.foot-logo img{ max-height:46px; width:auto; display:block; }
.foot-title{ font-weight:900; margin-bottom:10px; }
.foot-text{ opacity:.85; }
.foot-text.small{ font-size:12px; opacity:.75; margin-top:8px; }
.foot-links{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.foot-links a{ color:#e0e0e0; text-decoration:none; opacity:.9; }
.foot-links a:hover{ opacity:1; text-decoration:underline; }
.foot-news{ display:flex; gap:10px; }
.foot-news input{
  flex:1;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.15);
  background:#111;
  color:#fff;
  padding:12px 12px;
  outline:none;
}
.foot-news button{
  height:44px;
  padding:0 14px;
  border-radius:14px;
  border:0;
  background:var(--primary-blue);
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
}
.foot-social{ display:flex; gap:10px; flex-wrap:wrap; }
.soc{
  width:40px;height:40px;border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  background:#111;
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
.soc svg{ width:18px; height:18px; display:block; }
.soc:hover{ border-color:rgba(14,75,179,.5); }

.foot-rating{ margin-top:14px; }
.foot-stars{
  position:relative;
  display:inline-block;
  font-size:22px;
  line-height:1;
  letter-spacing:2px;
}
.foot-stars::before{
  content:"★★★★★";
  color:rgba(255,255,255,.22);
}
.foot-stars::after{
  content:"★★★★★";
  position:absolute;
  left:0;
  top:0;
  width:var(--pct, 0%);
  overflow:hidden;
  white-space:nowrap;
  color:#fbbf24;
}

.foot-stars-wrap{ position:relative; display:inline-block; }
.foot-stars-input{ position:absolute; inset:0; display:grid; grid-template-columns:repeat(5, 1fr); gap:0; }
.foot-stars-input button{ appearance:none; -webkit-appearance:none; border:0; background:transparent; cursor:pointer; padding:0; }
.foot-stars-input button:focus{ outline:2px solid rgba(14,75,179,.5); outline-offset:3px; border-radius:6px; }
.foot-score{ font-weight:1000; font-size:34px; line-height:1; margin-top:6px; }
.foot-score small{ font-size:14px; font-weight:900; opacity:.85; }
.foot-verified{ opacity:.85; font-weight:900; font-size:13px; margin-top:4px; }

.bidzs-footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:16px 0;
  font-size:13px;
  opacity:.9;
}

.foot-badges{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
  padding:14px 0 0;
}
.foot-badge{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(17,17,17,.7);
  border:1px solid rgba(255,255,255,.10);
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:12px;
  opacity:.95;
}
.foot-badge svg{ width:18px; height:18px; display:block; opacity:.95; }

/* ---------------------------- Home Hero (premium) ---------------------------- */
.home-hero{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  margin:16px auto;
  max-width:1440px;
}
.hero-media{ position:absolute; inset:0; }
.hero-fallback{ position:absolute; inset:0; background:linear-gradient(90deg,#0e4bb3,#00956b); }
.hero-video,.hero-image{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.hero-video{ display:block; }
.hero-image{ display:none; }
.hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(10,10,10,.55), rgba(10,10,10,.15));
}
.hero-content{
  position:relative;
  padding:64px 24px;
  color:#fff;
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
.hero-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  font-weight:900;
  width:max-content;
}
.home-hero h1{ margin:0; font-size:44px; line-height:1.05; font-weight:900; }
.home-hero h1 span{ color:#cfe6ff; }
.home-hero p{ margin:0; max-width:680px; opacity:.95; }
.hero-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:8px; }
.hero-trust{ display:flex; gap:14px; flex-wrap:wrap; margin-top:14px; font-weight:900; font-size:13px; opacity:.95; }
@media (max-width:767px){
  .hero-content{ min-height:420px; padding:44px 16px; }
  .home-hero h1{ font-size:30px; }
}

/* Ads placeholder */
.home-ad{ margin:16px auto; }

/* Partners logos: plus grands sur la page d'accueil */
.home-ad .bidzs-partners-carousel .bidzs-partner{
  flex-basis: 230px;
  height: 84px;
}
@media (max-width: 767px){
  .home-ad .bidzs-partners-carousel .bidzs-partner{
    flex-basis: 150px;
    height: 60px;
  }
}
.ad-placeholder{
  height:90px;
  display:flex; align-items:center; justify-content:center;
  border-radius:18px;
  background:#f2f4f7;
  border:1px dashed #cfd5dd;
  font-weight:900;
  color:#666;
}

/* ---------------------------- Featured (carousel 4 per view) ---------------------------- */
.home-featured{ margin-top:18px; }

.featured-viewport{
  overflow:hidden;
  border-radius:20px;
  position:relative;
}

.featured-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:rgba(255,255,255,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 26px rgba(14,75,179,.10);
  cursor:pointer;
  z-index:5;
  font-size:22px;
  line-height:1;
  color:#0f172a;
}
.featured-arrow.prev{ left:10px; }
.featured-arrow.next{ right:10px; }
.featured-arrow:hover{ filter:brightness(1.03); }
.featured-arrow:active{ transform:translateY(-50%) scale(.98); }
@media (max-width: 767px){
  .featured-arrow{ display:none; }
}

.featured-cta-row{
  display:flex;
  justify-content:center;
  margin-top:12px;
}
.featured-track{
  display:flex;
  transition:transform .35s ease;
  will-change:transform;
}
.featured-page{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  padding:2px;
  align-items:stretch;
}
@media (max-width:768px){
  .featured-page{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:440px){
  .featured-page{ grid-template-columns:1fr; }
}

.featured-card{
  text-decoration:none;
  color:#111;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;
  width:100%;
}

/* image: full visible */
.featured-card .fc-img{
  position:relative;
  height:210px;
  background:#f2f4f7;
  display:flex;
  align-items:center;
  justify-content:center;
}
.featured-card .fc-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
  background:#f2f4f7;
  display:block;
}

/* heart */
.fav-mini{
  position:absolute;
  right:12px;
  top:12px;
  width:32px;height:32px;
  border-radius:999px;
  border:1px solid #eef0f3;
  background:rgba(255,255,255,.95);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  cursor:pointer;
  z-index:3;
}
.fav-mini svg{ width:18px; height:18px; }
.fav-mini svg path{ fill:none; stroke:#111; stroke-width:1.8; opacity:.85; }
.fav-mini.is-fav,
.fav-mini.active{ border-color:var(--primary-blue); }
.fav-mini.is-fav svg path,
.fav-mini.active svg path{ fill:#dc3545; stroke:var(--primary-blue); opacity:1; }

/* hot badge (left top) - JS can show/hide */
.hot-badge{
  position:absolute;
  left:12px;
  top:12px;
  width:32px;height:32px;
  border-radius:999px;
  border:1px solid #eef0f3;
  background:rgba(255,255,255,.95);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  z-index:3;
}

/* timer badge (bottom left) + NO "blinking" */
.timer-badge{
  position:absolute;
  left:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  color:#111;
  font-weight:900;
  font-size:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
  z-index:3;
}
.timer-badge .dot{
  width:9px;height:9px;border-radius:50%;
  background:var(--warning);
  box-shadow:0 0 0 6px rgba(255,193,7,.18);
}
.timer-badge .text{
  display:inline-block;
  min-width:132px; /* stable width to avoid layout jump */
  text-align:left;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  color:#111;
}
.timer-badge.is-urgent .text{ color:var(--error); }
.timer-badge.is-ended{ opacity:.65; }

/* body */
.featured-card .fc-body{
  padding:12px 14px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:150px;
}
.featured-card .fc-title{
  font-weight:900;
  font-size:14px;
  line-height:1.25;
  max-height:36px;
  overflow:hidden;
  margin-top:2px;
}
.fc-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.fc-meta strong{ font-weight:900; color:var(--primary-blue); }

/* seller + badges */
.fc-seller{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.fc-seller-left{ display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap; }
.seller-name{ font-weight:900; }

/* bids + flags inline */
.fc-stats{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.fc-bids{
  color:#6b7280;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.fc-flags-inline{
  font-size:12px;
  line-height:1;
  letter-spacing:-1px;
  opacity:.9;
  white-space:nowrap;
}

/* CTA */
.fc-cta{ display:flex; justify-content:center; margin-top:auto; }

/* dots */
.featured-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:10px;
}
.featured-dots .dot{
  width:8px;height:8px;border-radius:999px;
  border:0;
  background:#cfd5dd;
  cursor:pointer;
}
.featured-dots .dot.active{ background:var(--primary-blue); }

/* =========================================================
   WHY (Pourquoi c'est gratuit ?) - centered like screenshot
========================================================= */

.home-why {
  background: #fff;              /* blanc comme la capture */
  padding: 46px 0 40px;
  margin-top: 22px;
  text-align: center;
}

.home-why h2 {
  margin: 0;
  font-weight: 900;
  font-size: 26px;
}

.home-why .why-grid {
  margin: 22px auto 0;
  max-width: 980px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  align-items: start;
}

@media (max-width: 900px) {
  .home-why .why-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.home-why .why-item {
  background: transparent;
  box-shadow: none;
  padding: 10px 8px;
  border-radius: 18px;
}

.home-why .why-ico {
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 900;
  background: rgba(14, 75, 179, 0.08); /* bleu léger */
  color: var(--primary-blue);
}

.home-why .why-item:nth-child(2) .why-ico {
  background: rgba(0, 149, 107, 0.10);
  color: var(--secondary-green);
}

.home-why .why-item:nth-child(3) .why-ico {
  background: rgba(255, 193, 7, 0.18);
  color: #b45309;
}

.home-why .why-title {
  font-weight: 900;
  margin: 0;
  font-size: 14px;
}

.home-why .muted {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

/* Bandeau bleu en dessous (support) */
.home-why .why-banner {
  max-width: 980px;
  margin: 26px auto 0;
  padding: 16px 16px;
  border-radius: 16px;
  background: rgba(14, 75, 179, 0.06);
  border: 1px solid rgba(14, 75, 179, 0.12);
  color: #111;
}

.home-why .why-banner strong {
  font-weight: 900;
}

.home-why .why-banner .muted {
  max-width: 680px;
  margin-top: 8px;
  font-size: 13px;
}

.home-why .why-donate{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}
.home-why .why-donate .bidzs-donate-cta{
  box-shadow: 0 14px 34px rgba(14,75,179,.18);
}


/* =========================================================
   Testimonials v2 (comme screenshot)
========================================================= */

.testimonials2{
  padding: 34px 0 44px;
}

.t2-title{
  text-align:center;
  font-weight: 900;
  font-size: 38px;
  margin: 0;
  letter-spacing: .01em;
}

.t2-grid{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}

@media (max-width: 1024px){
  .t2-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.t2-card{
  background:#fff;
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.04);
}

.t2-stars{
  display:flex;
  gap: 3px;
  font-size: 18px;
  line-height: 1;
  color: #f5b301; /* or */
  margin-bottom: 10px;
}

.t2-star{
  display:inline-block;
}

.t2-quote{
  margin: 0;
  font-style: italic;
  color: #2b2b2b;
  line-height: 1.55;
  min-height: 78px; /* aligne les cartes */
}

.t2-person{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 16px;
}

.t2-avatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid rgba(14,75,179,.15);
  flex: 0 0 auto;
}

.t2-person-meta{
  display:flex;
  flex-direction: column;
  gap: 6px;
}

.t2-name{
  font-weight: 900;
  color:#111;
}

/* Badges (Expert / Pro / Vérifié) */
.t-badge{
  display:inline-flex;
  width: max-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  border: 1px solid rgba(0,0,0,.06);
}

.t-badge.expert{
  background: rgba(255,193,7,.18);
  color: #7a5b00;
  border-color: rgba(255,193,7,.35);
}

.t-badge.pro{
  background: rgba(14,75,179,.10);
  color: #0e4bb3;
  border-color: rgba(14,75,179,.22);
}

.t-badge.verified{
  background: rgba(40,167,69,.12);
  color: #1a7f37;
  border-color: rgba(40,167,69,.26);
}

/* ---------------------------- Auctions listing (cards) ---------------------------- */
.bidzs-auctions-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}
@media (max-width:1100px){
  .bidzs-auctions-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:740px){
  .bidzs-auctions-grid{ grid-template-columns:1fr; }
}

.auction-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  height:360px;
  display:flex;
  flex-direction:column;
}
.auction-card.featured{
  outline:2px solid rgba(14,75,179,.22);
  box-shadow:var(--shadow-strong);
}
.auction-card .thumb-wrap{
  position:relative;
  height:170px;
  overflow:hidden;
}
.auction-card .thumb-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.auction-card .fav{
  position:absolute;
  right:12px; top:12px;
  width:36px; height:36px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.95);
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  cursor:pointer;
  font-weight:900;
}
.auction-card .card-body{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}
.auction-card .title{
  font-size:14px;
  margin:0;
  line-height:1.25;
  max-height:36px;
  overflow:hidden;
}
.auction-card .seller-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.auction-card .seller{ font-weight:900; font-size:13px; }
.price-row.two{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.price-row .label{
  font-size:11px;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.price-row .value{
  font-weight:900;
  color:var(--primary-blue);
  font-size:15px;
  margin-top:2px;
}
.buy-now-disabled .value{ color:#9aa0a6; }
.meta-row{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:#6b7280;
}
.meta-row .ships{ font-weight:900; }
.auction-card .actions{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.auction-card .actions .btn{ height:44px; border-radius:14px; }

/* ---------------------------- Product page (native auction) ---------------------------- */
.bidzs-product{ max-width:1440px; margin:0 auto; padding:18px 16px; }
.bidzs-product-top{
  display:grid;
  grid-template-columns:1.4fr 0.6fr;
  gap:16px;
  align-items:start;
}
@media (max-width:1024px){
  .bidzs-product-top{ grid-template-columns:1fr; }
}
.bidzs-side{ display:flex; flex-direction:column; gap:14px; }
.bidzs-gallery{ padding:14px; }
.bidzs-gallery-main img{
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:18px;
  display:block;
}
@media (max-width:1024px){
  .bidzs-gallery-main img{ height:360px; }
}
.bidzs-gallery-thumbs{
  display:flex;
  gap:10px;
  margin-top:12px;
  overflow:auto;
  padding-bottom:4px;
}
.bidzs-gallery-thumbs .thumb{
  width:78px;height:62px;
  border-radius:14px;
  border:2px solid #e8e8e8;
  background:#fff;
  padding:0;
  overflow:hidden;
  flex:0 0 auto;
  cursor:pointer;
}
.bidzs-gallery-thumbs .thumb.active{
  border-color:rgba(14,75,179,.65);
  box-shadow:0 0 0 3px rgba(14,75,179,.10);
}
.bidzs-gallery-thumbs img{ width:100%; height:100%; object-fit:cover; display:block; }

.bidzs-auction-state{ padding:16px; }
.bidzs-title-row{ display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.bidzs-h1{ font-size:22px; line-height:1.25; margin:0; }
.bidzs-badges{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.bidzs-price-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
@media (max-width:1024px){
  .bidzs-price-grid{ grid-template-columns:1fr; }
}
.price-block .label{ font-size:11px; color:#6b7280; text-transform:uppercase; letter-spacing:.04em; }
.price-block .value{ font-size:20px; font-weight:900; color:var(--primary-blue); margin-top:3px; }
.bidzs-meta-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; }

.timer-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#f2f4f7;
  font-weight:900;
  font-size:13px;
}
.timer-pill .dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--warning);
  box-shadow:0 0 0 6px rgba(255,193,7,.16);
}

.meta-small{ font-size:13px; color:#111; }

.bidzs-cta{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.bid-input-row{ display:flex; gap:10px; }
.bid-input-row input{
  flex:1;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px 12px;
  font-size:15px;
  outline:none;
}
.bid-input-row input:focus{
  border-color:rgba(14,75,179,.65);
  box-shadow:0 0 0 3px rgba(14,75,179,.12);
}
.hint{ font-size:13px; font-weight:700; color:var(--secondary-green); }
.hint.error{ color:var(--error); }

.bidzs-seller,.bidzs-details,.bidzs-shipping,.bidzs-payment{ padding:16px; }

.seller-row{ display:flex; gap:12px; align-items:center; }
.avatar{ width:44px; height:44px; border-radius:50%; object-fit:cover; }
.seller-actions{ display:grid; grid-template-columns:1fr; gap:10px; margin-top:12px; }

.bidzs-h3{ margin:0 0 10px; font-size:16px; font-weight:900; }

.spec-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media (max-width:1024px){
  .spec-grid{ grid-template-columns:1fr; }
}
.spec{ background:#f6f7f9; border-radius:14px; padding:10px; }
.spec span{ display:block; font-size:11px; color:#6b7280; text-transform:uppercase; letter-spacing:.04em; }
.spec strong{ display:block; margin-top:3px; font-weight:900; }

.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.chip{ background:#f2f4f7; border-radius:999px; padding:6px 10px; font-weight:800; font-size:12px; }

.list{ margin:0; padding-left:18px; }

.bidzs-product-bottom{
  margin-top:16px;
  display:grid;
  grid-template-columns:1.4fr 0.6fr;
  gap:16px;
}
@media (max-width:1024px){
  .bidzs-product-bottom{ grid-template-columns:1fr; }
}
.bidzs-desc,.bidzs-history{ padding:16px; }

.table .row{
  display:grid;
  grid-template-columns:1fr 140px 140px;
  gap:10px;
  padding:10px 0;
  border-top:1px solid #eee;
}
.table .row:first-child{ border-top:0; }
.col.strong{ font-weight:900; color:var(--primary-blue); }
.col.muted{ color:#6b7280; font-size:13px; }
@media (max-width:740px){
  .table .row{ grid-template-columns:1fr 120px; }
  .table .row .col:nth-child(3){ grid-column:1 / -1; }
}

/* Utilities */
.bidzs-alert{
  background:rgba(220,53,69,.12);
  border:1px solid rgba(220,53,69,.22);
  padding:12px;
  border-radius:14px;
  color:var(--error);
  font-weight:700;
}
.bidzs-success{
  background:rgba(40,167,69,.12);
  border:1px solid rgba(40,167,69,.22);
  padding:12px;
  border-radius:14px;
  color:var(--success);
  font-weight:800;
}
.bidzs-card-sub{ background:#f6f7f9; border-radius:14px; padding:12px; }

/* ---------------------------- Account SaaS dashboard ---------------------------- */
.bidzs-account-wrap{ max-width:1440px; margin:0 auto; padding:18px 16px; }
.bidzs-account-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:16px;
  align-items:start;
}
@media (max-width:1024px){
  .bidzs-account-layout{ grid-template-columns:1fr; }
}
.bidzs-account-sidebar{ padding:16px; }
.bidzs-account-hello .hello-title{ font-weight:900; font-size:20px; }
.bidzs-account-hello .hello-sub{ margin-top:6px; }

.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
}
.pill-ok{ background:rgba(40,167,69,.12); color:#1a7f37; }
.pill-warn{ background:rgba(255,193,7,.18); color:#7a5b00; }

.bidzs-account-nav{ display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.nav-item{
  width:100%;
  text-align:left;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid #eef0f3;
  background:#fff;
  font-weight:800;
  cursor:pointer;
}
.nav-item.active{
  border-color:rgba(14,75,179,.35);
  box-shadow:0 6px 18px rgba(14,75,179,.12);
  background:rgba(14,75,179,.06);
}
.badge-dot{
  margin-left:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;height:22px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:#dc3545;
}

.bidzs-account-main .bidzs-account-card{ padding:16px; }
.bidzs-tab{ display:none; }
.bidzs-tab.active{ display:block; }
.card-title{ font-weight:900; font-size:18px; margin-bottom:12px; }

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
@media (max-width:900px){
  .stats-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
.stat{ background:#f6f7f9; border-radius:14px; padding:12px; }
.stat-label{ color:#6b7280; font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.stat-value{ font-size:22px; font-weight:900; color:var(--primary-blue); margin-top:2px; }

/* ================= TIMER FINAL FIX (ANTI BUG) ================= */

/* Interdit toute animation / transition */
.timer-badge,
.timer-badge *{
  transition: none !important;
}

/* Texte du compteur : largeur FIXE */
.timer-badge .text{
  display:inline-block !important;
  width: 152px !important;              /* largeur fixe => plus de saut */
  text-align:left !important;

  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;

  color:#111 !important;                /* noir par défaut */
}

/* ROUGE UNIQUEMENT si < 24h */
.timer-badge.is-urgent .text{
  color:#dc3545 !important;
}

/* ===============================
   Bouton ENCHÉRIR – taille texte
   =============================== */

.featured-card .fc-cta .btn {
    font-size: 19px;
    font-weight: 700; /* GRAS */
    padding: 12px 18px;
}


/* Mobile : encore plus lisible */
@media (max-width: 768px) {
    .featured-card .fc-cta .btn {
        font-size: 17px;
        padding: 14px 18px;
    }
}
/* Pub native injectée dans la grille enchères */
.bidzs-ad-in-grid { margin-top: 2px; }
.featured-card.bidzs-ad-native .timer-badge .text { font-weight: 700; }

.bidzs-ad-native .fc-img.is-ad-full img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* ===============================
   BIDZS ADS — same size as auctions
   =============================== */

/* La pub utilise EXACTEMENT la carte du thème, mais en full image */
.featured-card.bidzs-ad-native.is-full{
  display:flex;
  flex-direction:column;
}

/* On force l'image à occuper toute la hauteur (comme une vraie carte) */
.featured-card.bidzs-ad-native.is-full .fc-img.tall{
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

/* Image = cover pour remplir sans déformer */
.featured-card.bidzs-ad-native.is-full .fc-img.tall img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* On supprime totalement le bas de carte (body) pour éviter le blanc */
.featured-card.bidzs-ad-native.is-full .fc-body{
  display:none !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Placeholder zone vide */
.featured-card.bidzs-ad-native.is-full .bidzs-ad-empty{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.06);
  font-weight:700;
  opacity:.75;
}
/* === Pub Mon Compte === */
.bidzs-dashboard-ads {
  margin-top: 24px;
}

.bidzs-dashboard-ads .bidzs-ad,
.bidzs-dashboard-ads .bidzs-ads-rotator {
  min-height: 220px;
  border-radius: 14px;
  overflow: hidden;
}

/* =====================================================================
   MOBILE / TABLETTE (app-like) — header + bottom nav + home scaling
   Objectif: reproduire l'apparence "app" comme la capture fournie.
===================================================================== */

@media (max-width:1024px){
  /* Switch header desktop/mobile jusqu'aux tablettes */
  header.bz-header .bz-only-desktop{ display:none !important; }
  header.bz-header .bz-only-mobile{ display:block !important; }

  /* Les barres d'actions restent en flex (sinon elles se cassent) */
  header.bz-header .bz-actions.bz-only-mobile{ display:flex !important; }

  /* Anti-doublons: sur mobile/tablette, on force la disparition des actions desktop */
  header.bz-header .bz-actions.bz-only-desktop,
  header.bz-header .bz-pill-plus,
  header.bz-header .bz-fav,
  header.bz-header .bz-account,
  header.bz-header .bz-burger{
    display:none !important;
  }

  /* Header top row */
  .bz-topbar{ min-height:64px; padding:10px 0; gap:10px; }
  .bz-logo img{ max-height:58px; max-width:260px; }

  /* Décaler légèrement les actions (notif + pays) vers la gauche */
  .bz-actions-mobile{ margin-left:auto; gap:10px; margin-right:18px; }
  .bz-actions-mobile .bz-icon{
    width:44px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border-radius:14px;
    background:#fff;
    border:1px solid #eef0f3;
  }
  /* Mobile: éviter toute icône en doublon (favoris/compte/burger) dans le bandeau */
  header.bz-header .bz-actions-mobile .bz-icon{ display:none !important; }
  header.bz-header .bz-actions-mobile .bz-notif{ display:flex !important; }
  .bz-actions-mobile .bz-icon svg{ display:block; }
  .bz-lang-mobile{ height:44px; border-radius:14px; font-weight:1000; padding:10px 12px; }

  .bz-country-wrap-mobile{ height:44px; padding:0 12px; border-radius:14px; }
  .bz-country-wrap-mobile .bz-country{ height:44px; min-width:56px; font-weight:1000; }

  /* Search bar row (burger inside + search button) */
  .bz-searchstrip{ border-top:0; background:transparent; padding:10px 0 12px; }
  .bz-mobile-searchform{
    display:flex;
    align-items:center;
    gap:0;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(0,0,0,.06);
  }
  .bz-mobile-searchform .bz-burger-mobile{
    width:54px;
    height:54px;
    border:0;
    background:#fff;
    border-right:1px solid #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    cursor:pointer;
  }
  .bz-mobile-searchform input{
    flex:1;
    height:54px;
    border:0;
    outline:none;
    padding:0 14px;
    font-weight:900;
    font-size:15px;
    background:transparent;
  }
  .bz-mobile-searchform .bz-search-submit{
    width:64px;
    height:54px;
    border:0;
    background:var(--primary-blue);
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .bz-mobile-searchform .bz-search-submit svg{ display:block; }

  /* Sur mobile/tablette, on masque le strip infos pour un rendu clean */
  .bz-infostrip{ display:none; }
}

/* Bottom nav (app) */
.bidzs-bottom-nav{
  position:fixed;
  left:0; right:0; bottom:0;
  height:76px;
  padding-bottom:env(safe-area-inset-bottom);
  background:#fff;
  border-top:1px solid #eef0f3;
  box-shadow:0 -10px 26px rgba(0,0,0,.10);
  display:none;
  align-items:center;
  justify-content:space-around;
  z-index:9998;
}
.bidzs-bottom-nav .bn-item{
  flex:1;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:8px 0;
  color:#111;
  font-weight:1000;
}
.bidzs-bottom-nav .bn-ico{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bn-color, var(--primary-blue));
}
.bidzs-bottom-nav .bn-ico svg{ width:24px; height:24px; display:block; }
.bidzs-bottom-nav .bn-auctions .bn-ico svg{ width:20px; height:20px; }
.bidzs-bottom-nav .bn-plus .bn-ico svg,
.bidzs-bottom-nav .bn-sell .bn-ico svg,
.bidzs-bottom-nav .bn-fav .bn-ico svg{ width:20px; height:20px; }
.bidzs-bottom-nav .bn-label{ font-size:12px; color:#111; opacity:.9; }
.bidzs-bottom-nav .bn-avatar{ width:28px; height:28px; border-radius:999px; object-fit:cover; border:2px solid rgba(14,75,179,.25); display:block; }

.bn-item.bn-auctions{ --bn-color: var(--primary-blue); }
.bn-item.bn-plus{ --bn-color: var(--secondary-green); }
.bn-item.bn-fav{ --bn-color: #ef4444; }
.bn-item.bn-sell{ --bn-color: var(--secondary-green); }
.bn-item.bn-account{ --bn-color: var(--primary-blue); }

.bidzs-bottom-nav .bn-item.is-active .bn-label{ opacity:1; }
.bidzs-bottom-nav .bn-item.is-active .bn-ico{ filter:brightness(.95); }

@media (max-width:1024px){
  .bidzs-bottom-nav{ display:flex; }
  .bidzs-main{ padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
  .bidzs-footer{ padding-bottom: calc(86px + env(safe-area-inset-bottom)); }
}

/* Home hero scaled like mobile mockup */
@media (max-width:1024px){
  .home-hero{ margin:12px 16px; border-radius:22px; }
  .home-hero .container.hero-content{ padding:0 !important; }
  .hero-content{ min-height:0; height:clamp(180px, 44vw, 270px); }
  .hero-pill, .home-hero h1, .home-hero p, .hero-trust{ display:none !important; }
  .hero-cta{ position:absolute; left:16px; bottom:16px; margin:0; }
  .hero-cta a.btn-primary{ display:none !important; }
  .hero-cta a.btn-outline{
    background:rgba(14,75,179,.95);
    border:0;
    color:#fff;
    padding:10px 14px;
    border-radius:12px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:1000;
    letter-spacing:.01em;
    box-shadow:0 10px 24px rgba(0,0,0,.16);
  }
}

/* Home carousels: 4 mini cards per view (comme la capture) */
@media (max-width:1024px){
  .home-featured{ margin-top:14px; }
  .home-featured h2{ font-size:18px; margin:10px 0 8px; }

  .home-featured .featured-arrow{ display:none !important; }

  .home-featured .featured-viewport{ border-radius:18px; }
  .home-featured .featured-page{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:10px;
    padding:0;
  }
  .home-featured .featured-card{ border-radius:14px; }
  .home-featured .featured-card .fc-img{ height:88px; }
  .home-featured .featured-card .fc-img img{ padding:6px; }

  .home-featured .featured-card .fc-body{ padding:6px 6px 8px; min-height:0; gap:6px; }
  .home-featured .featured-card .fc-title,
  .home-featured .featured-card .fc-seller,
  .home-featured .featured-card .fc-stats,
  .home-featured .featured-card .fc-cta{ display:none !important; }
  .home-featured .fc-meta{ flex-direction:column; align-items:flex-start; gap:2px; }
  .home-featured .fc-meta .muted{ display:none !important; }
  .home-featured .fc-meta strong{ font-size:12px; }

  .home-featured .timer-badge{ left:6px; bottom:6px; padding:4px 6px; font-size:10px; border-radius:10px; gap:6px; }
  .home-featured .timer-badge .dot{ width:6px; height:6px; box-shadow:0 0 0 4px rgba(255,193,7,.18); }
  .home-featured .timer-badge .text{ min-width:0; }
  .home-featured .hot-badge{ display:none !important; }

  .home-featured .fav-mini{ right:6px; top:6px; width:26px; height:26px; }
  .home-featured .fav-mini svg{ width:14px; height:14px; }
}

/* Mobile/tablette: sections plus compactes (architecture desktop) */
@media (max-width:1024px){
  /* WHY */
  .home-why{ padding:28px 0 24px; margin-top:16px; }
  .home-why h2{ font-size:20px; }
  .home-why .why-grid{ width:100%; max-width:980px; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin-top:14px; }
  .home-why .why-item{ padding:6px 4px; min-width:0; }
  .home-why .why-ico{ width:42px; height:42px; font-size:18px; margin:0 auto 8px; }
  .home-why .why-title{ font-size:12px; }
  .home-why .why-title,
  .home-why .muted{ overflow-wrap:anywhere; word-break:break-word; }
  .home-why .muted{ font-size:11px; line-height:1.25; max-width:100%; }
  .home-why .why-banner{ margin-top:16px; padding:12px; border-radius:14px; }
  .home-why .why-banner .muted{ font-size:12px; }
  .home-why .why-donate{ margin-top:12px; }

  /* Testimonials */
  .testimonials2{ padding:26px 0 34px; }
  .t2-title{ font-size:24px; }
  .t2-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    overflow:visible;
    padding:0;
    scroll-snap-type:none;
  }
  .t2-card{ min-width:0; width:100%; max-width:640px; margin:0 auto; }

  /* Footer mobile/tablette: design pro (cartes) */
  .bidzs-footer-grid{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:20px 0;
  }
  .foot-col{
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(6px);
  }
  .foot-col + .foot-col{ border-left:0; }
  .foot-logo img{ max-height:46px; max-width:200px; }
  .foot-title{ font-size:16px; margin-bottom:10px; }
  .foot-text{ font-size:13px; }
  .foot-links{ display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; }
  .foot-links li{ margin:0; }
  .foot-news{ flex-direction:column; align-items:stretch; gap:10px; }
  .foot-news input{ width:100%; }
  .foot-news button{ width:100%; }
  .foot-social{ justify-content:flex-start; }

  .bidzs-footer-bottom .container{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    text-align:center;
  }
  .foot-badges{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    justify-content:stretch;
    padding:12px 0 0;
  }
  .foot-badge{ width:100%; justify-content:center; background:rgba(17,17,17,.55); }

  /* Donate FAB (plugin) : plus petit + au-dessus du bandeau bas */
  .bidzs-donate-fab{ right:14px !important; bottom: calc(88px + env(safe-area-inset-bottom)) !important; }
  .bidzs-donate-fab a{ padding:10px 12px !important; font-size:13px !important; gap:8px !important; }
  .bidzs-donate-fab .ico{ width:18px !important; height:18px !important; }

  /* Donate float (core) : plus petit + au-dessus du bandeau bas */
  .bidzs-donate-float{
    right:14px !important;
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    padding:10px 12px !important;
    font-size:13px !important;
  }
}

@media (max-width:420px){
  .home-why .why-grid{ gap:10px; }
  .t2-card{ max-width:560px; }
}

/* Footer mobile (smartphone): une vraie colonne, lisible et sans coupe */
@media (max-width:680px){
  /* Publicités (BIDZS Ads): éviter toute coupe sur mobile */
  body .bidzs-ad{
    flex-direction:column !important;
    gap:0 !important;
  }
  body .bidzs-ad-media{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:160px !important;
  }
  body .bidzs-ad-body{
    padding:12px !important;
  }
  body .bidzs-ad-actions{ justify-content:flex-start !important; }
  body .bidzs-ad-cta{ width:100% !important; justify-content:center !important; }

  /* Footer (mobile): même design pro que tablette, simplement plus compact */
  .bidzs-footer-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:18px 0 !important;
  }
  .foot-col{ padding:14px !important; border-radius:18px !important; }
  .foot-col + .foot-col{ border-top:0 !important; padding-top:14px !important; }
  .foot-links{ grid-template-columns:1fr 1fr !important; }
  .foot-badges{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; justify-content:stretch !important; }
  .foot-badge{ width:100% !important; justify-content:center !important; }
}

/* =====================================================================
   AUCTIONS (mobile) — filtres full width + annonces 2 par ligne
   Objectif: garder le design desktop mais en 2 colonnes sur smartphone
===================================================================== */

@media (max-width:740px){
  /* Filters */
  .bidzs-auctions-filters{
    padding:12px !important;
    border-radius:18px !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .bidzs-auctions-filters .bidzs-filters-row{ gap:10px !important; }

  .bidzs-auctions-filters .lbl{ font-size:10px !important; }
  .bidzs-auctions-filters .in{
    height:40px !important;
    border-radius:14px !important;
    padding:0 10px !important;
    font-weight:900 !important;
  }

  /* Moins de filtres + plus condensé (mobile) */
  .bidzs-auctions-filters .bidzs-filters-top{ grid-template-columns:1fr 1fr !important; }
  .bidzs-auctions-filters .bidzs-filters-top label:first-child{ grid-column:1 / -1 !important; }

  /* Masquer Sous-catégorie (3e champ) */
  .bidzs-auctions-filters .bidzs-filters-top label:nth-child(3){ display:none !important; }

  /* Actions (Filtrer) en plein largeur */
  .bidzs-auctions-filters .bidzs-filters-actions{ grid-column:1 / -1 !important; }

  /* Deuxième rangée: Type + Pays seulement */
  .bidzs-auctions-filters .bidzs-filters-bottom{ grid-template-columns:1fr 1fr !important; }
  .bidzs-auctions-filters .bidzs-filters-bottom label:nth-child(2),
  .bidzs-auctions-filters .bidzs-filters-bottom label:nth-child(3),
  .bidzs-auctions-filters .bidzs-filters-bottom label:nth-child(4){
    display:none !important;
  }

  .bidzs-auctions-filters .bidzs-filters-actions{
    width:100% !important;
    justify-content:stretch !important;
  }
  .bidzs-auctions-filters .bidzs-filters-actions .btn{
    width:100% !important;
  }

  .bidzs-auctions-filters .bidzs-filters-extra{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    margin-top:10px !important;
  }
  /* On masque les toggles (trop nombreux sur mobile), on garde uniquement Réinitialiser */
  .bidzs-auctions-filters .bidzs-filters-extra .toggles{ display:none !important; }
  .bidzs-auctions-filters .bidzs-filters-extra a.btn{
    width:100% !important;
  }

  .bidzs-auctions-filters .bidzs-countbar{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
  }

  /* Grid 2-up */
  .bidzs-auctions-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }

  /* Mobile auctions: ne pas afficher le vendeur + badges */
  .bidzs-auctions-grid .fc-seller,
  .bidzs-auctions-grid .seller-name,
  .bidzs-auctions-grid .seller-badges{
    display:none !important;
  }
  .bidzs-auctions-grid .featured-card{ border-radius:16px; }
  .bidzs-auctions-grid .featured-card .fc-img{ height:150px; }
  .bidzs-auctions-grid .featured-card .fc-body{
    padding:10px 10px 12px;
    gap:8px;
    min-height:0;
  }
  .bidzs-auctions-grid .featured-card .fc-title{
    font-size:13px;
    max-height:34px;
  }
  .bidzs-auctions-grid .fc-bids{ font-size:11px; }
  .bidzs-auctions-grid .fc-flags-inline{ font-size:11px; }
  .bidzs-auctions-grid .fc-meta strong{ font-size:14px; }

  .bidzs-auctions-grid .timer-badge{
    left:8px;
    bottom:8px;
    padding:6px 8px;
    font-size:11px;
    gap:8px;
    border-radius:12px;
  }
  .bidzs-auctions-grid .timer-badge .text{ min-width:0 !important; }

  .bidzs-auctions-grid .fav-mini{
    right:8px;
    top:8px;
    width:30px;
    height:30px;
  }
  .bidzs-auctions-grid .fav-mini svg{ width:16px; height:16px; }

  .bidzs-auctions-grid .hot-badge{
    left:8px;
    top:8px;
    width:30px;
    height:30px;
  }

  .bidzs-auctions-grid .fc-cta .btn{ width:100%; }
}

@media (max-width:420px){
  .bidzs-auctions-grid .featured-card .fc-img{ height:140px; }
}

/* =====================================================================
   MOBILE POLISH (GLOBAL)
   - Product page (fiche produit)
   - Mon compte (boutons réception / litiges)
   - Anti-doublons (mobile actions injectées par Bidzs Core)
   Objectif: aucune section coupée / hors cadre sur mobile & tablette.
===================================================================== */

/* Anti-doublons: le plugin Bidzs Core injecte un mini-header mobile (fav/compte/burger).
   Le thème gère déjà l'expérience mobile => on masque l'injection. */
@media (max-width:1024px){
  #bidzs-mobile-actions,
  #bidzs-drawer,
  #bidzs-drawer-backdrop{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  body.bidzs-drawer-open{ overflow:auto !important; }
}

/* FAV (règle globale): coeur rouge plein + contour bleu (toutes pages)
   Compat: .is-fav (Bidzs Core) + .active (fallback). */
.fav-mini.is-fav,
.fav-mini.active{ border-color:var(--primary-blue) !important; }
.fav-mini.is-fav svg path,
.fav-mini.active svg path{ fill:#dc3545; stroke:var(--primary-blue); opacity:1; }

/* Fiche produit: coeur identique */
.bidzs-product .fav-product svg{ width:18px; height:18px; }
.bidzs-product .fav-product svg path{ fill:none; stroke:#111; stroke-width:1.8; opacity:.85; }
.bidzs-product .fav-product.is-fav{ border-color:var(--primary-blue) !important; }
.bidzs-product .fav-product.is-fav svg path{ fill:#dc3545; stroke:var(--primary-blue); opacity:1; }

/* Fiche produit: mobile/tablette harmonieux */
@media (max-width:1024px){
  .bidzs-product{ padding:16px 16px; }
  .bidzs-product .bidzs-title-row{ flex-direction:column; align-items:flex-start; }
  .bidzs-product .bidzs-badges{ justify-content:flex-start; }
  .bidzs-product .bidzs-meta-row{ flex-direction:column; align-items:flex-start; }
  .bidzs-product .timer-pill{ width:100%; justify-content:center; }
  .bidzs-product .bid-input-row{ flex-direction:column; }
  .bidzs-product .bid-input-row .btn{ width:100%; }
  .bidzs-product .bidzs-expert-head{ flex-direction:column; align-items:flex-start; }
  .bidzs-product .bidzs-expert-link{ margin:10px 0 0; }
  .bidzs-product .bidzs-gallery-main{ max-width:100% !important; }
/* éviter les dépassements horizontaux (badges, rating, liens) */
.bidzs-product .seller-rating{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; max-width:100%; }
.bidzs-product .bidzs-stars{ max-width:100%; flex-wrap:wrap; }
.bidzs-product .bidzs-stars-badge{ max-width:100%; }
.bidzs-product .seller-badges{ display:flex; flex-wrap:wrap; gap:6px; max-width:100%; }
.bidzs-product .bidzs-badges{ flex-wrap:wrap; }
.bidzs-product .bidzs-meta-row > *{ max-width:100%; }
.bidzs-product .bidzs-expert-link{ max-width:100%; overflow-wrap:anywhere; word-break:break-word; }
.bidzs-product .seller-name{ overflow-wrap:anywhere; word-break:break-word; }
}

@media (max-width:767px){
  /* éviter les zoom iOS + garantir aucune coupe horizontale */
  .bidzs-product,
  .bidzs-dashboard,
  .bidzs-account-wrap{ padding-left:12px; padding-right:12px; }

  .bidzs-product .card{ border-radius:18px; }
  .bidzs-product .bidzs-gallery{ padding:12px; }
  .bidzs-product .bidzs-gallery-thumbs{ gap:8px; }
  .bidzs-product .bidzs-gallery-thumbs .thumb{ width:66px; height:54px; border-radius:14px; }
  .bidzs-product .bidzs-h1{ font-size:20px; overflow-wrap:anywhere; word-break:break-word; }
  .bidzs-product .bidzs-desc-inline .content,
  .bidzs-product .bidzs-desc .content{ overflow-wrap:anywhere; word-break:break-word; }

  .bidzs-product select,
  .bidzs-product input,
  .bidzs-product textarea{ width:100%; max-width:100%; font-size:16px; }

  .bidzs-product .spec-grid{ grid-template-columns:1fr; }
  .bidzs-product .seller-row{ flex-wrap:wrap; }
  .bidzs-product .seller-row .avatar{ width:40px; height:40px; }

  /* Historique: empiler en 1 colonne */
  .bidzs-product .bidzs-history .table .row{ grid-template-columns:1fr !important; }
  .bidzs-product .bidzs-history .table .col{ font-size:13px; }
}

/* Mon compte: boutons (réception, litige, évaluation) toujours visibles + pro */
.featured-card .bidzs-cta{ display:flex; gap:10px; align-items:center; justify-content:space-between; }
.featured-card .bidzs-cta-left{ display:flex; align-items:center; gap:8px; min-width:0; }
.featured-card .bidzs-cta-right{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.featured-card .bidzs-cta-right .btn-small{ width:auto; }

@media (max-width:767px){
  .featured-card .bidzs-cta{ flex-direction:column; align-items:stretch; }
  .featured-card .bidzs-cta-right{ justify-content:flex-start; }
  .featured-card .bidzs-cta-right .btn{ flex:1 1 48%; }
}
@media (max-width:420px){
  .featured-card .bidzs-cta-right .btn{ flex:1 1 100%; }
}

/* Mon compte (mobile): boutons "Évaluer" + statuts toujours lisibles */
@media (max-width:767px){
  .bidzs-btn-compact{
    height:auto !important;
    padding:6px 8px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center !important;
  }
  .bidzs-shipline{
    font-size:10px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    max-width:100% !important;
  }
}

/* Dashboard / formulaires: anti-débordement (sell, abonnements, etc.) */
@media (max-width:767px){
  .bidzs-tabs{ flex-wrap:wrap !important; }
  .bidzs-tabs .bidzs-tab-btn{ min-width:0; }
  #bidzsShippingTableWrap{ overflow-x:auto; }
  .bidzs-dashboard table{ display:block; max-width:100%; overflow-x:auto; }
}


/* Pagination (mobile): une seule ligne + compact (scroll si besoin) */
@media (max-width:767px){
  .bidzs-pager,
  .bidzs-pagination,
  .pagination,
  .nav-links,
  .woocommerce-pagination,
  .woocommerce-pagination ul.page-numbers,
  ul.page-numbers{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:4px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    padding:0 6px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    white-space:nowrap !important;
  }

  .bidzs-pager::-webkit-scrollbar,
  .bidzs-pagination::-webkit-scrollbar,
  .pagination::-webkit-scrollbar,
  .nav-links::-webkit-scrollbar,
  .woocommerce-pagination::-webkit-scrollbar,
  .woocommerce-pagination ul.page-numbers::-webkit-scrollbar,
  ul.page-numbers::-webkit-scrollbar{ display:none; }

  .bidzs-pager .btn,
  .bidzs-pagination .bidzs-page-btn,
  .pagination a,
  .pagination span,
  .nav-links a,
  .nav-links span,
  .woocommerce-pagination a,
  .woocommerce-pagination span,
  ul.page-numbers a,
  ul.page-numbers span{
    flex:0 0 auto !important;
    min-width:30px !important;
    height:32px !important;
    padding:0 6px !important;
    font-size:11px !important;
    line-height:32px !important;
  }

  ul.page-numbers{ list-style:none !important; padding-left:0 !important; }
  ul.page-numbers li{ flex:0 0 auto !important; margin:0 !important; }

  /* Ellipses plus compactes */
  .pagination .page-numbers.dots,
  .nav-links .page-numbers.dots,
  .woocommerce-pagination .page-numbers.dots,
  ul.page-numbers .dots{
    min-width:22px !important;
    padding:0 6px !important;
  }
}



/* Favoris (mobile): cartes moins hautes (évite grosse zone blanche) */
@media (max-width:767px){
  .bidzs-favorites-page .featured-card{ height:auto !important; }
  .bidzs-favorites-page .featured-card .fc-body{ min-height:0 !important; }
  .bidzs-favorites-page .featured-card .fc-img{ height:160px !important; }
}

/* Médias: jamais hors cadre dans le contenu */
.bidzs-main img,
.bidzs-main video,
.bidzs-main iframe,
.bidzs-main embed,
.bidzs-main object{
  max-width:100%;
}




/* =====================================================================
   PARTNERS (HOME) - Desktop + Mobile polish
   Objectif: logos plus grands + titre centré et plus pro.
===================================================================== */
.bidzs-partners-carousel .title{
  text-align:center;
  font-size:26px;
  font-weight:1000;
  letter-spacing:.2px;
  margin-bottom:14px;
}
.bidzs-partners-carousel{ overflow:hidden; }
.bidzs-partner{ display:flex; align-items:center; justify-content:center; overflow:hidden; background:rgba(255,255,255,.04); border:1px solid rgba(0,0,0,.06); }
.bidzs-partner img{ max-width:92%; max-height:92%; width:auto; height:auto; object-fit:contain; display:block; }


@media (max-width:767px){
  .bidzs-partners-carousel{ text-align:left; }
  .bidzs-partners-track{ justify-content:flex-start; padding-left:16px; padding-right:16px; }
}

@media (min-width:1025px){
  .bidzs-partner{ flex-basis:270px; height:96px; border-radius:18px; }
  .bidzs-partners-track{ gap:14px; }
}
@media (max-width:1024px){
  .bidzs-partners-carousel .title{ font-size:22px; }
  .bidzs-partner{ flex-basis:155px; height:62px; }
}
@media (max-width:420px){
  .bidzs-partner{ flex-basis:135px; height:58px; }
}


@media (max-width:767px){
  /* Sécurité: aucun élément ne doit dépasser le viewport */
  .bidzs-product *,
  .bidzs-dashboard *,
  .bidzs-account-wrap *{
    max-width:100%;
    box-sizing:border-box;
  }
}