/* Paginile fără design propriu încă (șablonul de rezervă): titlu și text, pe coloana de citire.
   Paginile cu design propriu (categorii, produs, coș, checkout, cont, despre, contact, info) își vor avea fișierul lor. */
.tt-main { padding: clamp(48px, 9vh, 112px) var(--gutter) 0; min-height: 50vh; }
.tt-text { max-width: 72ch; }
.tt-text h1 { font-weight: 500; font-size: clamp(40px, 6vw, 88px); line-height: .95; letter-spacing: -.04em; margin-bottom: 32px; }
.tt-content > * + * { margin-top: 1em; }
.tt-content a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line); }
.tt-content a:hover { color: var(--camel); }

/* WooCommerce, provizoriu (până la etapele 2 și 3): titluri și butoane în stilul temei */
.tt-woo .woocommerce-products-header__title, .tt-woo .product_title, .tt-woo .entry-title { font-weight: 500; font-size: clamp(36px, 5vw, 72px); line-height: 1; letter-spacing: -.035em; margin-bottom: 24px; }
.tt-woo .button, .tt-woo button.button { border-radius: 999px; background: var(--ink); color: var(--greige); font-weight: 500; padding: 12px 20px; }
.tt-woo .button:hover { background: var(--camel); color: var(--greige); }

/* Paginile de conținut (Despre noi, Contact, Informații, 404): linia de sub antet și ce mai e de completat */
.tt-seam { position: relative; height: 1px; background: var(--ink); margin-top: 8px; }
.tt-seam .icon { position: absolute; left: var(--gutter); top: -6.5px; }
mark.todo { background: rgba(154, 123, 79, .18); color: var(--ink); padding: 0 4px; border-radius: 3px; }
.btn.o { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.btn.o:hover { background: var(--ink); color: var(--greige); }

/* 404 (design/404) */
.e404 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px clamp(32px, 6vw, 96px); align-items: end; padding: clamp(64px, 14vh, 160px) var(--gutter) 0; }
.e404 h1 { font-weight: 500; font-size: clamp(40px, 5.4vw, 88px); line-height: 1; letter-spacing: -.04em; margin-top: 18px; }
.e404 .text { display: grid; gap: 16px; max-width: 46ch; }
.e404 .text p:first-child { font-size: 18px; }
.e404 .path { font-size: 14px; word-break: break-all; }
.e404 .path code { font: inherit; color: var(--ink); }
.e404 .actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.e404 .btn { padding: 16px 26px; }
.e404 .direct { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 28px; padding-top: 18px; border-top: 1px solid var(--line); }
.e404 .direct a { padding: 4px 0; }
.e404 .direct a:hover { color: var(--camel); }
@media (max-width: 860px) {
  .e404 { grid-template-columns: 1fr; align-items: start; }
  .e404 .actions .btn { flex: 1 1 auto; justify-content: center; }
}