/* Minimal tiles – WebFantast v1.3 (mobile hardened) */
:root{
  --wf-blue:#003B7C;
  --wf-text:#1d3557;
  --wf-sale:#e63946;
  --wf-border:#e7edf4;
  --wf-card-bg:#ffffff;
}

.wfdtm-wrap{color:var(--wf-text);}
.wfdtm-toolbar{display:flex;justify-content:center;margin:12px 0 18px;padding:0 8px}
.wfdtm-search{width:min(760px,100%);padding:12px 14px;border:1px solid #d9e0ea;border-radius:12px;font-size:16px;color:var(--wf-text);background:#fff}

.wfdtm-grid{display:grid;gap:16px}
.wfdtm-cols-2 .wfdtm-grid{grid-template-columns:repeat(2,1fr)}
.wfdtm-cols-3 .wfdtm-grid{grid-template-columns:repeat(3,1fr)}
.wfdtm-cols-4 .wfdtm-grid{grid-template-columns:repeat(4,1fr)}
.wfdtm-cols-5 .wfdtm-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1024px){.wfdtm-grid{grid-template-columns:repeat(2,1fr)}}
/* Force single-column tiles on small screens */
@media(max-width: 768px){
  .wfdtm-grid{grid-template-columns:1fr !important;gap:14px}
  .wfdtm-card{width:100%}
}

.wfdtm-card{
  background:var(--wf-card-bg);border:1px solid var(--wf-border);border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);transition:transform .15s ease, box-shadow .15s ease;
}
.wfdtm-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.09)}
.wfdtm-card-inner{padding:18px}
.wfdtm-tld{color:var(--wf-blue);font-weight:800;font-size:22px;margin-bottom:8px;word-break:break-word}
.wfdtm-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wfdtm-now{font-weight:800;font-size:22px;color:var(--wf-text)}
.wfdtm-now small{font-size:12px;margin-left:4px}
.wfdtm-old{color:#8ea0b7;text-decoration:line-through}
.wfdtm-badge{background:var(--wf-sale);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:auto}
.wfdtm-empty{padding:20px;text-align:center;border:1px dashed var(--wf-border);border-radius:12px}