/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2026 | 13:31:59 */
/* Comparateur de prix pneus - ProTunisie */
#comparateur_des_prix_pneu{
  --blue:#0a5ea8;
  --blue-dark:#063870;
  --ink:#152029;
  --paper:#f5f8fb;
  --card:#ffffff;
  --line:#dde5ed;
  --accent:#c8501f;
  --muted:#6b7b8c;
  max-width:980px;
  margin:0 auto;
  padding:22px 18px 40px;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  box-sizing:border-box;
}
#comparateur_des_prix_pneu *{box-sizing:border-box;}

#comparateur_des_prix_pneu .pt-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
#comparateur_des_prix_pneu .pt-title{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:22px;
  color:var(--blue-dark);
  margin:0;
  text-transform:uppercase;
  letter-spacing:.01em;
}
#comparateur_des_prix_pneu .pt-count{
  font-family:'Space Mono',monospace;
  font-size:12px;
  color:var(--blue-dark);
  background:#e7eff8;
  border:1px solid var(--line);
  padding:5px 11px;
  border-radius:999px;
  white-space:nowrap;
}

#comparateur_des_prix_pneu .pt-controls{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
#comparateur_des_prix_pneu .pt-select,
#comparateur_des_prix_pneu .pt-search{
  font-family:'Inter',sans-serif;
  font-size:13px;
  color:var(--ink);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:8px;
  padding:9px 12px;
}
#comparateur_des_prix_pneu .pt-select{cursor:pointer;}
#comparateur_des_prix_pneu .pt-search{flex:1;min-width:160px;}
#comparateur_des_prix_pneu .pt-select:focus,
#comparateur_des_prix_pneu .pt-search:focus{outline:2px solid var(--blue);outline-offset:1px;}

#comparateur_des_prix_pneu .pt-table-wrap{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
}
#comparateur_des_prix_pneu table{width:100%;border-collapse:collapse;font-size:13px;}
#comparateur_des_prix_pneu thead th{
  text-align:left;
  font-family:'Space Mono',monospace;
  font-size:10.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
  background:#eef3f8;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
#comparateur_des_prix_pneu tbody tr{border-bottom:1px solid var(--line);}
#comparateur_des_prix_pneu tbody tr:last-child{border-bottom:none;}
#comparateur_des_prix_pneu tbody tr:hover{background:#f7fafc;}
#comparateur_des_prix_pneu td{padding:10px 12px;vertical-align:middle;}

#comparateur_des_prix_pneu .pt-model{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:15px;
  color:var(--ink);
  line-height:1.2;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#comparateur_des_prix_pneu .pt-brand{
  display:block;
  font-family:'Space Mono',monospace;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom:2px;
}
#comparateur_des_prix_pneu .pt-size{
  font-family:'Space Mono',monospace;
  font-size:12px;
  color:var(--ink);
  white-space:nowrap;
}
#comparateur_des_prix_pneu .pt-type-badge{
  display:inline-block;
  font-size:11px;
  font-weight:600;
  color:var(--blue-dark);
  background:#e7eff8;
  padding:3px 8px;
  border-radius:6px;
  white-space:nowrap;
}
#comparateur_des_prix_pneu .pt-price{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:15.5px;
  color:var(--accent);
  white-space:nowrap;
}
#comparateur_des_prix_pneu .pt-price-old{
  display:block;
  font-size:10.5px;
  color:#9aa7b4;
  text-decoration:line-through !important;
  white-space:nowrap;
}
#comparateur_des_prix_pneu .pt-cta,
#comparateur_des_prix_pneu .pt-cta:link,
#comparateur_des_prix_pneu .pt-cta:visited,
#comparateur_des_prix_pneu .pt-cta:hover,
#comparateur_des_prix_pneu .pt-cta:active{
  display:inline-block;
  text-decoration:none !important;
  font-weight:600;
  font-size:12px;
  color:#fff !important;
  background:var(--blue-dark);
  padding:7px 12px;
  border-radius:7px;
  white-space:nowrap;
  transition:background .15s ease;
}
#comparateur_des_prix_pneu .pt-cta:hover{background:var(--blue);}

#comparateur_des_prix_pneu .pt-empty{
  text-align:center;
  padding:34px 12px;
  color:var(--muted);
  font-size:13.5px;
}

#comparateur_des_prix_pneu .pt-footnote{
  margin-top:14px;
  font-size:11px;
  color:#8593a2;
  line-height:1.6;
}
#comparateur_des_prix_pneu .pt-footnote a{color:var(--blue);}

/* ---- Mobile: table devient des lignes compactes empilées ---- */
@media (max-width:640px){
  #comparateur_des_prix_pneu{padding:16px 12px 32px;}
  #comparateur_des_prix_pneu .pt-title{font-size:19px;}
  #comparateur_des_prix_pneu thead{display:none;}
  #comparateur_des_prix_pneu table,
  #comparateur_des_prix_pneu tbody,
  #comparateur_des_prix_pneu tr,
  #comparateur_des_prix_pneu td{display:block;width:100%;}
  #comparateur_des_prix_pneu tbody tr{
    padding:10px 12px;
    border-bottom:1px solid var(--line);
    display:grid;
    grid-template-columns:1fr auto;
    column-gap:10px;
    row-gap:4px;
    align-items:center;
  }
  #comparateur_des_prix_pneu td{padding:0;border:none;}
  #comparateur_des_prix_pneu td.pt-col-model{grid-column:1/2;}
  #comparateur_des_prix_pneu td.pt-col-type{grid-column:2/3;justify-self:end;}
  #comparateur_des_prix_pneu td.pt-col-size{grid-column:1/2;}
  #comparateur_des_prix_pneu td.pt-col-price{grid-column:2/3;justify-self:end;text-align:right;}
  #comparateur_des_prix_pneu td.pt-col-cta{grid-column:1/-1;margin-top:6px;}
  #comparateur_des_prix_pneu .pt-cta{display:block;text-align:center;}
}