/* ===== Tin Home — premium homepage (scoped .tin-home) ===== */
.tin-home{
  --bg:#faf9f6; --surface:#fff; --ink:#1c1e1a; --ink-soft:#4a4d45; --muted:#8c8f86;
  --line:#e8e7e1; --green:#475141; --green-deep:#363c30; --green-soft:#6b7563;
  --beige:#d4a574; --beige-soft:#f4ecde;
  --r:22px;
  --sh-sm:0 1px 2px rgba(28,30,26,.05);
  --sh-md:0 2px 4px rgba(28,30,26,.04),0 14px 30px -12px rgba(28,30,26,.16);
  --sh-lg:0 4px 10px rgba(28,30,26,.05),0 34px 64px -20px rgba(28,30,26,.24);
  --ease:cubic-bezier(.22,.7,.2,1);
  font-family:'Inter',sans-serif;color:var(--ink);line-height:1.6;background:var(--bg);
  -webkit-font-smoothing:antialiased;
  /* full-bleed: esce dal container del tema e va a tutta larghezza viewport */
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  overflow-x:hidden;
}
/* azzera padding/margini che il tema Enfold mette attorno al contenuto */
/* il contenuto della pagina è dentro .container_wrap_first (Enfold fullwidth) */
.tin-home-page .container_wrap_first{padding:0 !important;margin:0 !important;border:0 !important}
.tin-home-page .container_wrap_first > .container{max-width:100% !important;padding:0 !important;margin:0 !important;width:100% !important}
/* azzera TUTTA la catena di wrapper sopra (header) e sotto (footer) il contenuto */
.tin-home-page #main,
.tin-home-page .container_wrap_first main,
.tin-home-page .container_wrap_first .template-page,
.tin-home-page .container_wrap_first .post-entry,
.tin-home-page .container_wrap_first .entry-content-wrapper,
.tin-home-page .container_wrap_first .entry-content{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}
/* la entry-footer vuota di Enfold crea lo spazio in basso: la nascondo */
.tin-home-page .entry-footer{display:none !important}
/* la entry-content-header vuota di Enfold crea lo spazio in alto: la nascondo */
.tin-home-page .entry-content-header{display:none !important}
/* eventuale title-bar / spazio in alto del tema sopra la prima sezione */
.tin-home-page #main{padding-top:0 !important}
.tin-home-page .title_container{display:none !important}
.tin-home-page #footer,.tin-home-page #socket{margin-top:0 !important}
.tin-home *{margin:0;padding:0;box-sizing:border-box}
.tin-home h1,.tin-home h2,.tin-home h3{font-family:'Sora',sans-serif;letter-spacing:-.025em}
.tin-home a{color:inherit;text-decoration:none}
.tin-home img{display:block;max-width:100%}
.tin-home .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.tin-home .kicker{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--green-soft);font-weight:600}
.tin-home .btn{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;border-radius:999px;font-weight:500;font-size:15px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s;cursor:pointer}
.tin-home .btn svg{width:17px;height:17px}
.tin-home .btn-primary{background:var(--green);color:#fff;box-shadow:var(--sh-sm)}
.tin-home .btn-primary:hover{background:var(--green-deep);transform:translateY(-2px);box-shadow:var(--sh-md)}
.tin-home .btn-beige{background:var(--beige);color:#3c2e18}
.tin-home .btn-beige:hover{transform:translateY(-2px);box-shadow:var(--sh-md);filter:brightness(1.03)}
.tin-home .btn-ghost{border:1px solid var(--green);background:var(--green);color:#fff}
.tin-home .btn-ghost:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff;transform:translateY(-2px);box-shadow:var(--sh-md)}
.tin-home .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.tin-home .reveal.in{opacity:1;transform:none}

/* hero */
.tin-home .hero{padding:141px 0 56px}
.tin-home .bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:560px}
.tin-home .hero-main{grid-row:span 2;background:var(--green);border-radius:var(--r);padding:64px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.tin-home .hero-main .kicker{color:rgba(255,255,255,.65);margin-bottom:20px}
.tin-home .hero-main h1{font-size:clamp(36px,3.8vw,52px);font-weight:500;line-height:1.06;margin-bottom:18px;max-width:15ch;color:#fff}
.tin-home .hero-main p{color:rgba(255,255,255,.82);font-size:17px;max-width:44ch;margin-bottom:30px}
.tin-home .hero-main .glow{position:absolute;top:-30%;right:-20%;width:480px;height:480px;background:radial-gradient(circle,rgba(212,165,116,.28),transparent 65%);pointer-events:none}
/* IT e RU: titoli tradotti più lunghi → riduci il carattere così resta dentro il box fisso (spazio invariato) */
html[lang^="it"] .tin-home .hero-main h1{font-size:clamp(31px,3.25vw,45px);line-height:1.1;max-width:18ch;margin-bottom:16px}
html[lang^="ru"] .tin-home .hero-main h1{font-size:clamp(27px,2.75vw,39px);line-height:1.1;max-width:18ch;margin-bottom:16px}
html[lang^="it"] .tin-home .hero-main .kicker,
html[lang^="ru"] .tin-home .hero-main .kicker{margin-bottom:14px}
html[lang^="it"] .tin-home .hero-main p,
html[lang^="ru"] .tin-home .hero-main p{font-size:15.5px;margin-bottom:24px}
.tin-home .tile{border-radius:var(--r);overflow:hidden;position:relative}
.tin-home .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.tin-home .tile:hover img{transform:scale(1.06)}
/* prima foto hero: tonalità più calda/ricca per allinearla alla seconda */
.tin-home .tile-warm img{filter:sepia(.30) saturate(1.5) brightness(.97) contrast(1.05) hue-rotate(-9deg)}
.tin-home .tile .lab{position:absolute;left:22px;bottom:20px;color:#fff;z-index:2}
.tin-home .tile .lab .kicker{color:rgba(255,255,255,.8)}
.tin-home .tile .lab h3{font-size:21px;font-weight:500;margin-top:4px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.tin-home .tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.55));z-index:1}

/* trust strip */
.tin-home .strip{background:var(--green)}
.tin-home .strip .row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0}
.tin-home .strip .it{display:flex;align-items:center;justify-content:center;gap:11px;font-size:14.5px;font-weight:500;color:#fff;text-align:center}
.tin-home .strip .it svg{width:20px;height:20px;stroke:var(--beige);flex-shrink:0;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.tin-home .sec{padding:40px 0}
/* ===== contrasto/alternanza tra sezioni ===== */
.tin-home .tin-best{background:#f2ede4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:40px !important;padding-bottom:40px !important}
.tin-home .adv{background:var(--surface)}
.tin-home .tin-testbox{background:#f2ede4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tin-home .faq{background:var(--surface);border-bottom:1px solid var(--line)}
.tin-home .rev{background:var(--beige-soft);border-bottom:1px solid var(--line)}
.tin-home .shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;flex-wrap:wrap}
.tin-home .shead.center{justify-content:center;text-align:center;display:block;max-width:680px;margin-left:auto;margin-right:auto}
.tin-home .shead h2{font-size:clamp(30px,3.4vw,42px);font-weight:500;margin-top:16px}
.tin-home .shead p{color:var(--muted);max-width:52ch;margin-top:16px;font-size:16px}
.tin-home .shead.center p{margin-left:auto;margin-right:auto}

/* products */
.tin-home .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tin-home .pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.tin-home .pcard:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent}
.tin-home .pcard .imgwrap{position:relative;overflow:hidden;background:var(--beige-soft)}
.tin-home .pcard img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .7s var(--ease)}
.tin-home .pcard:hover img{transform:scale(1.05)}
.tin-home .pcard .tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);color:var(--green);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.tin-home .pcard .b{padding:20px 20px 22px}
.tin-home .pcard h3{font-size:17px;font-weight:600;font-family:'Inter';letter-spacing:0;margin-bottom:8px}
.tin-home .pcard .stars{display:flex;gap:2px;margin-bottom:14px}
.tin-home .pcard .stars svg{width:14px;height:14px;fill:var(--beige)}
.tin-home .pcard .foot{display:flex;justify-content:space-between;align-items:center}
.tin-home .pcard .price{font-size:13.5px;color:var(--muted);font-weight:500}
.tin-home .pcard .add{width:38px;height:38px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:.35s var(--ease)}
.tin-home .pcard .add svg{width:16px;height:16px;stroke:var(--green)}
.tin-home .pcard:hover .add{background:var(--green)}
.tin-home .pcard:hover .add svg{stroke:#fff}

/* advantages */
.tin-home .adv{background:var(--surface);border-top:1px solid var(--line)}
.tin-home .advgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.tin-home .advcard{padding:32px 28px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.tin-home .advcard:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:transparent}
.tin-home .advcard .ic{width:52px;height:52px;border-radius:14px;background:var(--beige-soft);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.tin-home .advcard .ic svg{width:24px;height:24px;stroke:var(--green);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tin-home .advcard h3{font-size:16.5px;font-weight:600;font-family:'Inter';letter-spacing:0;margin-bottom:9px}
.tin-home .advcard p{color:var(--muted);font-size:14px;line-height:1.6}

/* stats */
.tin-home .stats{background:var(--green);color:#fff;position:relative;overflow:hidden;padding:40px 0 !important}
.tin-home .stats .glow{position:absolute;top:-40%;right:-10%;width:560px;height:560px;background:radial-gradient(circle,rgba(212,165,116,.16),transparent 60%);pointer-events:none}
.tin-home .srow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;position:relative}
.tin-home .stat .n{font-family:'Sora';font-size:clamp(40px,5vw,60px);font-weight:300;letter-spacing:-.03em}
.tin-home .stat .n b{color:var(--beige);font-weight:300}
.tin-home .stat .l{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:10px}

/* test boxes */
.tin-home .tbgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tin-home .tbcard{position:relative;border-radius:var(--r);overflow:hidden;min-height:380px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh-sm);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.tin-home .tbcard:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.tin-home .tbcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.tin-home .tbcard:hover img{transform:scale(1.06)}
.tin-home .tbcard::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(28,30,26,.82));z-index:1}
.tin-home .tbcard .c{position:relative;z-index:2;padding:30px}
.tin-home .tbcard h3{font-size:24px;font-weight:500;margin-bottom:8px;color:#fff}
.tin-home .tbcard p{font-size:14px;color:rgba(255,255,255,.82);margin-bottom:18px;max-width:30ch}
.tin-home .tbcard .lnk{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:7px}
.tin-home .tbcard .lnk svg{width:15px;height:15px;stroke:var(--beige);transition:transform .3s}
.tin-home .tbcard:hover .lnk svg{transform:translateX(5px)}

/* faq */
.tin-home .faq{background:var(--surface);border-top:1px solid var(--line)}
.tin-home .faqgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;align-items:start}
.tin-home .faqcol h3{font-family:'Sora';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green);padding-bottom:12px;margin-bottom:2px;border-bottom:2px solid var(--green)}
.tin-home .qa{border-bottom:1px solid var(--line)}
.tin-home .qa summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:'Sora';font-size:19px;font-weight:500;letter-spacing:-.01em}
.tin-home .qa summary::-webkit-details-marker{display:none}
.tin-home .qa summary .pl{width:30px;height:30px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s var(--ease)}
.tin-home .qa summary .pl svg{width:14px;height:14px;stroke:var(--green);transition:transform .3s}
.tin-home .qa[open] summary .pl{background:var(--green)}
.tin-home .qa[open] summary .pl svg{stroke:#fff;transform:rotate(45deg)}
.tin-home .qa .a{padding:0 0 26px;color:var(--ink-soft);font-size:15.5px;max-width:62ch}
/* FAQ a 4 colonne: elementi compatti */
.tin-home .faqgrid .qa summary{padding:14px 0;font-size:14.5px;gap:12px}
.tin-home .faqgrid .qa summary .pl{width:24px;height:24px}
.tin-home .faqgrid .qa summary .pl svg{width:11px;height:11px}
.tin-home .faqgrid .qa .a{padding:0 0 14px;font-size:13px;line-height:1.55;max-width:none}

/* reviews — stile pulito (no box), 3 colonne */
.tin-home .rev{background:#f2ede4}
.tin-home .revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 100px}
.tin-home .rev-item{text-align:center}
.tin-home .rev-item .stars{display:flex;gap:5px;justify-content:center;margin-bottom:26px}
.tin-home .rev-item .stars svg{width:20px;height:20px;fill:var(--beige)}
.tin-home .rev-item blockquote{font-family:'Sora';font-weight:300;font-size:23px;line-height:1.55;letter-spacing:-.01em;color:var(--ink);margin:0 0 26px !important;padding:0 !important;border:0 !important}
.tin-home .rev-item blockquote b{font-weight:400;color:inherit}
.tin-home .rev-item cite{font-style:normal;display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:13.5px;letter-spacing:.02em}
.tin-home .rev-item cite strong{font-family:'Inter';font-size:15px;font-weight:600;color:var(--ink)}

/* end cta */
.tin-home .end{padding:112px 0;text-align:center;background:var(--green);color:#fff;position:relative;overflow:hidden}
.tin-home .end .glow{position:absolute;bottom:-45%;left:50%;transform:translateX(-50%);width:760px;height:760px;background:radial-gradient(circle,rgba(212,165,116,.18),transparent 60%);pointer-events:none}
.tin-home .end h2{font-size:clamp(32px,4.4vw,54px);font-weight:400;margin-bottom:18px;position:relative;color:#fff}
.tin-home .end p{color:rgba(255,255,255,.8);font-size:18px;margin-bottom:34px;position:relative}
.tin-home .end .btn-beige{position:relative}

@media(max-width:920px){
  .tin-home .hero{padding:56px 0 40px}
  .tin-home .strip .row{grid-template-columns:1fr 1fr;gap:22px 18px}
  .tin-home .faqgrid{grid-template-columns:1fr 1fr;gap:24px}
  .tin-home .bento{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .tin-home .hero-main{grid-column:1 / -1;grid-row:auto;padding:44px;min-height:340px}
  .tin-home .tile{height:190px}
  .tin-home .pgrid{grid-template-columns:1fr 1fr;gap:16px}
  .tin-home .advgrid{grid-template-columns:1fr 1fr;gap:16px}
  .tin-home .tbgrid{grid-template-columns:1fr}
  .tin-home .srow{grid-template-columns:1fr 1fr;gap:48px 24px}
  .tin-home .sec,.tin-home .rev,.tin-home .end{padding:40px 0}
  .tin-home .shead{margin-bottom:40px}
  .tin-home .revgrid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:560px){.tin-home .wrap{padding:0 18px}}