/* TK World: site-ul studioului. Fonturile sunt gazduite local (fonturi/), fara Google Fonts si fara cookie-uri. */
@import url('/fonturi/fonturi.css');
:root {
  --fundal: #0e0a1c; --panou: #18122e; --linie: #2c2350; --text: #ece6ff; --slab: #a99fc9;
  --aur: #f6c04a; --aur2: #ffe9a8; --mov: #b66dff; --u: 16px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: radial-gradient(ellipse 80% 60% at 50% -10%, #2a1a52 0%, transparent 60%), var(--fundal);
  color: var(--text); font: 700 17px/1.6 Nunito, system-ui, sans-serif; min-height: 100vh;
}
a { color: var(--aur2); }
a:hover { color: #fff; }
.pagina { max-width: 1040px; margin: 0 auto; padding: 0 var(--u); }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; }
.sigla { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--text); }
.sigla svg { width: 40px; height: 40px; flex: none; }
.sigla b { font: 400 28px/1 'Lilita One', Nunito, sans-serif; letter-spacing: .02em; }
.sigla b span { color: var(--aur); }
nav { display: flex; gap: 20px; flex-wrap: wrap; }
nav a { color: var(--slab); text-decoration: none; font-weight: 900; }
nav a:hover { color: var(--text); }
h1, h2, h3 { font-family: 'Lilita One', Nunito, sans-serif; font-weight: 400; line-height: 1.15; margin: 0 0 .4em; }
.erou { padding: 56px 0 40px; }
.erou h1 { font-size: clamp(38px, 7vw, 68px); background: linear-gradient(#fffbe6 15%, #fbe3a6 60%, #efc06a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.erou p { max-width: 640px; font-size: 19px; color: var(--slab); margin: 0; }
.produse { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; padding: 18px 0 48px; }
.produs { background: linear-gradient(180deg, #1d1638, var(--panou)); border: 1px solid var(--linie); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.produs .cap { display: flex; align-items: center; gap: 16px; }
.produs img { width: 72px; height: 72px; border-radius: 18px; flex: none; }
.produs h2 { font-size: 30px; margin: 0; }
.produs .tip { color: var(--mov); font-weight: 900; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; }
.produs p { margin: 0; color: var(--slab); }
.butoane { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.buton { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; text-decoration: none; font-weight: 900; }
.buton.aur { background: linear-gradient(#ffe39a, #f6c04a 50%, #d9952a); color: #2a1505; }
.buton.aur:hover { filter: brightness(1.08); color: #2a1505; }
.buton.contur { border: 2px solid var(--linie); color: var(--text); }
.buton.contur:hover { border-color: var(--slab); }
.buton.stins { border: 2px dashed var(--linie); color: var(--slab); cursor: default; }
.contact { background: var(--panou); border: 1px solid var(--linie); border-radius: 22px; padding: 26px; margin-bottom: 48px; }
.contact h2 { font-size: 28px; }
.contact p { margin: 0; color: var(--slab); }
footer { border-top: 1px solid var(--linie); padding: 22px 0 40px; color: var(--slab); font-size: 15px; display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: space-between; }
footer nav a { font-weight: 700; }
/* pagini de text: Impressum, confidentialitate */
.text { max-width: 760px; padding: 24px 0 56px; }
.text h1 { font-size: clamp(32px, 6vw, 46px); color: var(--aur2); }
.text h2 { font-size: 24px; margin-top: 1.6em; color: var(--aur2); }
.text h3 { font-size: 19px; margin-top: 1.2em; }
.text p, .text li { color: #d8d0f2; font-weight: 700; }
.text ul { padding-left: 1.2em; }
.text .nota { color: var(--slab); font-size: 15px; }
.limbi { display: flex; gap: 10px; margin: 6px 0 18px; }
@media (max-width: 560px) {
  header { flex-direction: column; align-items: flex-start; }
  .erou { padding-top: 28px; }
  .produs h2 { font-size: 26px; }
}