/* =====================================================================
   Tariffando – Homepage (v2, 29/09/2026)
   Regole: 2 colori (blu interfaccia + arancio offerte), grigi neutri,
   icone SVG a tratto, niente sfumature decorative, niente emoji nell'interfaccia.
   Le variabili --tf-* sono definite in tf-global.css.
   ===================================================================== */

/* ---------- Pulizia spazi del tema (Rehub) ---------- */
.page-id-45926 .rh-post-wrapper, .home .rh-post-wrapper, .home .rh-content-wrap, .home .rh-container { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-45926 .title_single_area, .home .title_single_area { display: none !important; }
.page-template-default.home .content { margin-top: 0 !important; padding-top: 0 !important; }

/* ---------- Struttura ---------- */
.tf-home-container { width: 100%; padding-top: 16px; font-family: var(--tf-font); color: var(--tf-text); }
.tf-home-container *, .tf-home-container *::before, .tf-home-container *::after { box-sizing: border-box; }
.tf-max-width { max-width: 1200px; margin: 0 auto; }
.tf-content-row { display: flex; gap: 32px; align-items: flex-start; margin-bottom: 48px; }
.tf-main-col { flex: 1 1 auto; min-width: 0; }
.tf-sidebar-col { width: 300px; flex: 0 0 300px; }
.tf-i { display: inline-block; vertical-align: middle; flex: 0 0 auto; }
.tf-home-container a { text-decoration: none; }

/* ---------- Titoli di sezione ---------- */
.tf-sec { margin: 0 0 40px; }
.tf-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--tf-line); }
.tf-sec-head h2 { display: flex; align-items: center; gap: 10px; margin: 0 !important; font-size: 20px !important; line-height: 1.2 !important; font-weight: 750 !important; color: var(--tf-ink) !important; }
.tf-sec-tools { display: flex; align-items: center; gap: 6px; }
.tf-sec-link { display: inline-flex; align-items: center; gap: 4px; margin-right: 6px; font-size: 14px; font-weight: 600; color: var(--tf-primary) !important; }
.tf-sec-link:hover { color: var(--tf-primary-600) !important; }
.tf-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #DC2626; box-shadow: 0 0 0 0 rgba(220,38,38,.45); animation: tfPulse 2s infinite; flex: 0 0 auto; }
@keyframes tfPulse { 0% { box-shadow: 0 0 0 0 rgba(220,38,38,.45); } 70% { box-shadow: 0 0 0 7px rgba(220,38,38,0); } 100% { box-shadow: 0 0 0 0 rgba(220,38,38,0); } }
@media (prefers-reduced-motion: reduce) { .tf-live-dot { animation: none; } }

/* ---------- Hero "Inchiostro" compatto + barra categorie ---------- */
.tf-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.tf-hero2 { position: relative; isolation: isolate; overflow: hidden; max-width: 1200px; box-sizing: border-box; margin: 0 auto 16px;
    padding: 14px 16px 12px 20px; border-radius: 16px; background: #0F172A; color: #fff; }
.tf-hero2::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(600px 220px at 100% 0%, rgba(234,88,12,.35), transparent 70%),
                radial-gradient(500px 200px at 0% 100%, rgba(21,112,190,.25), transparent 70%); }
.tf-hero2-main { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.tf-hero2 h1 { min-width: 0; margin: 0 !important; font-size: 24px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.03em !important; color: #fff !important; }
.tf-hero2-actions { display: flex; flex: 0 0 auto; gap: 8px; }
.tf-h2btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 9px;
    font-size: 14px; font-weight: 650; white-space: nowrap; transition: background-color .15s, box-shadow .15s, color .15s; }
.tf-h2btn-primary { background: #EA580C; color: #fff !important; }
.tf-h2btn-primary:hover { background: #C2410C; }
.tf-h2btn-ghost { background: rgba(255,255,255,.06); color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.tf-h2btn-ghost:hover { background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); }
.tf-lbl-short { display: none; }
.tf-hero2 a:focus-visible { outline: 2px solid #FBBF24; outline-offset: 2px; }

.tf-hbar { display: flex; align-items: center; gap: 12px; min-height: 40px; margin-top: 12px; padding: 4px 4px 4px 12px; box-sizing: border-box;
    border-radius: 8px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.tf-hbar-live { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding-right: 10px;
    border-right: 1px solid rgba(255,255,255,.14); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff !important; }
.tf-hbar-live .tf-i { opacity: .6; margin-left: -2px; }
.tf-hbar-live:hover { color: #FBBF24 !important; }
.tf-hbar-live:hover .tf-i { opacity: 1; }
.tf-hbar-dot { width: 8px; height: 8px; border-radius: 50%; background: #EF4444; box-shadow: 0 0 0 3px rgba(239,68,68,.25); animation: tfBlink 1.6s infinite; }
@keyframes tfBlink { 50% { opacity: .35; } }
.tf-hbar-cats { display: flex; gap: 6px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.tf-hbar-cats::-webkit-scrollbar { display: none; }
.tf-hbar-cat { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 13px; border-radius: 7px;
    font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.9) !important; transition: background-color .15s, color .15s; }
.tf-hbar-cat .tf-i { color: #FBBF24; }
.tf-hbar-cat:hover { background: rgba(255,255,255,.1); color: #fff !important; }
@media (prefers-reduced-motion: reduce) { .tf-hbar-dot { animation: none; } }

/* ---------- In primo piano ---------- */
.tf-feat { margin-top: 0; }
.tf-feat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; }
.tf-fcard { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--tf-line); border-radius: var(--tf-radius); overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.tf-fcard:hover { border-color: #CBD5E1; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.tf-fcard-img { position: relative; aspect-ratio: 16/9; background: var(--tf-bg); overflow: hidden; }
.tf-fcard-img img { width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: cover; display: block; }
.tf-fcard-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 14px 16px 16px; }
.tf-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--tf-muted); }
.tf-chip-dot { width: 7px; height: 7px; border-radius: 50%; }
.tf-fcard-title { margin: 0 !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 700 !important; color: var(--tf-ink) !important;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tf-fcard:hover .tf-fcard-title { color: var(--tf-primary) !important; }
.tf-fcard-ex { margin: 0 !important; font-size: 15px !important; line-height: 1.55 !important; color: var(--tf-text) !important; }
.tf-fcard-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 4px; font-size: 13px; color: var(--tf-muted); }
.tf-fcard-btn { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; border-radius: 10px; background: var(--tf-primary); color: #fff; font-size: 14px; font-weight: 650; }
.tf-fcard:hover .tf-fcard-btn { background: var(--tf-primary-600); }
.tf-fcard.is-big { grid-column: 1 / -1; flex-direction: row; }
.tf-fcard.is-big .tf-fcard-img { flex: 0 0 48%; aspect-ratio: 16/9; }
.tf-fcard.is-big .tf-fcard-body { justify-content: center; gap: 12px; padding: 28px 32px; }
.tf-fcard.is-big .tf-fcard-title { font-size: 26px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -0.02em; }
.tf-fcard.is-big .tf-fcard-meta { margin-top: 8px; }

/* ---------- Ultime offerte (dal feed) ---------- */
.tf-arrow { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 50%; border: 1px solid var(--tf-line); background: #fff; color: var(--tf-ink); cursor: pointer; transition: border-color .15s, color .15s; }
.tf-arrow:hover { border-color: var(--tf-primary); color: var(--tf-primary); }
.tf-deals-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 14px) / 4); gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 2px 6px; outline: none; }
.tf-deals-track::-webkit-scrollbar { display: none; }
.tf-deal { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 12px; background: #fff; border: 1px solid var(--tf-line); border-radius: var(--tf-radius); scroll-snap-align: start; color: var(--tf-ink) !important; transition: border-color .2s, box-shadow .2s; }
.tf-deal:hover { border-color: #CBD5E1; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.tf-deal-img { position: relative; display: grid; place-items: center; aspect-ratio: 1; margin-bottom: 4px; background: #fff; }
.tf-deal-img img { max-width: 82% !important; max-height: 82% !important; width: auto !important; height: auto !important; margin: 0 !important; object-fit: contain; }
.tf-deal-off { position: absolute; top: 0; left: 0; padding: 4px 7px; border-radius: 6px; background: var(--tf-accent); color: #fff; font-size: 12px; font-weight: 750; line-height: 1; }
.tf-deal-store { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--tf-muted); }
.tf-deal-title { font-size: 14px; line-height: 1.35; font-weight: 600; color: var(--tf-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.tf-deal-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin-top: auto; font-variant-numeric: tabular-nums; }
.tf-deal-price strong { font-size: 18px; font-weight: 800; color: var(--tf-ink); }
.tf-deal-price s { font-size: 13px; color: var(--tf-muted); }
.tf-deal-cta { display: flex; align-items: center; justify-content: center; height: 36px; margin-top: 4px; border-radius: 8px; background: var(--tf-accent-50); color: var(--tf-accent); font-size: 13.5px; font-weight: 700; transition: background-color .15s, color .15s; }
.tf-deal:hover .tf-deal-cta { background: var(--tf-accent); color: #fff; }
.tf-deal-skeleton { min-height: 300px; background: linear-gradient(90deg, #F1F5F9 25%, #E2E8F0 37%, #F1F5F9 63%); background-size: 400% 100%; animation: tfShimmer 1.4s ease infinite; border: 0; }
@keyframes tfShimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }

/* ---------- Ultime notizie ---------- */
.tf-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 28px; }
.tf-news-card { position: relative; display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--tf-line); }
.tf-card-link-overlay { position: absolute; inset: 0; z-index: 2; }
.tf-card-image-wrapper { flex: 0 0 116px; height: 78px; border-radius: 8px; overflow: hidden; background: var(--tf-bg); }
.tf-card-image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; display: block; }
.tf-card-content { display: flex; flex-direction: column; justify-content: center; gap: 6px; min-width: 0; }
.tf-card-title { margin: 0 !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 650 !important; }
.tf-card-title a { color: var(--tf-ink) !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tf-news-card:hover .tf-card-title a { color: var(--tf-primary) !important; }
.tf-card-meta { font-size: 12.5px; color: var(--tf-muted); }
.tf-load-more-wrap { display: flex; justify-content: center; margin-top: 24px; }
.tf-btn-load { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--tf-line); background: #fff; color: var(--tf-ink); font-family: var(--tf-font); font-size: 14.5px; font-weight: 650; cursor: pointer; transition: border-color .15s, color .15s; }
.tf-btn-load:hover { border-color: var(--tf-primary); color: var(--tf-primary); }
.tf-btn-load.loading { opacity: .6; cursor: progress; }
.tf-btn-load:disabled { opacity: .5; cursor: default; }
.tf-event-box .tf-sec-head h2 { color: var(--tf-accent) !important; }

/* ---------- Sidebar ---------- */
.tf-sidebar-wrapper { display: flex; flex-direction: column; gap: 16px; }
.tf-widget-box { padding: 18px; background: #fff; border: 1px solid var(--tf-line); border-radius: var(--tf-radius); }
.tf-widget-title { margin: 0 0 12px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--tf-muted) !important; }
.tf-social-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tf-social-pill { display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 10px; border-radius: 8px; background: var(--tf-bg); color: var(--tf-ink) !important; font-size: 13px; font-weight: 600; transition: background-color .15s, color .15s; }
.tf-social-pill svg { width: 17px; height: 17px; flex: 0 0 auto; }
.tf-social-pill:hover { background: var(--tf-primary-50); color: var(--tf-primary) !important; }

.tf-side-tg { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: var(--tf-radius); background: var(--tf-primary); color: #fff !important; transition: background-color .15s; }
.tf-side-tg:hover { background: var(--tf-primary-600); }
.tf-side-tg-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.16); flex: 0 0 auto; }
.tf-side-tg-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; font-size: 12.5px; line-height: 1.35; color: rgba(255,255,255,.85); }
.tf-side-tg-txt strong { font-size: 15px; color: #fff; }

.tf-app-side { display: flex; flex-direction: column; gap: 12px; padding: 18px; background: #fff; border: 1px solid var(--tf-line); border-radius: var(--tf-radius); color: var(--tf-ink) !important; transition: border-color .15s; }
.tf-app-side:hover { border-color: #CBD5E1; }
.tf-app-side-top { display: flex; align-items: center; gap: 12px; }
.tf-app-side-top > span:last-child { display: flex; flex-direction: column; font-size: 12.5px; color: var(--tf-muted); }
.tf-app-side-top strong { font-size: 15px; color: var(--tf-ink); }
.tf-app-side-logo { width: 44px; height: 44px; border-radius: 11px; border: 1px solid var(--tf-line); background: #fff url('../img/tf-logo.webp') center / cover no-repeat; flex: 0 0 auto; }
.tf-app-side-list { display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; color: var(--tf-text); }
.tf-app-side-list > span { display: flex; align-items: center; gap: 8px; }
.tf-app-side-list .tf-i { color: #16A34A; }
.tf-app-side-cta { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 10px; background: var(--tf-ink); color: #fff; font-size: 14px; font-weight: 650; transition: background-color .15s; }
.tf-app-side:hover .tf-app-side-cta { background: #1E293B; }

.tf-guides { padding-bottom: 8px; }
.tf-guide { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--tf-line); color: var(--tf-ink) !important; }
.tf-guides .tf-widget-title + .tf-guide { border-top: 0; padding-top: 0; }
.tf-guide > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; font-size: 12.5px; line-height: 1.35; color: var(--tf-muted); }
.tf-guide strong { font-size: 14.5px; color: var(--tf-ink); }
.tf-guide-ico { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: var(--tf-primary-50); color: var(--tf-primary); flex: 0 0 auto; }
.tf-guide > .tf-i { color: #94A3B8; }
.tf-guide:hover strong { color: var(--tf-primary); }

/* ---------- Annunci ---------- */
.tf-home-ad { position: static !important; margin: 0 0 40px; text-align: center; }
.tf-home-ad-label { display: block; margin-bottom: 6px; font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: #94A3B8; }
.tf-home-ad-incontent { min-height: 120px; }
.tf-sidebar-wrapper .tf-home-ad { margin: 0; min-height: 272px; }
.tf-home-ad:has(ins[data-ad-status^="unfill"]) { display: none; }

/* ---------- Chi siamo ---------- */
.tf-about { margin-top: 8px; padding: 56px 20px; background: var(--tf-bg); border-top: 1px solid var(--tf-line); }
.tf-about-inner { max-width: 820px; margin: 0 auto; text-align: center; }
.tf-about .tf-about-eyebrow { margin: 0 0 8px !important; font-size: 13px !important; font-weight: 600; color: var(--tf-primary) !important; }
.tf-about h2 { margin: 0 0 12px !important; font-size: 30px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -0.02em; color: var(--tf-ink) !important; }
.tf-about .tf-about-text { max-width: 640px; margin: 0 auto 32px !important; font-size: 16px !important; line-height: 1.6 !important; color: var(--tf-text) !important; }
.tf-about-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 32px; padding: 20px 0; border-top: 1px solid var(--tf-line); border-bottom: 1px solid var(--tf-line); }
.tf-about-stats > div { display: flex; flex-direction: column-reverse; gap: 4px; }
.tf-about-stats > div + div { border-left: 1px solid var(--tf-line); }
.tf-about-stats dd { margin: 0; font-size: 30px; font-weight: 800; letter-spacing: -0.02em; color: var(--tf-ink); font-variant-numeric: tabular-nums; }
.tf-about-stats dt { font-size: 13px; color: var(--tf-muted); }
.tf-about-cta { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 24px; border-radius: 10px; background: var(--tf-primary); color: #fff !important; font-size: 15.5px; font-weight: 700; transition: background-color .15s; }
.tf-about-cta:hover { background: var(--tf-primary-600); }
.tf-about .tf-about-note { margin: 10px 0 0 !important; font-size: 13px !important; color: var(--tf-muted) !important; }

/* ---------- Focus visibile da tastiera ---------- */
.tf-home-container a:focus-visible, .tf-home-container button:focus-visible, .tf-deals-track:focus-visible { outline: 2px solid var(--tf-primary); outline-offset: 2px; }

/* =====================================================================
   Responsive
   ===================================================================== */
@media (max-width: 1230px) {
    .tf-hero2 { margin-left: 16px; margin-right: 16px; }
    .tf-max-width { padding: 0 16px; }
}
@media (max-width: 1024px) {
    .tf-content-row { flex-direction: column; gap: 8px; }
    .tf-sidebar-col { width: 100%; flex: 1 1 auto; }
    .tf-sidebar-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
    .tf-deals-track { grid-auto-columns: calc((100% - 2 * 14px) / 3); }
}
@media (max-width: 900px) {
    .tf-home-container { padding-top: 12px; }
    .tf-hero2 { margin: 0 12px 12px; padding: 12px 12px 10px; border-radius: 14px; }
    .tf-hero2-main { display: block; }
    .tf-hero2 h1 { font-size: 20px !important; }
    .tf-hero2-actions { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 6px; margin-top: 10px; }
    .tf-h2btn { height: 36px; padding: 0 6px; gap: 6px; font-size: 13px; }
    .tf-lbl-full { display: none; }
    .tf-lbl-short { display: inline; }
    .tf-hbar { gap: 8px; margin-top: 10px; padding: 3px 0 3px 10px; }
    .tf-hbar-live { padding-right: 8px; }
    .tf-hbar-cats { padding-right: 16px; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
    .tf-hbar-cat { padding: 0 10px; gap: 6px; font-size: 13px; }
    .tf-max-width { padding: 0 12px; }

    .tf-sec { margin-bottom: 32px; }
    .tf-sec-head h2 { font-size: 18px !important; }
    .tf-feat-grid { display: flex; flex-direction: column; gap: 0; }
    .tf-fcard.is-big { flex-direction: column; margin-bottom: 4px; }
    .tf-fcard.is-big .tf-fcard-img { flex: none; }
    .tf-fcard.is-big .tf-fcard-body { padding: 14px 16px 16px; gap: 8px; }
    .tf-fcard.is-big .tf-fcard-title { font-size: 20px !important; }
    .tf-fcard-ex, .tf-fcard-btn { display: none !important; }
    .tf-fcard:not(.is-big) { flex-direction: row; gap: 14px; padding: 14px 0; border: 0; border-bottom: 1px solid var(--tf-line); border-radius: 0; background: transparent; box-shadow: none; }
    .tf-fcard:not(.is-big) .tf-fcard-img { flex: 0 0 116px; height: 78px; aspect-ratio: auto; border-radius: 8px; }
    .tf-fcard:not(.is-big) .tf-fcard-body { padding: 0; gap: 4px; justify-content: center; }
    .tf-fcard:not(.is-big) .tf-fcard-title { font-size: 15px !important; }
    .tf-fcard:not(.is-big) .tf-fcard-meta { display: none; }

    .tf-sec-tools .tf-arrow { display: none; }
    .tf-deals-track { grid-auto-columns: 46%; margin: 0 -12px; padding: 2px 12px 6px; scroll-padding: 0 12px; }
    .tf-deal-skeleton { min-height: 280px; }

    .tf-news-grid { grid-template-columns: 1fr; }
    .tf-card-image-wrapper { flex-basis: 104px; height: 70px; }

    .tf-sidebar-wrapper { grid-template-columns: 1fr; }
    .tf-about { padding: 40px 16px; }
    .tf-about h2 { font-size: 24px !important; }
    .tf-about .tf-about-text { font-size: 15px !important; margin-bottom: 24px !important; }
    .tf-about-stats { grid-template-columns: repeat(2, 1fr); row-gap: 16px; }
    .tf-about-stats > div:nth-child(3) { border-left: 0; }
    .tf-about-stats dd { font-size: 24px; }
}
@media (max-width: 380px) {
    .tf-deals-track { grid-auto-columns: 58%; }
}

/* v2.4.3 – immagini verticali (es. prodotti moda 204x500) allungavano tutte le card dello slider.
   L'immagine ora sta sempre dentro il riquadro quadrato. */
.tf-deal-img { overflow: hidden; min-height: 0; }
.tf-deal-img img { position: absolute; inset: 0; margin: auto !important; max-width: 82% !important; max-height: 82% !important; width: auto !important; height: auto !important; }
.tf-deal-img .tf-deal-off { z-index: 1; }