:root{--pro-bg:#050505;--pro-card:rgba(255,255,255,.075);--pro-card2:rgba(255,255,255,.12);--pro-line:rgba(255,255,255,.14);--pro-text:#fff;--pro-muted:rgba(255,255,255,.68);--pro-accent:#f4d46b;--pro-radius:22px;--pro-shadow:0 22px 70px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}a{transition:.18s ease}img{max-width:100%}.panel,.card,.auth-card,.product-card,.client-product-card,.shopCard,.adminx-hero-card,.adminx-stat,.pending-card{border-radius:var(--pro-radius)!important}.btn,button,input[type=submit],.pay,.payBtn{border-radius:14px!important;min-height:42px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:hover,button:hover,input[type=submit]:hover,.pay:hover,.payBtn:hover{transform:translateY(-1px);opacity:.94}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(244,212,107,.45)!important;outline-offset:2px}input,select,textarea{border-radius:14px!important;min-height:42px}table{width:100%;border-collapse:separate;border-spacing:0 8px}th{color:var(--pro-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;text-align:left}td,th{padding:12px}tbody tr{background:rgba(255,255,255,.045)}tbody tr td:first-child{border-radius:14px 0 0 14px}tbody tr td:last-child{border-radius:0 14px 14px 0}.alert{border-radius:16px!important;padding:12px 14px!important;border:1px solid var(--pro-line)!important}.alert.error{background:rgba(239,68,68,.16)!important}.alert.success{background:rgba(34,197,94,.16)!important}.badge,.premium-badge,.stock-badge{border-radius:999px!important}.adminx-main,.client-main,main{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.adminx-search input{min-width:0}.adminx-topbar{gap:14px;align-items:center}.adminx-layout-3{align-items:stretch}.fake-chart span{border-radius:999px 999px 4px 4px}.product-media,.shopCard .mainImg,.slider-card>img{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.client-actions a,.btnRow a{display:inline-flex!important;align-items:center;justify-content:center}.public-shop,.main,.adminx-main{max-width:1400px}.lps-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lps-empty{padding:28px;border:1px dashed var(--pro-line);border-radius:22px;text-align:center;color:var(--pro-muted)}.lps-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.lps-kpi>div{padding:18px;border:1px solid var(--pro-line);border-radius:20px;background:var(--pro-card);box-shadow:var(--pro-shadow)}@media(max-width:800px){.adminx-topbar,.adminx-title-zone,.shop-nav{align-items:flex-start!important}.adminx-search{width:100%}.adminx-search input{width:100%}.lps-form-grid{grid-template-columns:1fr}table{font-size:13px}td,th{padding:10px 8px}.panel,.card{border-radius:18px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}


/* Correctif mobile final : 4 produits par ligne sur téléphone (index public + dashboard client). */
@media (max-width: 700px) {
  html body .product-grid,
  html body .client-product-grid,
  html body .client-products-only .client-product-grid,
  html body .public-shop .product-grid,
  html body #produits .product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  html body .product-card,
  html body .client-product-card {
    min-width: 0 !important;
    width: auto !important;
    padding: 4px !important;
    border-radius: 13px !important;
  }
  html body .product-card img,
  html body .product-card .placeholder,
  html body .product-media,
  html body .product-media img,
  html body .product-media .placeholder {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
    min-height: 0 !important;
    border-radius: 10px !important;
  }
  html body .product-info,
  html body .client-product-body,
  html body .shopCardBody {
    padding: 5px 1px 1px !important;
  }
  html body .product-info h3,
  html body .client-product-body h3,
  html body .shopCardBody h3 {
    font-size: 9px !important;
    line-height: 1.08 !important;
    margin: 0 0 3px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  html body .product-info p,
  html body .client-product-body p,
  html body .shopCardBody p {
    font-size: 7.5px !important;
    line-height: 1.12 !important;
    margin: 0 0 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 0 !important;
  }
  html body .price-line strong,
  html body .price,
  html body .shopCardBody strong {
    font-size: 9px !important;
    line-height: 1.08 !important;
    margin-bottom: 4px !important;
  }
  html body .order-pill,
  html body .client-actions .btn,
  html body .btnRow a {
    font-size: 7px !important;
    padding: 4px 1px !important;
    min-height: 0 !important;
    border-radius: 999px !important;
  }
  html body .client-actions,
  html body .btnRow {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
  }
  html body .product-mini-gallery,
  html body .stock-badge {
    display: none !important;
  }
}