/* ============================================================
   Home 2026 - stile arricchito per la homepage di prova (index2)
   Colore brand: #c402db (coerente con assets2024/css/2024.css)
   ============================================================ */

.h26-section{padding:25px 0;}
.h26-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.h26-section-title h2{font-size:1.5rem;font-weight:800;margin:0;position:relative;padding-left:16px;}
.h26-section-title h2::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;border-radius:4px;background:#c402db;}
.h26-section-title a.h26-see-all{font-size:.85rem;font-weight:700;color:#c402db;text-decoration:none;white-space:nowrap;}
.h26-section-title a.h26-see-all:hover{text-decoration:underline;}

/* ---------- Stats bar (sottile, sopra l'hero - ispirata a Ranker) ---------- */
.h26-statbar{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:18px 0;margin:25px 0;}
.h26-statbar .row>div{text-align:center;}
.h26-statbar-num{font-size:1.3rem;font-weight:800;display:block;line-height:1.1;color:#1a1a1a;}
.h26-statbar-label{font-size:.7rem;color:#888;letter-spacing:.04em;text-transform:uppercase;}
@media (max-width:767px){.h26-statbar-num{font-size:20px!important;}.h26-statbar-label{font-size:13px!important;}}

/* ---------- Hero carosello (ispirato a Ranker) ---------- */
.h26-hero-slider{border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.18);}
.h26-hero-slider .slick-list, .h26-hero-slider .slick-track{border-radius:18px;}
.h26-hero-slide{position:relative;min-height:480px;display:flex !important;align-items:flex-end;}
@media (max-width:767px){.h26-hero-slide{min-height:320px;}}
.h26-hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.h26-hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.85) 100%);}
.h26-hero-content{position:relative;z-index:2;padding:32px;color:#fff;}
.h26-badge{display:inline-block;background:#c402db;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px;}
.h26-hero-content h1{font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 10px;}
.h26-hero-content h1 a{color:#fff;text-decoration:none;}
.h26-hero-meta{font-size:.85rem;opacity:.9;}
/* Il progetto include solo slick.css (meccanica base: track/slide), non
   slick-theme.css (l'aspetto grafico di pallini e frecce, non presente nel
   sito) - senza questo, i pallini mostrano il numero grezzo del bottone e le
   frecce non hanno posizione/icona. Ricostruiamo qui lo stile da zero. */
.h26-hero-slider{position:relative;}
.h26-hero-slider .slick-dots{position:absolute;bottom:16px;left:0;right:0;z-index:3;display:flex;justify-content:center;list-style:none;margin:0;padding:0;}
.h26-hero-slider .slick-dots li{margin:0 4px;}
.h26-hero-slider .slick-dots li button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;cursor:pointer;}
.h26-hero-slider .slick-dots li.slick-active button{background:#c402db;}
.h26-hero-slider .slick-prev, .h26-hero-slider .slick-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.h26-hero-slider .slick-prev:hover, .h26-hero-slider .slick-next:hover{background:#c402db;}
.h26-hero-slider .slick-prev{left:14px;}
.h26-hero-slider .slick-next{right:14px;}
.h26-hero-slider .slick-prev i, .h26-hero-slider .slick-next i{font-size:15px;line-height:1;}

/* ---------- Scelta della redazione (banner orizzontale) ---------- */
.h26-editor-pick{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #f0e0f6;border-radius:16px;padding:16px;text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(20,20,20,.06);transition:box-shadow .25s ease;}
.h26-editor-pick:hover{box-shadow:0 10px 26px rgba(20,20,20,.12);color:inherit;}
.h26-editor-pick img{width:220px;height:140px;object-fit:cover;border-radius:12px;flex:0 0 auto;}
.h26-editor-pick-kicker{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#c402db;margin-bottom:8px;}
.h26-editor-pick-body h3{font-size:1.2rem;font-weight:800;margin:0 0 8px;color:#1a1a1a;}
.h26-editor-pick-body p{font-size:.88rem;color:#666;margin:0;}
@media (max-width:600px){.h26-editor-pick{flex-direction:column;align-items:stretch;}.h26-editor-pick img{width:100%;height:180px;}}

/* ---------- Card grid ---------- */
.h26-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(20,20,20,.08);transition:transform .25s ease,box-shadow .25s ease;height:100%;display:flex;flex-direction:column;}
.h26-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,20,20,.14);}
.h26-card-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f1f1f1;}
.h26-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.h26-card:hover .h26-card-thumb img{transform:scale(1.08);}
.h26-card-cat{position:absolute;top:10px;left:10px;background:rgba(196,2,219,.92);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
.h26-card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;}
.h26-card-body h3{font-size:1rem;font-weight:700;line-height:1.35;margin:0 0 8px;}
.h26-card-body h3 a{color:#1a1a1a;text-decoration:none;}
.h26-card-body h3 a:hover{color:#c402db;}
.h26-card-meta{margin-top:auto;font-size:.75rem;color:#888;display:flex;align-items:center;gap:10px;}
.h26-card-meta i{color:#c402db;}

/* ---------- Trend rows (in crescita / in calo) ---------- */
.h26-trend-list{display:flex;flex-direction:column;gap:10px;}
.h26-trend-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 10px rgba(20,20,20,.06);text-decoration:none;color:inherit;transition:box-shadow .2s ease;}
.h26-trend-row:hover{box-shadow:0 6px 18px rgba(20,20,20,.12);}
.h26-trend-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:#f1f1f1;}
.h26-trend-info{flex:1;min-width:0;}
.h26-trend-info .nome{font-weight:700;font-size:.9rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h26-trend-info .lista{font-size:.75rem;color:#888;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h26-trend-info .pct{font-size:.7rem;color:#c402db;font-weight:700;display:block;margin-top:2px;}
.h26-trend-rank{flex:0 0 auto;font-weight:800;font-size:.8rem;color:#aaa;width:28px;text-align:center;}
.h26-delta{flex:0 0 auto;font-weight:800;font-size:.85rem;border-radius:999px;padding:5px 10px;display:flex;align-items:center;gap:4px;}
.h26-delta.su{background:#e6f9ee;color:#1a9c53;}
.h26-delta.giu{background:#fdeaea;color:#d93025;}
.h26-trend-empty{font-size:.85rem;color:#999;padding:14px 4px;}

/* ---------- Prodotti Amazon spotlight ---------- */
.h26-prodotto-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 4px 16px rgba(20,20,20,.08);height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .25s ease;}
.h26-prodotto-card:hover{transform:translateY(-4px);}
.h26-prodotto-card img{width:100%;max-width:130px;aspect-ratio:1/1;object-fit:contain;margin-bottom:10px;}
.h26-prodotto-prezzo{display:inline-block;font-weight:800;color:#c402db;background:#fdf0ff;border:1px solid #c402db;border-radius:8px;padding:3px 10px;font-size:.85rem;margin-top:6px;}

/* ---------- Piccole curiosita' (stat card) ---------- */
.h26-curio-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 16px rgba(20,20,20,.08);height:100%;display:flex;flex-direction:column;transition:transform .2s ease;}
.h26-curio-card:hover{transform:translateY(-3px);}
.h26-curio-icon{color:#c402db;font-size:1.3rem;margin-bottom:8px;}
.h26-curio-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#999;margin-bottom:6px;}
.h26-curio-val{font-size:1.15rem;font-weight:800;color:#1a1a1a;line-height:1.3;}
.h26-curio-sub{font-size:.78rem;color:#888;margin-top:4px;}

/* ---------- Speciale in evidenza (ispirato al blocco "Collection" di Ranker) ---------- */
.h26-speciale-box{position:relative;border-radius:18px;overflow:hidden;min-height:220px;display:flex;align-items:flex-end;box-shadow:0 10px 30px rgba(0,0,0,.15);}
.h26-speciale-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.h26-speciale-box::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.1) 100%);}
.h26-speciale-content{position:relative;z-index:2;padding:28px 32px;color:#fff;max-width:640px;}
.h26-speciale-kicker{display:block;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ff9de9;margin-bottom:8px;}
.h26-speciale-content h2{font-size:1.6rem;font-weight:800;margin:0 0 8px;}
.h26-speciale-content h2 a{color:#fff;text-decoration:none;}
.h26-speciale-content p{font-size:.9rem;opacity:.9;margin:0;}
.h26-mini-card{display:block;text-decoration:none;color:inherit;}
.h26-mini-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:6px;}
.h26-mini-card span{font-size:.8rem;font-weight:700;color:#1a1a1a;display:block;line-height:1.3;}
.h26-mini-card:hover span{color:#c402db;}

/* ---------- Category strip ---------- */
.h26-cat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media (max-width:991px){.h26-cat-strip{grid-template-columns:repeat(2,1fr);}}
.h26-cat-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 4px 16px rgba(20,20,20,.1);}
.h26-cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.h26-cat-card:hover img{transform:scale(1.08);}
.h26-cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.82) 100%);}
.h26-cat-card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px;color:#fff;}
.h26-cat-card-label{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ff9de9;display:block;margin-bottom:4px;}
.h26-cat-card-content h4{font-size:.95rem;font-weight:700;margin:0;line-height:1.3;}
.h26-cat-card-content h4 a{color:#fff;text-decoration:none;}

/* ---------- Ultime istanze inserite (strisciata, ultimo blocco home) ---------- */
.h26-ultime-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
@media (max-width:991px){.h26-ultime-strip{grid-template-columns:repeat(3,1fr);}}
@media (max-width:575px){.h26-ultime-strip{grid-template-columns:repeat(2,1fr);}}
.h26-ultime-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(20,20,20,.08);transition:transform .25s ease,box-shadow .25s ease;}
.h26-ultime-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,20,20,.14);color:inherit;}
.h26-ultime-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f1f1f1;}
.h26-ultime-card-body{padding:10px 12px;}
.h26-ultime-card-nome{display:block;font-weight:700;font-size:.9rem;line-height:1.3;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h26-ultime-card-lista{display:block;font-size:.72rem;color:#888;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------- Mobile: testi ingranditi per leggibilita' ----------
   Esclusi volutamente: titolo hero (.h26-hero-content h1), box
   prodotti Amazon (.h26-prodotto-card) e footer, gia' leggibili. */
@media (max-width:767px){
	/* Valori in px (non rem): su alcuni dispositivi/browser il rem di
	   questa pagina si risolve su una base di ~10px invece dei classici
	   16px, rendendo i rem imprevedibili. Il px e' assoluto e garantisce
	   la dimensione reale indipendentemente da questo. */
	.h26-section-title h2{font-size:22px!important;}
	.h26-section-title a.h26-see-all{font-size:15px!important;}

	.h26-badge{font-size:13px!important;padding:6px 14px;}
	.h26-hero-meta{font-size:16px!important;}

	.h26-editor-pick-kicker{font-size:13px!important;}
	.h26-editor-pick-body h3{font-size:20px!important;line-height:1.3;}
	.h26-editor-pick-body p{font-size:16px!important;}

	.h26-card-cat{font-size:13px!important;padding:5px 12px;}
	.h26-card-body h3{font-size:20px!important;line-height:1.3;}
	.h26-card-meta{font-size:16px!important;gap:14px;}
	.h26-card-meta i{font-size:16px!important;}

	.h26-trend-row{gap:14px;padding:12px;}
	.h26-trend-thumb{width:64px;height:64px;}
	.h26-trend-info .nome{font-size:17px!important;}
	.h26-trend-info .lista{font-size:14px!important;}
	.h26-trend-info .pct{font-size:14px!important;}
	.h26-trend-rank{font-size:15px!important;}
	.h26-delta{font-size:15px!important;}
	.h26-trend-empty{font-size:15px!important;}

	.h26-curio-icon{font-size:22px!important;}
	.h26-curio-label{font-size:13px!important;}
	.h26-curio-val{font-size:20px!important;}
	.h26-curio-sub{font-size:14px!important;}

	.h26-speciale-kicker{font-size:13px!important;}
	.h26-speciale-content h2{font-size:23px!important;line-height:1.3;}
	.h26-speciale-content p{font-size:16px!important;}
	.h26-mini-card span{font-size:15px!important;}

	.h26-cat-card-label{font-size:13px!important;}
	.h26-cat-card-content h4{font-size:16px!important;}

	.h26-ultime-card-nome{font-size:15px!important;}
	.h26-ultime-card-lista{font-size:13px!important;}

	/* Titolo H1 di categoria/sottocategoria (intestazione statistiche):
	   in detailCategoria.aspx/detailSottocategoria.aspx e' impostato
	   inline in rem, con lo stesso problema di scala dei rem sopra -
	   !important necessario per vincere lo style inline. */
	.titleCategoria{font-size:22px!important;}
}