/* TOF Racing V9.5.2 — iOS/WooCommerce hardening */

/* Navigation par modèle */
.tofr-model-nav{margin:0 0 28px}
.tofr-model-nav h2{margin-bottom:6px}
.tofr-model-nav>p{margin-top:0;opacity:.75}
.tofr-model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}
.tofr-model-card{display:flex;flex-direction:column;gap:3px;padding:16px;border:1px solid rgba(0,0,0,.12);border-radius:12px;text-decoration:none;background:#fff}
.tofr-model-card strong{font-size:1.05rem}
.tofr-model-card span{font-size:.85rem;opacity:.65}
.tofr-model-filter-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;padding:14px 16px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff}
.tofr-model-filter-head a{text-decoration:none}
.tofr-model-products{margin-top:8px}
.tofr-model-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:28px 0}
.tofr-model-pagination a,.tofr-model-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid rgba(0,0,0,.14);border-radius:9px;text-decoration:none;background:#fff}
.tofr-model-pagination .current{font-weight:700;border-color:currentColor}

/* iPhone / mobile : cible uniquement les cartes produits WooCommerce */
@media (max-width: 768px) {
  body.home ul.products.columns-4,
  body.tofr-model-active ul.products.columns-4 {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin:20px 0 32px!important;
    padding:0!important;
  }

  body.home ul.products.columns-4::before,
  body.home ul.products.columns-4::after,
  body.tofr-model-active ul.products.columns-4::before,
  body.tofr-model-active ul.products.columns-4::after {
    content:none!important;
    display:none!important;
  }

  body.home ul.products.columns-4 li.product,
  body.tofr-model-active ul.products.columns-4 li.product {
    float:none!important;
    clear:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.home ul.products.columns-4 li.product a,
  body.tofr-model-active ul.products.columns-4 li.product a {
    min-width:0!important;
    max-width:100%!important;
  }

  body.home ul.products.columns-4 li.product a img,
  body.tofr-model-active ul.products.columns-4 li.product a img {
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:1/1;
    object-fit:contain;
    margin:0 0 10px!important;
  }

  body.home ul.products.columns-4 li.product .woocommerce-loop-product__title,
  body.tofr-model-active ul.products.columns-4 li.product .woocommerce-loop-product__title {
    font-size:15px!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body.home ul.products.columns-4 li.product .price,
  body.tofr-model-active ul.products.columns-4 li.product .price {
    font-size:15px!important;
    line-height:1.3!important;
  }

  body.home ul.products.columns-4 li.product .button,
  body.tofr-model-active ul.products.columns-4 li.product .button {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    margin:10px 0 0!important;
    padding:10px 8px!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.15!important;
    box-sizing:border-box!important;
  }

  .tofr-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tofr-model-filter-head{align-items:flex-start;flex-direction:column;gap:6px}
}

@media(max-width:360px){
  body.home ul.products.columns-4,
  body.tofr-model-active ul.products.columns-4{
    grid-template-columns:1fr!important;
  }
}