/* Vue « turfhome » du comparatif (tmpl/turfhome.php) */
.tcmp-banner{display:block;margin:0 0 12px}
.tcmp-banner img{display:block;width:100%;height:auto;border-radius:10px}
.tcmp-first{margin:0 0 12px;padding:14px;border:2px solid #1e9262;border-radius:12px;background:#f5fbf8}
.tcmp-first__label{display:inline-block;margin:-26px 0 8px;padding:2px 10px;border-radius:20px;background:#1e9262;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tcmp-first__body{display:flex;align-items:center;gap:12px}
.tcmp-first__logo{flex:none;display:block;width:56px}
.tcmp-first__logo img{display:block;width:56px;height:auto;border-radius:6px;border:1px solid #e3ebe7;background:#fff}
.tcmp-first__offer{flex:1;min-width:0}
.tcmp-first__name{display:block;color:#111827;font-size:18px;font-weight:800;line-height:1.2;text-decoration:none}
.tcmp-first__name:hover{color:#1e9262;text-decoration:none}
.tcmp-first__hook{display:block;margin-top:2px;color:#6b7280;font-size:13px;line-height:1.3}
.tcmp-first__bonus{flex:none;text-align:right;line-height:1.1}
.tcmp-first__bonus b{display:block;color:#14663f;font-size:26px;font-weight:800}
.tcmp-first__bonus span{color:#6b7280;font-size:12px}
.tcmp-first__actions{display:flex;align-items:stretch;gap:10px;margin-top:12px}
.tcmp-code{flex:none;display:flex;flex-direction:column;justify-content:center;padding:4px 14px;border:1px dashed #b7a54a;border-radius:8px;background:#fff9d6;line-height:1.2;text-align:center}
.tcmp-code small{color:#6b5d10;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.tcmp-code b{color:#111827;font-size:16px;letter-spacing:.06em}
.tcmp-btn{display:inline-block;padding:8px 18px;border:1px solid #d6252e;border-radius:20px;background:#fff;color:#d6252e;font-size:13px;font-weight:700;line-height:1.3;text-align:center;white-space:nowrap;text-decoration:none}
.tcmp-btn:hover{background:#d6252e;color:#fff;text-decoration:none}
.tcmp-btn--primary{flex:1;display:flex;align-items:center;justify-content:center;border-color:#d6252e;background:#d6252e;color:#fff;font-size:15px}
.tcmp-btn--primary:hover{background:#b81d25;border-color:#b81d25}
.tcmp-list{margin:0;padding:0;list-style:none}
.tcmp-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid #eceff3}
.tcmp-row:first-child{border-top:0}
.tcmp-row__rank{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#111827;color:#fff;font-size:12px;font-weight:800}
.tcmp-row__logo{flex:none;display:block;width:48px}
.tcmp-row__logo img{display:block;width:48px;height:auto;border-radius:5px;border:1px solid #eceff3}
.tcmp-row__offer{flex:1;min-width:0}
.tcmp-row__name{display:block;color:#111827;font-size:14px;font-weight:700;line-height:1.25;text-decoration:none}
.tcmp-row__name:hover{color:#1e9262;text-decoration:none}
.tcmp-row__cash{display:block;margin-top:1px;color:#4a2c82;font-size:12px;font-weight:600}
.tcmp-row__bonus{flex:none;color:#4b5563;font-size:13px;text-align:right;white-space:nowrap}
.tcmp-row__bonus b{color:#111827;font-size:15px}
.tcmp-more{margin:8px 0 0;text-align:right;font-size:13px}
.tcmp-legal{margin:6px 0 0;font-size:11px;line-height:1.4;color:#6b7280}
@media (max-width:640px){
    .tcmp-first{padding:12px}
    .tcmp-first__bonus b{font-size:22px}
    .tcmp-first__actions{flex-direction:column}
    .tcmp-code{flex-direction:row;justify-content:center;gap:8px;padding:8px 14px}
    .tcmp-btn--primary{padding:11px 18px}
    .tcmp-row{gap:10px}
    .tcmp-row__bonus{display:none}
}