/* Pagina "Tutti i nostri trattamenti": una scheda grande per area, foto e testo alternati. */
.tr-hero { padding: clamp(40px, 7vw, 100px) var(--gutter) clamp(30px, 5vw, 60px); text-align: center; }
.tr-hero .label a { text-decoration: none; border-bottom: 1px solid var(--line); }
.tr-hero .display { font-size: clamp(44px, 7vw, 104px); }
.tr-hero .lp-sub { margin-top: 18px; }
.tr-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 36px; }
.tr-jump a { display: inline-flex; align-items: baseline; gap: 8px; padding: 12px 18px; border: 1px solid var(--line); background: rgba(249,242,235,.7);
  text-decoration: none; font: 400 12px/1 var(--body); letter-spacing: .18em; text-transform: uppercase; transition: background .25s, color .25s; }
.tr-jump a i { font: 400 18px/1 var(--display); font-style: normal; color: var(--rosa); }
.tr-jump a:hover { background: var(--ink); color: var(--paper); }

.tr-area { display: grid; grid-template-columns: 7fr 6fr; gap: clamp(28px, 5vw, 80px); align-items: center; padding: clamp(50px, 7vw, 100px) var(--gutter); scroll-margin-top: 72px; }
.tr-area--rev { grid-template-columns: 6fr 7fr; }
.tr-area--rev .tr-area__img { order: 2; }
.tr-area:nth-of-type(odd) { background: rgba(249, 242, 235, .55); }
.tr-area__img { display: block; overflow: hidden; }
.tr-area__img img { width: 100%; aspect-ratio: 4 / 3.2; object-fit: cover; transition: transform 1.4s ease; }
.tr-area__img:hover img { transform: scale(1.04); }
.tr-area .display { font-size: clamp(32px, 4.2vw, 58px); }
.tr-area .lp-big { margin: 18px 0 20px; font-size: clamp(18px, 1.7vw, 22px); }
.tr-voci { list-style: none; margin: 0 0 22px; padding: 0; border-top: 1px solid var(--line); }
.tr-voci li { padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 15px; display: flex; gap: 10px; }
.tr-voci li::before { content: "•"; color: var(--rosa); }
.tr-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 22px; }
.tr-sub .label { width: 100%; margin: 0 0 4px; }
.tr-sub a { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--rosa); color: var(--rosa); text-decoration: none; font-size: 13px; transition: background .2s, color .2s; }
.tr-sub a:hover { background: var(--rosa); color: #fff; }
.tr-area__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.tr-price { font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.tr-price b { font: 400 30px/1 var(--display); letter-spacing: .02em; color: var(--rosa); text-transform: none; margin-left: 4px; }
@media (max-width: 860px) {
  .tr-area, .tr-area--rev { grid-template-columns: 1fr; }
  .tr-area--rev .tr-area__img { order: 0; }
}
.tr-price b { margin-left: 0; }