/* Stilurile adăugate pe 27–28 sept 2026 (în plus față de cele din index.html). Fiecare: [data-stil="<id>"] pe <html>.
   Stilurile cu mod închis / deschis (butonul ☾ / ☀ de lângă limbă) au și [data-mod="inchis"|"deschis"].
   Texturile (img/tex-*.webp), rama barocă (img/rama-baroc.webp) și ghirlanda (img/trandafiri.webp) sunt desenate de noi
   (unelte/texturi.py, unelte/*.svg) — nimic copiat. Efectele animate se opresc dacă telefonul cere „mișcare redusă”. */

/* ————— rama barocă aurită, comună: pe portret, pe poza din antet, pe „Drumul meu” și pe portofoliu ————— */
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"])
  :is(.poza, .portret .rama, .slides button, .galerie figure) {
  padding: 0; background: #17120d; border: 24px solid transparent; border-image: url(img/rama-baroc.webp) 180 round;
  border-radius: 0; box-shadow: 0 14px 30px rgb(0 0 0 / .45); outline: 0; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .poza { border-width: 15px; width: 126px; height: 162px; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .portret .rama { border-width: 34px; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) :is(.poza img, .portret img, .slides img, .galerie figure .t, .galerie .t.foto img) { border-radius: 0; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .slides span { left: 0; top: 0; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .galerie figure .t { background: #f6efdc; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .galerie figcaption { color: #f3e3b0; text-shadow: 0 1px 2px #000; margin: .45rem .3rem .25rem; }
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .portret svg { z-index: 1; }
@media (max-width: 860px) {
  :is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .poza { border-width: 11px; width: 92px; height: 120px; }
  :is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"]) .slides button { border-width: 18px; }
}

/* sub ramă: fond închis (altfel câștigă aurul benzii .aur a stilului, iar textul de sub desene nu se mai citește) */
:is([data-stil="baroc-marmura"], [data-stil="baroc-negru"], [data-stil="baroc-gradina"], [data-stil="muzeu"], [data-stil="smarald"])
  :is(.poza, .portret .rama, .slides button, .galerie figure).aur { background: #17120d; }
:is([data-stil="vitraliu"], [data-stil="mozaic"]) .galerie figcaption { background: rgb(20 18 24 / .82); color: #fbf6ec; margin: .4rem 0 0; padding: .2rem .5rem; }

/* ============ DIN TABLOUL TRIMIS (femeia în apă, coroana de trandafiri, dârele de vopsea) ============ */

/* 1. Grădina scufundată — tencuială verde-salvie, dâre care curg, trandafiri pictați plutind pe marginea cardurilor.
      Are mod deschis (tencuiala) și închis (apa noaptea). */
[data-stil="gradina"] { --ink: #2c3326; --mut: #5d6552; --roz: #b8546f; --roz2: #e6b3c1; --aur: #a8915a; --aur2: #efe3b8; --aur3: #5f6d45; --crem: #f4efdf;
  --verde: #56704f; --ft: Marcellus, serif; --fn: Marcellus, serif; --fb: Jost, system-ui, sans-serif; --card: rgb(246 242 228 / .86); --hover: #e6e4cc;
  --btn: linear-gradient(180deg, #dd93aa, #b8546f); --btn-c: #fff; --chip: rgb(255 253 245 / .8); --box: rgb(246 226 232 / .8);
  --lo-ext: #6f8a62; --lo-mz: .35; --lo-in: #2c3326; --lo-l: #efe3b8; --lo-t: #f4efdf; --lo-r: #e59ab4; --lo-r2: #fff0f4;
  --tr: #e59ab4; --tr-c: #7a4a4a; --tr2: #fff0f4; --tr3: #f6d77e; --tr-f: #6f8a62; }
[data-stil="gradina"] body { background: #8d967a; }
[data-stil="gradina"] body::before { background: linear-gradient(rgb(240 236 214 / .22), rgb(240 236 214 / .38)), url(img/tex-salvie.webp) 0 0 / 900px; }
[data-stil="gradina"][data-mod="inchis"] { --ink: #efe6d6; --mut: #b9b49e; --roz: #f0a3b8; --roz2: #6b3b4b; --aur: #8f7d4a; --aur3: #cdbd82; --crem: #18221c;
  --card: rgb(16 24 19 / .8); --hover: #25332a; --chip: rgb(30 42 34 / .85); --box: rgb(60 34 44 / .6); --lo-in: #0e1511; --lo-t: #efe3b8; }
[data-stil="gradina"][data-mod="inchis"] body { background: #0e1511; }
[data-stil="gradina"][data-mod="inchis"] body::before { background: url(img/tex-salvie-noapte.webp) 0 0 / 900px; }
[data-stil="gradina"] .card { border: 1px solid rgb(120 110 70 / .35); box-shadow: 0 18px 50px rgb(40 50 30 / .25); backdrop-filter: blur(3px); margin-top: 2.2rem; }
[data-stil="gradina"] main > .card:first-child { margin-top: 2.6rem; }
/* ghirlanda de trandafiri stă pe marginea de sus a cardului, iar din ea „curg” dâre subțiri */
[data-stil="gradina"] .banda { height: 64px; margin: calc(-2rem - 34px) -2.2rem .8rem; background: url(img/trandafiri.webp) repeat-x 0 50% / auto 100%; }
[data-stil="gradina"] .card::before { inset: 0 0 auto; height: 70%; border: 0; pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 71px, rgb(236 226 200 / .55) 71px 72.5px, transparent 72.5px 163px, rgb(229 154 180 / .35) 163px 164px, transparent 164px 247px);
  -webkit-mask: linear-gradient(#000 20px, transparent); mask: linear-gradient(#000 20px, transparent); }
[data-stil="gradina"][data-mod="inchis"] .card::before { opacity: .5; }
[data-stil="gradina"] footer .banda { height: 46px; margin: 0 auto 1rem; max-width: 420px; }
[data-stil="gradina"] .aur:not(.btn, .cta) { background: linear-gradient(135deg, #c7b37a, #efe3b8 40%, #a8915a 70%, #d9c894); }
[data-stil="gradina"] .card .banda.aur, [data-stil="gradina"] footer .banda.aur { background: url(img/trandafiri.webp) repeat-x 0 50% / auto 100%; }
[data-stil="gradina"] h1 em { font-style: normal; color: var(--roz); }
[data-stil="gradina"] .portret img, [data-stil="gradina"] .slides img { filter: saturate(.85) sepia(.08); }
[data-stil="gradina"] .btn, [data-stil="gradina"] nav a.cta { border-radius: 99px; box-shadow: 0 6px 16px rgb(120 50 70 / .25); text-shadow: none; }
[data-stil="gradina"] .btn.alb { background: rgb(255 255 255 / .7); box-shadow: inset 0 0 0 1px var(--aur); }
[data-stil="gradina"][data-mod="inchis"] .btn.alb { background: transparent; color: var(--ink); }
[data-stil="gradina"] :is(.stil a, .limba, .dd .sub, .pasi div) { border-color: rgb(120 110 70 / .4); }
[data-stil="gradina"] .galerie figcaption { color: var(--ink); text-shadow: none; }
@media (max-width: 860px) { [data-stil="gradina"] .banda { margin: calc(-1.5rem - 30px) -1.2rem .6rem; height: 56px; } }

/* 2. Frescă aurită — tencuială crem scorojită cu foiță de aur, tonuri calde de piele, arcade */
[data-stil="fresca"] { --ink: #3b2a22; --mut: #7a6457; --roz: #c0606f; --roz2: #eab7b8; --aur: #b8892e; --aur2: #f3d98a; --aur3: #8a6420; --crem: #f7f1e4;
  --ft: Cinzel, serif; --fn: Cinzel, serif; --fb: 'EB Garamond', Georgia, serif; --card: rgb(250 245 234 / .9); --hover: #f1e3c4;
  --btn: linear-gradient(180deg, #f3d98a, #c99a38 55%, #a07424); --btn-c: #3b2a22; --chip: #fffaf0; --box: #f8e6df;
  --tr: #d98f8f; --tr-c: #8a6420; --tr2: #f7d8cf; --tr3: #f3d98a; --tr-f: #8f9a6a; }
[data-stil="fresca"] body { background: #e2d8c2; font-size: 18px; }
[data-stil="fresca"] body::before { background: url(img/tex-fresca.webp) 0 0 / 760px; }
[data-stil="fresca"] .aur:not(.btn, .cta) { background: url(img/tex-fresca.webp) 30% 40% / 260px, linear-gradient(135deg, #b8892e, #f3d98a 45%, #a07424); background-blend-mode: multiply; }
[data-stil="fresca"] .card { border: 0; box-shadow: inset 0 0 0 1px rgb(138 100 32 / .35), inset 0 0 60px rgb(160 120 60 / .12), 0 16px 40px rgb(90 60 30 / .18); }
[data-stil="fresca"] .card::before { inset: 10px; border: 1px solid rgb(184 137 46 / .5); }
[data-stil="fresca"] .banda { height: 18px; }
[data-stil="fresca"] h1, [data-stil="fresca"] h2 { font-weight: 500; letter-spacing: .04em; }
[data-stil="fresca"] h1 em { font-style: normal; color: var(--roz); }
[data-stil="fresca"] .nume { letter-spacing: .18em; font-size: 1.8rem; }
[data-stil="fresca"] .poza { border-radius: 60px 60px 0 0; }
[data-stil="fresca"] .poza img { border-radius: 55px 55px 0 0; }
[data-stil="fresca"] .portret .rama, [data-stil="fresca"] .portret img { border-radius: 999px 999px 0 0; }
[data-stil="fresca"] .slides button { border-radius: 90px 90px 0 0; padding: 6px; }
[data-stil="fresca"] .slides img { border-radius: 84px 84px 0 0; }
[data-stil="fresca"] .slides span { left: 50%; top: auto; bottom: 10px; transform: translateX(-50%); border-radius: 99px; background: #f7f1e4; color: #8a6420; }
[data-stil="fresca"] .btn, [data-stil="fresca"] nav a.cta { border-radius: 2px; font-family: Cinzel, serif; letter-spacing: .14em; }
[data-stil="fresca"] .despre p:first-of-type::first-letter { font-family: Cinzel, serif; color: #a07424; }

/* ============ BAROC (rame aurite la toate pozele) ============ */

/* 3. Baroc pe marmură — marmură neagră cu vine aurii; modul deschis = marmură albă. Fonturi caligrafice. */
[data-stil="baroc-marmura"] { --ink: #f1e8d6; --mut: #b9ad96; --roz: #e9b8c3; --roz2: #5c3a45; --aur: #b3842c; --aur2: #f7dc8c; --aur3: #e0bf6a; --crem: #141213;
  --ft: 'Playfair Display', serif; --fn: 'Pinyon Script', cursive; --fb: 'EB Garamond', Georgia, serif; --card: rgb(14 12 13 / .8); --hover: #2a2419;
  --btn: linear-gradient(180deg, #f7dc8c, #c99a38 50%, #8a6420); --btn-c: #1b1206; --chip: rgb(30 26 22 / .9); --box: rgb(40 30 22 / .85);
  --lo-in: #0b0a0a; --lo-t: #f7dc8c; --tr: #e9b8c3; --tr-c: #b3842c; --tr2: #fff; --tr3: #f7dc8c; --tr-f: #6f8a62; }
[data-stil="baroc-marmura"] body { background: #0b0a0a; font-size: 18px; }
[data-stil="baroc-marmura"] body::before { background: radial-gradient(ellipse at 50% -10%, rgb(247 220 140 / .12), transparent 60%), url(img/tex-marmura-neagra.webp) 0 0 / 1000px; }
[data-stil="baroc-marmura"][data-mod="deschis"] { --ink: #2a2118; --mut: #6f6353; --roz: #a8455f; --roz2: #e8c3cc; --aur3: #8a6420; --crem: #faf7f2;
  --card: rgb(252 250 246 / .82); --hover: #f1e7cf; --chip: #fffdf8; --box: #f7ecee; --lo-in: #2a2118; }
[data-stil="baroc-marmura"][data-mod="deschis"] body { background: #eeeae4; }
[data-stil="baroc-marmura"][data-mod="deschis"] body::before { background: url(img/tex-marmura-alba.webp) 0 0 / 1000px; }
[data-stil="baroc-marmura"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, #6e4e14, #f7dc8c 25%, #b3842c 50%, #f7dc8c 75%, #6e4e14); }
[data-stil="baroc-marmura"] .card { border: 1px solid rgb(179 132 44 / .7); box-shadow: 0 24px 60px rgb(0 0 0 / .5); backdrop-filter: blur(2px); }
[data-stil="baroc-marmura"][data-mod="deschis"] .card { box-shadow: 0 18px 44px rgb(60 40 20 / .18); }
[data-stil="baroc-marmura"] .card::before { inset: 7px; border: 1px solid rgb(247 220 140 / .35); }
[data-stil="baroc-marmura"] .banda { height: 4px; margin-bottom: 1.8rem; }
[data-stil="baroc-marmura"] .nume { font-size: 2.6rem; letter-spacing: .02em; color: var(--aur3); }
[data-stil="baroc-marmura"] .nume small { font-family: 'EB Garamond', serif; color: var(--mut); }
[data-stil="baroc-marmura"] h1 { font-weight: 600; }
[data-stil="baroc-marmura"] h1 em { font-family: 'Pinyon Script', cursive; font-weight: 400; font-size: 1.25em; color: var(--aur3); }
[data-stil="baroc-marmura"] .eticheta { color: var(--aur3); }
[data-stil="baroc-marmura"] .despre p:first-of-type::first-letter { font-family: 'Pinyon Script', cursive; font-size: 4.6rem; color: var(--aur3); }
[data-stil="baroc-marmura"] .btn.alb { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px var(--aur); text-shadow: none; }
[data-stil="baroc-marmura"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: rgb(179 132 44 / .6); }

/* 4. Baroc pe negru — negru simplu, fără textură: doar ramele aurii strălucesc */
[data-stil="baroc-negru"] { --ink: #efe7d8; --mut: #a89f90; --roz: #d9a0ad; --roz2: #4a3036; --aur: #9c7424; --aur2: #f7dc8c; --aur3: #d9b458; --crem: #0d0c0c;
  --ft: 'Cinzel Decorative', serif; --fn: 'Cinzel Decorative', serif; --fb: 'Cormorant Garamond', Georgia, serif; --card: transparent; --hover: #1f1b14;
  --btn: linear-gradient(180deg, #f7dc8c, #c99a38 50%, #8a6420); --btn-c: #1b1206; --chip: #151311; --box: #171411;
  --lo-in: #070606; --lo-t: #f7dc8c; --tr: #d9a0ad; --tr-c: #9c7424; --tr2: #f3dfe3; --tr3: #f7dc8c; --tr-f: #56704f; }
[data-stil="baroc-negru"] body { background: #070606; font-size: 19px; }
[data-stil="baroc-negru"] body::before { background: radial-gradient(ellipse at 50% 0%, #1b1712, #070606 70%); }
[data-stil="baroc-negru"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, transparent, #b3842c 20%, #f7dc8c 50%, #b3842c 80%, transparent); }
[data-stil="baroc-negru"] .card { border: 0; box-shadow: none; padding-left: 0; padding-right: 0; }
[data-stil="baroc-negru"] .card::before { display: none; }
[data-stil="baroc-negru"] .banda { height: 1px; margin: 0 0 2rem; }
[data-stil="baroc-negru"] .card + .card { margin-top: 3rem; }
[data-stil="baroc-negru"] h1, [data-stil="baroc-negru"] h2 { font-weight: 400; color: var(--aur3); }
[data-stil="baroc-negru"] h1 em { color: var(--ink); font-style: normal; }
[data-stil="baroc-negru"] .nume { font-size: 1.7rem; color: var(--aur3); }
[data-stil="baroc-negru"] .eticheta { color: var(--mut); }
[data-stil="baroc-negru"] .btn { border-radius: 0; }
[data-stil="baroc-negru"] .btn.alb { background: transparent; color: var(--aur3); box-shadow: inset 0 0 0 1px var(--aur); text-shadow: none; }
[data-stil="baroc-negru"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: #3b3120; }
[data-stil="baroc-negru"] .despre p:first-of-type::first-letter { font-family: 'Cinzel Decorative', serif; color: var(--aur3); }
@media (max-width: 860px) { [data-stil="baroc-negru"] .card { padding-left: 0; padding-right: 0; } }

/* 5. Trandafiri în ramă aurită — combinația: tencuiala salvie + trandafirii din tablou + rame baroce */
[data-stil="baroc-gradina"] { --ink: #2e3127; --mut: #5f6655; --roz: #b8546f; --roz2: #e6b3c1; --aur: #b3842c; --aur2: #f7dc8c; --aur3: #7a5a1c; --crem: #f5f0e1;
  --ft: 'Cormorant SC', serif; --fn: Italiana, serif; --fb: 'Cormorant Garamond', Georgia, serif; --card: rgb(247 243 230 / .88); --hover: #ece2c4;
  --btn: linear-gradient(180deg, #f7dc8c, #c99a38 50%, #8a6420); --btn-c: #2a1d08; --chip: #fffcf2; --box: #f6e6ea;
  --tr: #e59ab4; --tr-c: #7a5a1c; --tr2: #fff0f4; --tr3: #f7dc8c; --tr-f: #6f8a62; }
[data-stil="baroc-gradina"] body { background: #8d967a; font-size: 19px; }
[data-stil="baroc-gradina"] body::before { background: linear-gradient(rgb(240 236 214 / .3), rgb(240 236 214 / .45)), url(img/tex-salvie.webp) 0 0 / 900px; }
[data-stil="baroc-gradina"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, #6e4e14, #f7dc8c 25%, #b3842c 50%, #f7dc8c 75%, #6e4e14); }
[data-stil="baroc-gradina"] .card { border: 1px solid rgb(179 132 44 / .5); margin-top: 2.4rem; }
[data-stil="baroc-gradina"] .card::before { inset: 6px; border-color: rgb(179 132 44 / .35); }
[data-stil="baroc-gradina"] .card .banda.aur, [data-stil="baroc-gradina"] footer .banda.aur { background: url(img/trandafiri.webp) repeat-x 0 50% / auto 100%; }
[data-stil="baroc-gradina"] .card .banda { height: 60px; margin: calc(-2rem - 32px) -2.2rem .8rem; }
[data-stil="baroc-gradina"] footer .banda { height: 44px; max-width: 420px; }
[data-stil="baroc-gradina"] h1 { font-weight: 600; }
[data-stil="baroc-gradina"] h1 em { font-family: Italiana, serif; font-style: normal; }
@media (max-width: 860px) { [data-stil="baroc-gradina"] .card .banda { margin: calc(-1.5rem - 28px) -1.2rem .6rem; height: 52px; } }

/* 6. Salon de muzeu — perete verde cu dungi, lumină de sus ca pe tablouri, etichete de muzeu din alamă */
[data-stil="muzeu"] { --ink: #2a2620; --mut: #6c6356; --roz: #9d3d4d; --roz2: #e5c2c6; --aur: #a5803a; --aur2: #efd9a0; --aur3: #7a5a1c; --crem: #f5eedc;
  --ft: 'Libre Caslon Display', serif; --fn: 'Libre Caslon Display', serif; --fb: 'Libre Caslon Text', Georgia, serif; --card: #f5eedc; --hover: #ebdfc0;
  --btn: #1f3a30; --btn-c: #f5eedc; --chip: #fbf6ea; --box: #efe3d0;
  --lo-ext: #a5803a; --lo-mz: 1; --lo-in: #1f3a30; --lo-t: #efd9a0; --tr: #9d3d4d; --tr-c: #7a5a1c; --tr2: #e5c2c6; --tr3: #efd9a0; --tr-f: #3d6152; }
[data-stil="muzeu"] body { background: #1a3129; font-size: 16px; }
[data-stil="muzeu"] body::before { background: radial-gradient(ellipse 70% 40% at 50% 0%, rgb(255 236 190 / .22), transparent 70%),
  repeating-linear-gradient(90deg, #1f3a30 0 46px, #1b332a 46px 50px, #203c32 50px 96px, #1b332a 96px 100px); }
[data-stil="muzeu"] header { color: #f5eedc; }
[data-stil="muzeu"] .nume { font-size: 1.6rem; letter-spacing: .08em; }
[data-stil="muzeu"] nav > a, [data-stil="muzeu"] nav .dd > a { font-size: .85rem; padding: .5rem .6rem; }
/* la stilurile cu antet deschis pe fundal închis, comutatorul de limbă își păstrează culoarea textului */
:is([data-stil="muzeu"], [data-stil="mozaic"], [data-stil="vitraliu"]) .limba { color: var(--ink); }
[data-stil="muzeu"] header .nume small { color: #efd9a0; }
[data-stil="muzeu"] nav > a, [data-stil="muzeu"] nav .dd > a { color: #f5eedc; }
[data-stil="muzeu"] nav > a:hover, [data-stil="muzeu"] nav a.on, [data-stil="muzeu"] nav .dd:hover > a { color: #efd9a0; border-color: #efd9a0; }
[data-stil="muzeu"] .dd .sub a { color: var(--ink); }
[data-stil="muzeu"] footer { color: #d9cfb8; }
[data-stil="muzeu"] .aur:not(.btn, .cta) { background: linear-gradient(180deg, #efd9a0, #a5803a 50%, #6e4e14); }
[data-stil="muzeu"] .card { border: 0; box-shadow: 0 30px 60px rgb(0 0 0 / .45); }
[data-stil="muzeu"] .card::before { inset: 12px; border: 1px solid rgb(165 128 58 / .45); }
[data-stil="muzeu"] .banda { height: 6px; }
[data-stil="muzeu"] h1 { font-weight: 400; } [data-stil="muzeu"] h2 { font-weight: 400; }
[data-stil="muzeu"] h1 em { color: var(--roz); }
/* numărul de sub fiecare tablou = plăcuță de alamă */
[data-stil="muzeu"] .slides span { left: 50%; top: auto; bottom: -38px; transform: translateX(-50%); background: linear-gradient(180deg, #f3e2b0, #b89448);
  color: #2a1d08; font: 600 .8rem 'Libre Caslon Text', serif; padding: .15rem .8rem; box-shadow: 0 2px 4px rgb(0 0 0 / .4); letter-spacing: .1em; }
[data-stil="muzeu"] .slides { gap: 2.6rem 1.2rem; margin-bottom: 1.8rem; }
[data-stil="muzeu"] .btn, [data-stil="muzeu"] nav a.cta { border-radius: 0; box-shadow: none; text-shadow: none; }
[data-stil="muzeu"] nav a.cta { background: linear-gradient(180deg, #efd9a0, #a5803a); color: #1f1406; }
[data-stil="muzeu"] .btn.alb { background: transparent; box-shadow: inset 0 0 0 1px var(--ink); }
[data-stil="muzeu"] .burger { color: var(--ink); }

/* 7. Smarald și aur — marmură verde închis, rame baroce, text crem */
[data-stil="smarald"] { --ink: #eef0e6; --mut: #a9b8aa; --roz: #f0b4a8; --roz2: #4a5a50; --aur: #b3842c; --aur2: #f7dc8c; --aur3: #e2c274; --crem: #0f261e;
  --ft: 'Cormorant Unicase', serif; --fn: 'Cormorant Unicase', serif; --fb: Lora, Georgia, serif; --card: rgb(9 28 21 / .78); --hover: #1c3a2e;
  --btn: linear-gradient(180deg, #f7dc8c, #c99a38 50%, #8a6420); --btn-c: #14210f; --chip: rgb(16 40 31 / .9); --box: rgb(40 50 40 / .8);
  --lo-in: #0b1f18; --lo-t: #f7dc8c; --tr: #f0b4a8; --tr-c: #b3842c; --tr2: #fff; --tr3: #f7dc8c; --tr-f: #6f9a82; }
[data-stil="smarald"] body { background: #0b1f18; }
[data-stil="smarald"] body::before { background: url(img/tex-marmura-verde.webp) 0 0 / 1000px; }
[data-stil="smarald"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, #6e4e14, #f7dc8c 25%, #b3842c 50%, #f7dc8c 75%, #6e4e14); }
[data-stil="smarald"] .card { border: 1px solid rgb(179 132 44 / .55); box-shadow: 0 24px 60px rgb(0 0 0 / .45); backdrop-filter: blur(3px); }
[data-stil="smarald"] .card::before { border-color: rgb(247 220 140 / .25); }
[data-stil="smarald"] .banda { height: 4px; }
[data-stil="smarald"] h1, [data-stil="smarald"] h2 { font-weight: 500; }
[data-stil="smarald"] h1 em { color: var(--aur3); font-style: normal; }
[data-stil="smarald"] .btn.alb { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px var(--aur); text-shadow: none; }
[data-stil="smarald"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: rgb(179 132 44 / .5); }

/* ============ CU EFECTE ============ */

/* 8. Neon — perete de cărămidă, titluri de neon care pâlpâie ușor */
[data-stil="neon"] { --ink: #f4ecf6; --mut: #b5a8ba; --roz: #ff4fa3; --roz2: #5c1f44; --aur: #ff4fa3; --aur2: #3ef2ff; --aur3: #3ef2ff; --crem: #120c14;
  --ft: Righteous, sans-serif; --fn: Neonderthaw, cursive; --fb: Outfit, system-ui, sans-serif; --card: rgb(12 8 14 / .82); --hover: #2a1830;
  --btn: #ff4fa3; --btn-c: #1a0610; --chip: #1c1320; --box: #22122a;
  --lo-ext: #ff4fa3; --lo-mz: 0; --lo-in: #120c14; --lo-l: #3ef2ff; --lo-t: #fff; --lo-r: #ff4fa3; --lo-r2: #120c14;
  --tr: #120c14; --tr-c: #ff4fa3; --tr2: #ff4fa3; --tr3: #3ef2ff; --tr-f: #3ef2ff; }
[data-stil="neon"] body { background: #0d090e; }
[data-stil="neon"] body::before { background: radial-gradient(ellipse at 20% 10%, rgb(255 79 163 / .18), transparent 50%), radial-gradient(ellipse at 85% 70%, rgb(62 242 255 / .12), transparent 45%),
  linear-gradient(rgb(8 5 9 / .6), rgb(8 5 9 / .8)), url(img/tex-caramida.webp) 0 0 / 640px; }
[data-stil="neon"] .aur:not(.btn, .cta) { background: #ff4fa3; box-shadow: 0 0 12px #ff4fa3, 0 0 30px rgb(255 79 163 / .5); }
[data-stil="neon"] .card { border: 2px solid #3ef2ff; box-shadow: 0 0 10px rgb(62 242 255 / .6), inset 0 0 14px rgb(62 242 255 / .25); border-radius: 16px; }
[data-stil="neon"] .card::before { display: none; }
[data-stil="neon"] .banda { height: 3px; border-radius: 3px; margin: -2rem 30% 1.6rem; }
[data-stil="neon"] .nume { font-size: 3rem; letter-spacing: 0; color: #fff; text-shadow: 0 0 6px #ff4fa3, 0 0 16px #ff4fa3, 0 0 34px #ff4fa3; animation: neon 6s infinite; }
[data-stil="neon"] .nume small { color: #3ef2ff; text-shadow: 0 0 8px #3ef2ff; font-family: Outfit, sans-serif; }
[data-stil="neon"] h1, [data-stil="neon"] h2 { font-weight: 400; color: #fff; text-shadow: 0 0 8px rgb(62 242 255 / .8), 0 0 22px rgb(62 242 255 / .5); }
[data-stil="neon"] h1 em { font-family: Neonderthaw, cursive; font-style: normal; font-size: 1.4em; color: #fff; text-shadow: 0 0 6px #ff4fa3, 0 0 18px #ff4fa3, 0 0 40px #ff4fa3; animation: neon 5s 1s infinite; }
@keyframes neon { 0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; } 20%, 24%, 55% { opacity: .55; } }
[data-stil="neon"] .eticheta { color: #3ef2ff; }
[data-stil="neon"] .btn, [data-stil="neon"] nav a.cta { border-radius: 99px; box-shadow: 0 0 12px #ff4fa3, 0 0 28px rgb(255 79 163 / .45); text-shadow: none; }
[data-stil="neon"] .btn.alb { background: transparent; color: #3ef2ff; box-shadow: inset 0 0 0 2px #3ef2ff, 0 0 12px rgb(62 242 255 / .5); }
[data-stil="neon"] :is(.poza, .portret .rama, .slides button, .galerie figure) { background: #ff4fa3; box-shadow: 0 0 14px #ff4fa3, 0 0 34px rgb(255 79 163 / .35); }
[data-stil="neon"] .slides button, [data-stil="neon"] .galerie figure { border-radius: 14px; }
[data-stil="neon"] .slides img, [data-stil="neon"] .galerie figure .t { border-radius: 10px; }
[data-stil="neon"] .slides span { background: #120c14; color: #3ef2ff; border-radius: 8px; }
[data-stil="neon"] .galerie figcaption { color: #fff; }
[data-stil="neon"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: #3ef2ff; border-radius: 10px; }
[data-stil="neon"] .limba, [data-stil="neon"] .dd .sub { overflow: hidden; }

/* 9. Aur lichid — foița de aur „curge”: luciu care trece încet peste benzi, butoane, rame și titlu */
[data-stil="aur-lichid"] { --ink: #f3ead8; --mut: #b3a58c; --roz: #f0c27b; --roz2: #4a3a24; --aur: #b3842c; --aur2: #fff0b8; --aur3: #e8c46a; --crem: #120e09;
  --ft: Cinzel, serif; --fn: Cinzel, serif; --fb: Montserrat, system-ui, sans-serif; --card: rgb(20 15 9 / .86); --hover: #2a2112;
  --btn: linear-gradient(110deg, #8a6420 0%, #f7dc8c 20%, #b3842c 40%, #fff0b8 50%, #b3842c 60%, #f7dc8c 80%, #8a6420 100%) 0 0 / 250% 100%; --btn-c: #1b1206;
  --chip: #1d170e; --box: #231b0f; --lo-in: #120e09; --lo-t: #fff0b8; --tr: #b3842c; --tr-c: #fff0b8; --tr2: #fff0b8; --tr3: #120e09; --tr-f: #8a6420; }
[data-stil="aur-lichid"] body { background: #0c0906; font-size: 16px; }
[data-stil="aur-lichid"] body::before { background: radial-gradient(ellipse at 30% 0%, rgb(232 196 106 / .16), transparent 55%), radial-gradient(ellipse at 80% 100%, rgb(232 196 106 / .1), transparent 50%), #0c0906; }
[data-stil="aur-lichid"] :is(.aur:not(.btn, .cta), .btn.aur, nav a.cta, .limba button.on) { background: linear-gradient(110deg, #8a6420 0%, #f7dc8c 20%, #b3842c 40%, #fff0b8 50%, #b3842c 60%, #f7dc8c 80%, #8a6420 100%) 0 0 / 250% 100%;
  animation: curge 6s linear infinite; }
@keyframes curge { to { background-position: -250% 0; } }
[data-stil="aur-lichid"] h1, [data-stil="aur-lichid"] .nume { background: linear-gradient(110deg, #b3842c 0%, #f7dc8c 25%, #fff6d6 50%, #f7dc8c 75%, #b3842c 100%) 0 0 / 200% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: curge 8s linear infinite; }
[data-stil="aur-lichid"] h1 em { color: transparent; font-style: italic; }
[data-stil="aur-lichid"] .nume small { -webkit-text-fill-color: var(--aur3); }
[data-stil="aur-lichid"] .card { border: 1px solid rgb(232 196 106 / .35); box-shadow: 0 30px 70px rgb(0 0 0 / .6); border-radius: 4px; }
[data-stil="aur-lichid"] .card::before { display: none; }
[data-stil="aur-lichid"] .banda { height: 3px; }
[data-stil="aur-lichid"] h2 { color: var(--aur3); font-weight: 500; }
[data-stil="aur-lichid"] .btn, [data-stil="aur-lichid"] nav a.cta { border-radius: 2px; box-shadow: 0 6px 20px rgb(232 196 106 / .25); text-shadow: none; }
[data-stil="aur-lichid"] .btn.alb { background: transparent; color: var(--aur3); box-shadow: inset 0 0 0 1px var(--aur); }
[data-stil="aur-lichid"] .poza, [data-stil="aur-lichid"] .portret .rama { padding: 4px; }
[data-stil="aur-lichid"] .slides span { background: #0c0906; color: var(--aur3); }
[data-stil="aur-lichid"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: #4a3a1c; }
[data-stil="aur-lichid"] .galerie figcaption { color: #1b1206; text-shadow: none; }

/* 10. Holografic — gradient pastel irizat care se mișcă lent, carduri de sticlă mată */
[data-stil="holografic"] { --ink: #2b2540; --mut: #6a6385; --roz: #d05fa8; --roz2: #f3c6e4; --aur: #b9a8ff; --aur2: #fff; --aur3: #7a5ccf; --crem: #fbf8ff;
  --ft: Syne, sans-serif; --fn: Syne, sans-serif; --fb: 'DM Sans', system-ui, sans-serif; --card: rgb(255 255 255 / .48); --hover: rgb(255 255 255 / .6);
  --btn: linear-gradient(120deg, #ff9ad5, #b9a8ff, #8fe3ff); --btn-c: #1e1830; --chip: rgb(255 255 255 / .55); --box: rgb(255 255 255 / .5);
  --lo-ext: #b9a8ff; --lo-mz: 0; --lo-in: #fff; --lo-l: #7a5ccf; --lo-t: #2b2540; --lo-r: #ff9ad5; --lo-r2: #fff;
  --tr: #ff9ad5; --tr-c: #7a5ccf; --tr2: #fff; --tr3: #8fe3ff; --tr-f: #8fe3ff; }
[data-stil="holografic"] body { background: #f0e6ff; }
[data-stil="holografic"] body::before { inset: -100%; background: linear-gradient(125deg, #ffd6ec, #e0d4ff 20%, #cdf3ff 40%, #fff3c8 60%, #ffd6ec 80%, #e0d4ff); animation: plutire 20s ease-in-out infinite alternate; }
@keyframes plutire { from { transform: translate(-20%, -20%); } to { transform: translate(20%, 20%); } }
@keyframes iriza { to { background-position: 100% 0; } }
[data-stil="holografic"] .aur:not(.btn, .cta) { background: linear-gradient(120deg, #ff9ad5, #b9a8ff, #8fe3ff, #fff3a8, #ff9ad5) 0 0 / 300% 100%; animation: iriza 8s linear infinite alternate; }
[data-stil="holografic"] .card { border: 1px solid rgb(255 255 255 / .7); border-radius: 28px; box-shadow: 0 20px 50px rgb(120 90 200 / .18); backdrop-filter: blur(16px) saturate(1.3); }
[data-stil="holografic"] .card::before { display: none; }
[data-stil="holografic"] .banda { height: 6px; border-radius: 28px 28px 0 0; }
[data-stil="holografic"] h1 { font-weight: 800; letter-spacing: -.02em; }
[data-stil="holografic"] h2 { font-weight: 800; }
[data-stil="holografic"] h1 em { font-style: normal; background: linear-gradient(90deg, #d05fa8, #7a5ccf, #2fa6d0); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-stil="holografic"] .nume { font-weight: 800; letter-spacing: .02em; }
[data-stil="holografic"] .btn, [data-stil="holografic"] nav a.cta { border-radius: 99px; box-shadow: 0 8px 22px rgb(150 110 230 / .3); text-shadow: none; }
[data-stil="holografic"] .btn.alb { background: rgb(255 255 255 / .6); }
[data-stil="holografic"] :is(.poza, .portret .rama, .slides button, .galerie figure) { border-radius: 24px; }
[data-stil="holografic"] :is(.poza img, .portret img, .slides img, .galerie figure .t) { border-radius: 19px; }
[data-stil="holografic"] .slides span { border-radius: 99px; left: 12px; top: 12px; background: rgb(255 255 255 / .8); color: var(--ink); }
[data-stil="holografic"] :is(.stil a, .pasi div, .limba, .dd .sub, .online-box) { border-color: rgb(255 255 255 / .8); border-radius: 16px; backdrop-filter: blur(10px); }
[data-stil="holografic"] .limba, [data-stil="holografic"] .dd .sub { overflow: hidden; }

/* 11. Sakura — petale de cireș care cad încet peste pagină */
[data-stil="sakura"] { --ink: #3a2a33; --mut: #7d6771; --roz: #d9577f; --roz2: #f8c9d6; --aur: #e7a3b6; --aur2: #fff; --aur3: #b24a6c; --crem: #fff8fa;
  --ft: 'Zen Old Mincho', serif; --fn: 'Zen Old Mincho', serif; --fb: 'Zen Kaku Gothic New', system-ui, sans-serif; --card: rgb(255 250 252 / .88); --hover: #fde8ee;
  --btn: #d9577f; --btn-c: #fff; --chip: #fff; --box: #fdeaf0;
  --lo-ext: #f8c9d6; --lo-mz: 0; --lo-in: #fff; --lo-l: #d9577f; --lo-t: #3a2a33; --lo-r: #d9577f; --lo-r2: #fff;
  --tr: #f8c9d6; --tr-c: #d9577f; --tr2: #fff; --tr3: #d9577f; --tr-f: #8a6b5a; }
[data-stil="sakura"] body { background: #fdf0f3; }
[data-stil="sakura"] body::before { background: radial-gradient(ellipse at 10% 0%, #ffd9e4, transparent 50%), radial-gradient(ellipse at 100% 60%, #ffe6ee, transparent 45%), #fdf3f5; }
/* petalele: trei straturi de „petale” (elipse roz) care coboară și se leagănă, fiecare cu altă viteză */
[data-stil="sakura"] body::after { content: ''; position: fixed; top: -400px; left: -320px; right: 0; bottom: 0; z-index: -1; pointer-events: none;
  background-image: radial-gradient(ellipse 7px 4px at 40px 60px, rgb(240 150 180 / .8) 60%, transparent 70%),
    radial-gradient(ellipse 5px 3px at 200px 30px, rgb(250 190 210 / .85) 60%, transparent 70%),
    radial-gradient(ellipse 9px 5px at 130px 250px, rgb(235 130 165 / .6) 60%, transparent 70%),
    radial-gradient(ellipse 6px 4px at 280px 180px, rgb(245 170 195 / .75) 60%, transparent 70%),
    radial-gradient(ellipse 4px 3px at 90px 350px, rgb(250 200 215 / .9) 60%, transparent 70%);
  background-size: 320px 400px; animation: petale 26s linear infinite; }
@keyframes petale { to { transform: translate(320px, 400px); } }
[data-stil="sakura"] .aur:not(.btn, .cta) { background: #f3b3c6 radial-gradient(circle at 50% 50%, #fff 0 2px, transparent 2.5px) 0 0 / 12px 12px; }
[data-stil="sakura"] .card { border: 0; box-shadow: 0 14px 40px rgb(217 87 127 / .12); border-radius: 6px; }
[data-stil="sakura"] .card::before { inset: auto 1.2rem 1.2rem auto; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #d9577f; opacity: .9; }
[data-stil="sakura"] .banda { height: 8px; border-radius: 6px 6px 0 0; }
[data-stil="sakura"] h1 { font-weight: 700; } [data-stil="sakura"] h1 em { font-style: normal; }
[data-stil="sakura"] .btn, [data-stil="sakura"] nav a.cta { border-radius: 4px; box-shadow: none; text-shadow: none; }
[data-stil="sakura"] .btn.alb { box-shadow: inset 0 0 0 1px #d9577f; color: #d9577f; }
[data-stil="sakura"] .poza, [data-stil="sakura"] .poza img, [data-stil="sakura"] .portret .rama, [data-stil="sakura"] .portret img { border-radius: 50%; }
[data-stil="sakura"] .poza { width: 124px; height: 124px; }
[data-stil="sakura"] .portret img { aspect-ratio: 1; object-fit: cover; object-position: 50% 18%; }
[data-stil="sakura"] .slides span { background: #d9577f; color: #fff; border-radius: 50%; width: 1.8rem; height: 1.8rem; display: grid; place-items: center; padding: 0; }
@media (max-width: 860px) { [data-stil="sakura"] .poza { width: 90px; height: 90px; } [data-stil="sakura"] .card::before { display: none; } }

/* 12. Cer înstelat — albastru de noapte, stele care sclipesc, argint */
[data-stil="cosmic"] { --ink: #e8ecf8; --mut: #a3acc8; --roz: #f3c1dc; --roz2: #3a3f66; --aur: #c9d1ea; --aur2: #fff; --aur3: #c9d1ea; --crem: #0f1430;
  --ft: 'Cormorant Upright', serif; --fn: 'Cormorant Upright', serif; --fb: Quicksand, system-ui, sans-serif; --card: rgb(16 21 52 / .72); --hover: #1f2750;
  --btn: linear-gradient(180deg, #ffffff, #c9d1ea 60%, #97a2c8); --btn-c: #0f1430; --chip: rgb(26 32 70 / .8); --box: rgb(40 36 80 / .7);
  --lo-ext: #c9d1ea; --lo-mz: 0; --lo-in: #0f1430; --lo-l: #fff; --lo-t: #fff; --lo-r: #f3c1dc; --lo-r2: #0f1430;
  --tr: #0f1430; --tr-c: #c9d1ea; --tr2: #f3c1dc; --tr3: #fff; --tr-f: #6a79b8; }
[data-stil="cosmic"] body { background: #070a1c; }
[data-stil="cosmic"] body::before { background: radial-gradient(ellipse at 80% 0%, rgb(120 110 200 / .35), transparent 50%), radial-gradient(ellipse at 0% 100%, rgb(200 120 180 / .18), transparent 50%),
  linear-gradient(#0b1030, #070a1c); }
[data-stil="cosmic"] body::after { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(circle, #fff 0 1px, transparent 1.5px) 0 0 / 97px 89px, radial-gradient(circle, #fff 0 .8px, transparent 1.3px) 40px 60px / 61px 73px,
    radial-gradient(circle, #dfe6ff 0 1.4px, transparent 2px) 20px 10px / 173px 151px; animation: sclipeste 4s ease-in-out infinite alternate; }
@keyframes sclipeste { from { opacity: .35; } to { opacity: 1; } }
[data-stil="cosmic"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, #97a2c8, #fff, #97a2c8); }
[data-stil="cosmic"] .card { border: 1px solid rgb(201 209 234 / .25); border-radius: 20px; box-shadow: 0 0 40px rgb(120 110 200 / .18); backdrop-filter: blur(6px); }
[data-stil="cosmic"] .card::before { display: none; }
[data-stil="cosmic"] .banda { height: 2px; border-radius: 2px; margin: -2rem 3rem 1.6rem; }
[data-stil="cosmic"] h1, [data-stil="cosmic"] h2 { font-weight: 500; }
[data-stil="cosmic"] h1 em { font-style: normal; color: var(--roz); text-shadow: 0 0 20px rgb(243 193 220 / .5); }
[data-stil="cosmic"] .btn, [data-stil="cosmic"] nav a.cta { border-radius: 99px; text-shadow: none; box-shadow: 0 0 20px rgb(201 209 234 / .35); }
[data-stil="cosmic"] .btn.alb { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px #c9d1ea; }
[data-stil="cosmic"] .poza, [data-stil="cosmic"] .poza img, [data-stil="cosmic"] .portret .rama, [data-stil="cosmic"] .portret img { border-radius: 50%; }
[data-stil="cosmic"] .poza { width: 124px; height: 124px; padding: 3px; }
[data-stil="cosmic"] .portret img { aspect-ratio: 1; object-fit: cover; object-position: 50% 18%; }
[data-stil="cosmic"] .portret .rama { padding: 3px; box-shadow: 0 0 50px rgb(201 209 234 / .35); }
[data-stil="cosmic"] :is(.slides button, .galerie figure) { border-radius: 16px; padding: 2px; }
[data-stil="cosmic"] :is(.slides img, .galerie figure .t) { border-radius: 14px; }
[data-stil="cosmic"] .slides span { background: #0f1430; color: #fff; border-radius: 99px; left: 10px; top: 10px; }
[data-stil="cosmic"] .galerie figcaption { color: #fff; }
[data-stil="cosmic"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: rgb(201 209 234 / .3); border-radius: 12px; }
[data-stil="cosmic"] .limba, [data-stil="cosmic"] .dd .sub { overflow: hidden; }
@media (max-width: 860px) { [data-stil="cosmic"] .poza { width: 90px; height: 90px; } }

/* 13. Apă vie — apa roz a clientei, cu lumina care joacă pe fundul apei (caustici animate) */
[data-stil="apa-vie"] { --ink: #3d2233; --mut: #7d5b6c; --roz: #c9487a; --roz2: #f6bfd2; --aur: #e7a3bc; --aur2: #fff; --aur3: #a33d66; --crem: #fff5f8;
  --card: rgb(255 248 251 / .6); --hover: rgb(255 255 255 / .7); --btn: linear-gradient(135deg, #e97aa3, #c9487a); --btn-c: #fff;
  --chip: rgb(255 255 255 / .6); --box: rgb(255 255 255 / .55);
  --lo-ext: #e7a3bc; --lo-mz: 0; --lo-in: #fff; --lo-l: #c9487a; --lo-t: #3d2233; --lo-r: #c9487a; --lo-r2: #fff;
  --tr: #f6bfd2; --tr-c: #c9487a; --tr2: #fff; --tr3: #c9487a; --tr-f: #7fb9b0; }
[data-stil="apa-vie"] body::before { background: linear-gradient(rgb(255 240 245 / .15), rgb(255 240 245 / .35)), url(img/apa-roz.webp) center / cover; }
[data-stil="apa-vie"] body::after { content: ''; position: fixed; inset: -20%; z-index: -1; pointer-events: none; mix-blend-mode: soft-light; opacity: .9;
  background: radial-gradient(ellipse 18% 9% at 20% 30%, #fff 0, transparent 70%), radial-gradient(ellipse 14% 7% at 70% 20%, #fff 0, transparent 70%),
    radial-gradient(ellipse 20% 10% at 50% 70%, #fff 0, transparent 70%), radial-gradient(ellipse 12% 6% at 85% 80%, #fff 0, transparent 70%),
    radial-gradient(ellipse 16% 8% at 10% 85%, #fff 0, transparent 70%);
  animation: undeaza 14s ease-in-out infinite alternate; }
@keyframes undeaza { 0% { transform: translate(0, 0) scale(1) rotate(0); } 50% { transform: translate(3%, -2%) scale(1.08) rotate(2deg); } 100% { transform: translate(-3%, 2%) scale(1.02) rotate(-2deg); } }
[data-stil="apa-vie"] .aur:not(.btn, .cta) { background: linear-gradient(135deg, #fbd3e2, #e7a3bc 50%, #fff 70%, #e7a3bc); }
[data-stil="apa-vie"] .card { border: 1px solid rgb(255 255 255 / .75); border-radius: 30px; box-shadow: 0 20px 50px rgb(160 60 100 / .15); backdrop-filter: blur(14px); }
[data-stil="apa-vie"] .card::before { display: none; }
[data-stil="apa-vie"] .banda { height: 0; margin-bottom: 0; }
[data-stil="apa-vie"] h1 em { font-style: italic; }
[data-stil="apa-vie"] .btn, [data-stil="apa-vie"] nav a.cta { border-radius: 99px; box-shadow: 0 8px 22px rgb(201 72 122 / .3); text-shadow: none; }
[data-stil="apa-vie"] .btn.alb { background: rgb(255 255 255 / .6); }
[data-stil="apa-vie"] :is(.poza, .portret .rama, .slides button, .galerie figure) { border-radius: 26px; padding: 4px; }
[data-stil="apa-vie"] :is(.slides img, .galerie figure .t) { border-radius: 22px; }
[data-stil="apa-vie"] .poza img { border-radius: 22px; }
[data-stil="apa-vie"] .portret img { border-radius: 22px; }
[data-stil="apa-vie"] .slides span { border-radius: 99px; left: 12px; top: 12px; background: rgb(255 255 255 / .85); color: var(--aur3); }
[data-stil="apa-vie"] :is(.stil a, .pasi div, .limba, .dd .sub, .online-box) { border-color: rgb(255 255 255 / .8); border-radius: 18px; backdrop-filter: blur(10px); }
[data-stil="apa-vie"] .limba, [data-stil="apa-vie"] .dd .sub { overflow: hidden; }

/* 14. Dagherotip — fotografie de epocă: sepia, vignetă ovală, granulație care se mișcă */
[data-stil="sepia"] { --ink: #2f241b; --mut: #6e5d4c; --roz: #8e4b3a; --roz2: #dcc0a8; --aur: #8a7358; --aur2: #efe2cc; --aur3: #5c4a36; --crem: #f1e6d2;
  --ft: 'Playfair Display', serif; --fn: 'Playfair Display', serif; --fb: 'Old Standard TT', Georgia, serif; --card: rgb(241 230 210 / .92); --hover: #e6d6b8;
  --btn: #2f241b; --btn-c: #f1e6d2; --chip: #f6eddc; --box: #eadcc4;
  --lo-ext: #5c4a36; --lo-mz: 0; --lo-in: #f1e6d2; --lo-l: #5c4a36; --lo-t: #2f241b; --lo-r: #8e4b3a; --lo-r2: #f1e6d2;
  --tr: #dcc0a8; --tr-c: #5c4a36; --tr2: #f1e6d2; --tr3: #8e4b3a; --tr-f: #8a7358; }
[data-stil="sepia"] body { background: #d9c8aa; font-size: 17.5px; }
[data-stil="sepia"] body::before { background: radial-gradient(ellipse at 50% 40%, transparent 40%, rgb(60 40 20 / .45)), linear-gradient(#e2d2b4, #cdb994); }
[data-stil="sepia"] body::after { content: ''; position: fixed; inset: -50%; z-index: -1; pointer-events: none; opacity: .22;
  background: url(img/tex-beton.webp) 0 0 / 300px; mix-blend-mode: multiply; animation: granule .8s steps(4) infinite; }
@keyframes granule { 0% { transform: translate(0, 0); } 25% { transform: translate(-3%, 2%); } 50% { transform: translate(2%, -3%); } 75% { transform: translate(-2%, -1%); } }
[data-stil="sepia"] .aur:not(.btn, .cta) { background: #5c4a36; }
[data-stil="sepia"] .card { border: 0; box-shadow: 0 0 0 1px #8a7358, 0 0 0 6px #f1e6d2, 0 0 0 7px #8a7358, 0 20px 40px rgb(60 40 20 / .3); }
[data-stil="sepia"] .card::before { display: none; }
[data-stil="sepia"] .banda { height: 3px; margin: -2rem 0 1.6rem; }
[data-stil="sepia"] h1 { font-style: italic; font-weight: 600; }
[data-stil="sepia"] h1 em { font-style: normal; color: var(--roz); }
[data-stil="sepia"] :is(.poza img, .portret img, .slides img, .galerie .t.foto img) { filter: sepia(.85) contrast(1.05) brightness(.97); }
[data-stil="sepia"] .poza, [data-stil="sepia"] .portret .rama { border-radius: 50%; padding: 8px; background: #efe2cc; box-shadow: 0 0 0 1px #8a7358, 0 8px 20px rgb(60 40 20 / .35); }
[data-stil="sepia"] .poza img, [data-stil="sepia"] .portret img { border-radius: 50%; }
[data-stil="sepia"] .poza { width: 116px; height: 150px; }
[data-stil="sepia"] :is(.slides button, .galerie figure) { background: #efe2cc; padding: 8px 8px 26px; box-shadow: 0 6px 16px rgb(60 40 20 / .3); }
[data-stil="sepia"] .slides span { top: auto; bottom: 3px; left: 50%; transform: translateX(-50%); background: none; color: var(--ink); font-style: italic; }
[data-stil="sepia"] .galerie figcaption { color: var(--ink); text-shadow: none; }
[data-stil="sepia"] .btn, [data-stil="sepia"] nav a.cta { border-radius: 0; box-shadow: none; text-shadow: none; }
[data-stil="sepia"] .btn.alb { background: transparent; box-shadow: inset 0 0 0 1px #2f241b; }

/* 15. Vitraliu — sticlă colorată între linii de plumb; lumina trece încet prin ea */
[data-stil="vitraliu"] { --ink: #1f1a24; --mut: #5b5162; --roz: #b5264c; --roz2: #f0b5c4; --aur: #1b1b1b; --aur2: #f5c542; --aur3: #1d5c8c; --crem: #fbf6ec;
  --ft: Cinzel, serif; --fn: Cinzel, serif; --fb: 'Crimson Pro', Georgia, serif; --card: rgb(251 246 236 / .94); --hover: #efe6d4;
  --btn: #1d5c8c; --btn-c: #fff; --chip: #fff; --box: #fbe9ee;
  --lo-ext: #1d5c8c; --lo-mz: 0; --lo-in: #1b1b1b; --lo-l: #f5c542; --lo-t: #fbf6ec; --lo-r: #b5264c; --lo-r2: #f5c542;
  --tr: #b5264c; --tr-c: #1b1b1b; --tr2: #f5c542; --tr3: #fbf6ec; --tr-f: #2f7d4f; }
[data-stil="vitraliu"] body { background: #1b1b1b; font-size: 18px; }
[data-stil="vitraliu"] body::before { background: radial-gradient(ellipse at 50% 30%, rgb(255 250 230 / .25), transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23161616' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M0 0h120L60 60z' fill='%231d5c8c'/%3E%3Cpath d='M120 0v120L60 60z' fill='%23b5264c'/%3E%3Cpath d='M0 120h120L60 60z' fill='%232f7d4f'/%3E%3Cpath d='M0 0v120l60-60z' fill='%235a3d8a'/%3E%3Cpath d='M60 28l32 32-32 32-32-32z' fill='%23d9951e'/%3E%3Ccircle cx='60' cy='60' r='9' fill='%23f5c542'/%3E%3Ccircle cx='0' cy='0' r='14' fill='%23d9951e'/%3E%3Ccircle cx='120' cy='0' r='14' fill='%23d9951e'/%3E%3Ccircle cx='0' cy='120' r='14' fill='%23d9951e'/%3E%3Ccircle cx='120' cy='120' r='14' fill='%23d9951e'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 120px; }
[data-stil="vitraliu"] body::after { content: ''; position: fixed; inset: 0 -60%; z-index: -1; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgb(255 244 210 / .28) 47%, transparent 58%); animation: lumina 11s ease-in-out infinite alternate; }
@keyframes lumina { from { transform: translateX(-30%); } to { transform: translateX(30%); } }
[data-stil="vitraliu"] .aur:not(.btn, .cta) { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23161616' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M0 0h120L60 60z' fill='%231d5c8c'/%3E%3Cpath d='M120 0v120L60 60z' fill='%23b5264c'/%3E%3Cpath d='M0 120h120L60 60z' fill='%232f7d4f'/%3E%3Cpath d='M0 0v120l60-60z' fill='%235a3d8a'/%3E%3Cpath d='M60 28l32 32-32 32-32-32z' fill='%23d9951e'/%3E%3Ccircle cx='60' cy='60' r='9' fill='%23f5c542'/%3E%3Ccircle cx='0' cy='0' r='14' fill='%23d9951e'/%3E%3Ccircle cx='120' cy='0' r='14' fill='%23d9951e'/%3E%3Ccircle cx='0' cy='120' r='14' fill='%23d9951e'/%3E%3Ccircle cx='120' cy='120' r='14' fill='%23d9951e'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 48px; }
[data-stil="vitraliu"] .card { border: 5px solid #1b1b1b; border-radius: 14px; box-shadow: 0 0 0 2px #444, 0 20px 50px rgb(0 0 0 / .55); }
[data-stil="vitraliu"] .card::before { inset: 5px; border: 1px solid #d9951e; border-radius: 8px; }
[data-stil="vitraliu"] .banda { height: 18px; border-bottom: 4px solid #1b1b1b; border-radius: 8px 8px 0 0; }
[data-stil="vitraliu"] header { color: #fbf6ec; background: rgb(22 22 22 / .9); padding: .7rem 1rem; border-radius: 14px; box-shadow: 0 0 0 3px #1b1b1b; }
[data-stil="vitraliu"] header .nume small { color: #f5c542; }
[data-stil="vitraliu"] nav > a, [data-stil="vitraliu"] nav .dd > a { color: #fbf6ec; text-shadow: 0 1px 3px #000; }
[data-stil="vitraliu"] nav > a:hover, [data-stil="vitraliu"] nav a.on { color: #f5c542; border-color: #f5c542; }
[data-stil="vitraliu"] .dd .sub a { color: var(--ink); }
[data-stil="vitraliu"] footer { color: #efe6d4; background: rgb(27 27 27 / .85); padding: 1.2rem; border-radius: 14px; }
[data-stil="vitraliu"] h1 em { color: var(--roz); font-style: normal; }
/* pozele = ferestre gotice cu ramă de plumb */
[data-stil="vitraliu"] :is(.poza, .portret .rama, .slides button) { border-radius: 999px 999px 6px 6px; padding: 6px; outline: 4px solid #1b1b1b; outline-offset: -2px; }
[data-stil="vitraliu"] :is(.poza img, .portret img, .slides img) { border-radius: 999px 999px 3px 3px; }
[data-stil="vitraliu"] .galerie figure { border-radius: 10px; outline: 4px solid #1b1b1b; }
[data-stil="vitraliu"] .slides span { left: 50%; top: auto; bottom: 10px; transform: translateX(-50%); background: #1b1b1b; color: #f5c542; border-radius: 99px; }
[data-stil="vitraliu"] .btn, [data-stil="vitraliu"] nav a.cta { border-radius: 8px; box-shadow: 0 0 0 3px #1b1b1b; text-shadow: none; }
[data-stil="vitraliu"] .btn.alb { box-shadow: 0 0 0 3px #1b1b1b; }
[data-stil="vitraliu"] :is(.stil a, .pasi div) { border: 2px solid #1b1b1b; border-radius: 8px; }
[data-stil="vitraliu"] .burger { color: var(--ink); }

/* ============ SIMPLE ============ */

/* 16. Art Nouveau — afiș de epocă: crem, oliv, ocru, arcade înalte cu linie dublă */
[data-stil="art-nouveau"] { --ink: #3a3322; --mut: #6f674f; --roz: #b5654a; --roz2: #ecc6b0; --aur: #b88a3e; --aur2: #f4e6c4; --aur3: #6b7a4a; --crem: #f6ecd6;
  --ft: Federo, serif; --fn: Federo, serif; --fb: 'Alegreya Sans', system-ui, sans-serif; --card: rgb(246 236 214 / .95); --hover: #ecdfbf;
  --btn: #6b7a4a; --btn-c: #fbf5e6; --chip: #fbf5e6; --box: #f3ddd0;
  --lo-ext: #b88a3e; --lo-mz: 0; --lo-in: #6b7a4a; --lo-l: #f4e6c4; --lo-t: #fbf5e6; --lo-r: #b5654a; --lo-r2: #f4e6c4;
  --tr: #b5654a; --tr-c: #3a3322; --tr2: #ecc6b0; --tr3: #f4e6c4; --tr-f: #6b7a4a; }
[data-stil="art-nouveau"] body { background: #e8dab8; }
[data-stil="art-nouveau"] body::before { background: radial-gradient(circle at 50% 120%, transparent 30%, rgb(107 122 74 / .09) 30.5% 31%, transparent 31.5% 40%, rgb(107 122 74 / .09) 40.5% 41%, transparent 41.5%) 0 0 / 160px 80px, linear-gradient(#efe3c6, #e3d2ab); }
[data-stil="art-nouveau"] .aur:not(.btn, .cta) { background: #b88a3e radial-gradient(circle at 50% 100%, transparent 5px, #f4e6c4 5.5px 6.5px, transparent 7px) 0 0 / 16px 8px; }
[data-stil="art-nouveau"] .card { border: 2px solid #3a3322; border-radius: 120px 120px 6px 6px / 60px 60px 6px 6px; box-shadow: 0 16px 40px rgb(70 60 30 / .18); }
[data-stil="art-nouveau"] .card::before { inset: 7px; border: 1px solid #b88a3e; border-radius: 112px 112px 3px 3px / 54px 54px 3px 3px; }
[data-stil="art-nouveau"] .banda { height: 0; margin-bottom: 2.4rem; }
[data-stil="art-nouveau"] h1, [data-stil="art-nouveau"] h2 { font-weight: 400; letter-spacing: .04em; }
[data-stil="art-nouveau"] h1 em { font-style: normal; color: var(--roz); }
[data-stil="art-nouveau"] .eticheta { color: var(--roz); }
[data-stil="art-nouveau"] :is(.poza, .portret .rama, .slides button) { border-radius: 999px 999px 4px 4px; padding: 5px; outline: 2px solid #3a3322; outline-offset: 3px; }
[data-stil="art-nouveau"] :is(.poza img, .portret img, .slides img) { border-radius: 999px 999px 2px 2px; }
[data-stil="art-nouveau"] .slides { gap: 1.4rem; }
[data-stil="art-nouveau"] .slides span { left: 50%; top: auto; bottom: 10px; transform: translateX(-50%); border-radius: 99px; background: #6b7a4a; color: #fbf5e6; }
[data-stil="art-nouveau"] .btn, [data-stil="art-nouveau"] nav a.cta { border-radius: 99px; box-shadow: none; text-shadow: none; outline: 1px solid #3a3322; outline-offset: 3px; }
[data-stil="art-nouveau"] .btn.alb { background: transparent; box-shadow: inset 0 0 0 1px #3a3322; }
@media (max-width: 860px) { [data-stil="art-nouveau"] .card { border-radius: 60px 60px 6px 6px / 40px 40px 6px 6px; }
  [data-stil="art-nouveau"] .card::before { border-radius: 53px 53px 3px 3px / 34px 34px 3px 3px; } }

/* 17. Art Deco — negru și aur, evantaie, colțuri teșite */
[data-stil="art-deco"] { --ink: #efe6cf; --mut: #a99c7e; --roz: #e0a86a; --roz2: #4a3a24; --aur: #d4af37; --aur2: #f5e3a3; --aur3: #d4af37; --crem: #121212;
  --ft: Limelight, serif; --fn: 'Poiret One', sans-serif; --fb: 'Josefin Sans', system-ui, sans-serif; --card: #121212; --hover: #231e12;
  --btn: #d4af37; --btn-c: #121212; --chip: #171512; --box: #1b1812;
  --lo-ext: #d4af37; --lo-mz: 0; --lo-in: #121212; --lo-l: #d4af37; --lo-t: #f5e3a3; --lo-r: #d4af37; --lo-r2: #121212;
  --tr: #121212; --tr-c: #d4af37; --tr2: #d4af37; --tr3: #f5e3a3; --tr-f: #d4af37; }
[data-stil="art-deco"] body { background: #0a0a0a; }
[data-stil="art-deco"] body::before { background:
  radial-gradient(circle at 50% 100%, transparent 18px, rgb(212 175 55 / .22) 19px 20px, transparent 21px 30px, rgb(212 175 55 / .22) 31px 32px, transparent 33px 42px, rgb(212 175 55 / .22) 43px 44px, transparent 45px) 0 0 / 90px 45px,
  radial-gradient(circle at 50% 100%, transparent 18px, rgb(212 175 55 / .22) 19px 20px, transparent 21px 30px, rgb(212 175 55 / .22) 31px 32px, transparent 33px 42px, rgb(212 175 55 / .22) 43px 44px, transparent 45px) 45px 22.5px / 90px 45px, #0a0a0a; }
[data-stil="art-deco"] .aur:not(.btn, .cta) { background: repeating-linear-gradient(90deg, #d4af37 0 2px, transparent 2px 7px), #121212; }
[data-stil="art-deco"] .card { border: 2px solid #d4af37; clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px);
  box-shadow: none; }
[data-stil="art-deco"] .card::before { inset: 8px; border: 1px solid rgb(212 175 55 / .5); clip-path: inherit; }
[data-stil="art-deco"] .banda { height: 10px; margin: -2rem 2rem 1.6rem; }
[data-stil="art-deco"] h1, [data-stil="art-deco"] h2 { font-weight: 400; color: #d4af37; letter-spacing: .06em; text-transform: uppercase; }
[data-stil="art-deco"] h1 { font-size: clamp(2rem, 4.5vw, 3rem); }
[data-stil="art-deco"] h1 em { color: var(--ink); font-style: normal; }
[data-stil="art-deco"] .nume { font-weight: 400; letter-spacing: .3em; color: #d4af37; }
[data-stil="art-deco"] .nume small { color: var(--mut); }
[data-stil="art-deco"] .eticheta { color: var(--mut); }
[data-stil="art-deco"] :is(.poza, .portret .rama, .slides button, .galerie figure) { background: #d4af37; padding: 3px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px); border-radius: 0; box-shadow: none; }
[data-stil="art-deco"] :is(.poza img, .portret img, .slides img, .galerie figure .t) { border-radius: 0;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px); }
[data-stil="art-deco"] .slides span { left: 50%; transform: translateX(-50%); top: 3px; background: #121212; color: #d4af37; }
[data-stil="art-deco"] .galerie figcaption { color: #121212; text-shadow: none; }
[data-stil="art-deco"] .btn, [data-stil="art-deco"] nav a.cta { border-radius: 0; box-shadow: none; text-shadow: none; letter-spacing: .2em; }
[data-stil="art-deco"] .btn.alb { background: transparent; color: #d4af37; box-shadow: inset 0 0 0 1px #d4af37; }
[data-stil="art-deco"] :is(.stil a, .pasi div, .limba, .dd .sub, .online-box) { border-color: #d4af37; }

/* 18. Grimoriu — pergament, cerneală sepia, inițiale roșii ca în manuscrise */
[data-stil="pergament"] { --ink: #3b2614; --mut: #6f5638; --roz: #9c2a1c; --roz2: #e6c3a0; --aur: #7a5230; --aur2: #efd9b0; --aur3: #9c2a1c; --crem: #f1e2c2;
  --ft: 'IM Fell English SC', serif; --fn: 'IM Fell English SC', serif; --fb: 'IM Fell English', Georgia, serif; --card: rgb(244 230 200 / .7); --hover: #e7d2a8;
  --btn: #7a2a1c; --btn-c: #f6ead0; --chip: rgb(250 240 218 / .7); --box: rgb(236 214 180 / .7);
  --lo-ext: #7a5230; --lo-mz: 0; --lo-in: #f1e2c2; --lo-l: #7a5230; --lo-t: #3b2614; --lo-r: #9c2a1c; --lo-r2: #f1e2c2;
  --tr: #9c2a1c; --tr-c: #3b2614; --tr2: #efd9b0; --tr3: #3b2614; --tr-f: #5d6a3a; }
[data-stil="pergament"] body { background: #cdb485; font-size: 18.5px; }
[data-stil="pergament"] body::before { background: radial-gradient(ellipse at 50% 50%, transparent 55%, rgb(90 50 20 / .35)), url(img/tex-pergament.webp) 0 0 / 800px; }
[data-stil="pergament"] .aur:not(.btn, .cta) { background: #6b3f22 repeating-linear-gradient(90deg, rgb(255 230 190 / .08) 0 2px, transparent 2px 5px); }
[data-stil="pergament"] .card { border: 0; box-shadow: inset 0 0 40px rgb(120 70 30 / .35), 0 10px 30px rgb(60 30 10 / .25); border-radius: 3px; }
[data-stil="pergament"] .card::before { inset: 10px; border: 1px solid rgb(122 82 48 / .45); outline: 1px solid rgb(122 82 48 / .3); outline-offset: 3px; }
[data-stil="pergament"] .banda { height: 0; margin-bottom: 1rem; }
[data-stil="pergament"] h1 em { color: var(--roz); font-style: italic; }
[data-stil="pergament"] .despre p:first-of-type::first-letter { font: 400 4.4rem/.8 'IM Fell English SC', serif; color: #f6ead0; background: #9c2a1c; padding: .45rem .5rem .2rem; margin: .35rem .6rem 0 0;
  box-shadow: inset 0 0 0 2px #d9a94a; }
[data-stil="pergament"] :is(.poza img, .portret img, .slides img) { filter: sepia(.45) contrast(1.02); }
[data-stil="pergament"] :is(.poza, .portret .rama, .slides button, .galerie figure) { background: #6b3f22; padding: 4px; }
[data-stil="pergament"] .slides span { background: #9c2a1c; color: #f6ead0; }
[data-stil="pergament"] .btn, [data-stil="pergament"] nav a.cta { border-radius: 2px; box-shadow: 0 3px 0 #3b1a10; text-shadow: none; }
[data-stil="pergament"] .btn.alb { background: transparent; box-shadow: inset 0 0 0 1px #3b2614; }

/* 19. Catifea — budoar: catifea bordo, aur, rame ovale */
[data-stil="catifea"] { --ink: #f6e6e0; --mut: #d0aeb4; --roz: #f4b6c2; --roz2: #5c1a2c; --aur: #c79a3a; --aur2: #f7dc8c; --aur3: #e8c46a; --crem: #2a0a14;
  --ft: 'Bodoni Moda', serif; --fn: 'Bodoni Moda', serif; --fb: Lora, Georgia, serif; --card: rgb(36 8 18 / .78); --hover: #45121f;
  --btn: linear-gradient(180deg, #f7dc8c, #c79a3a 60%, #8a6420); --btn-c: #2a0a14; --chip: rgb(52 12 26 / .85); --box: rgb(60 16 30 / .8);
  --lo-ext: #c79a3a; --lo-mz: 0; --lo-in: #2a0a14; --lo-l: #f7dc8c; --lo-t: #f7dc8c; --lo-r: #f4b6c2; --lo-r2: #2a0a14;
  --tr: #f4b6c2; --tr-c: #c79a3a; --tr2: #fff; --tr3: #f7dc8c; --tr-f: #6a8a62; }
[data-stil="catifea"] body { background: #26060f; }
[data-stil="catifea"] body::before { background: url(img/tex-catifea.webp) 0 0 / 1100px; }
[data-stil="catifea"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, #8a6420, #f7dc8c 30%, #c79a3a 50%, #f7dc8c 70%, #8a6420); }
[data-stil="catifea"] .card { border: 1px solid rgb(199 154 58 / .55); border-radius: 4px; box-shadow: 0 24px 60px rgb(0 0 0 / .5); backdrop-filter: blur(4px); }
[data-stil="catifea"] .card::before { border-color: rgb(247 220 140 / .25); }
[data-stil="catifea"] .banda { height: 3px; }
[data-stil="catifea"] h1 { font-weight: 500; font-style: italic; }
[data-stil="catifea"] h1 em { color: var(--roz); }
[data-stil="catifea"] h2 { font-weight: 500; }
[data-stil="catifea"] .poza, [data-stil="catifea"] .portret .rama { border-radius: 50%; padding: 5px; box-shadow: 0 0 0 2px #2a0a14, 0 0 0 4px #c79a3a, 0 10px 30px rgb(0 0 0 / .5); }
[data-stil="catifea"] .poza img, [data-stil="catifea"] .portret img { border-radius: 50%; }
[data-stil="catifea"] .poza { width: 118px; height: 150px; }
[data-stil="catifea"] :is(.slides button, .galerie figure) { border-radius: 50% / 40%; padding: 5px; }
[data-stil="catifea"] .slides img { border-radius: 50% / 40%; }
[data-stil="catifea"] .slides span { left: 50%; top: auto; bottom: 8%; transform: translateX(-50%); border-radius: 99px; background: #2a0a14; color: #f7dc8c; }
[data-stil="catifea"] .galerie figure { border-radius: 18px; } [data-stil="catifea"] .galerie figure .t { border-radius: 14px; }
[data-stil="catifea"] .galerie figcaption { color: #2a0a14; text-shadow: none; }
[data-stil="catifea"] .btn, [data-stil="catifea"] nav a.cta { border-radius: 99px; box-shadow: 0 8px 24px rgb(0 0 0 / .35); text-shadow: none; }
[data-stil="catifea"] .btn.alb { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px #c79a3a; }
[data-stil="catifea"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: rgb(199 154 58 / .55); }

/* 20. Mozaic bizantin — tesere de aur și lapis, ca în mozaicurile care l-au inspirat pe Klimt */
[data-stil="mozaic"] { --ink: #1f2440; --mut: #555c80; --roz: #b83a4b; --roz2: #eab8bf; --aur: #c9a13b; --aur2: #f3dc8e; --aur3: #1f3f8a; --crem: #fbf5e6;
  --ft: 'Cinzel Decorative', serif; --fn: 'Cinzel Decorative', serif; --fb: Alegreya, Georgia, serif; --card: rgb(251 245 230 / .95); --hover: #efe4c6;
  --btn: #1f3f8a; --btn-c: #f3dc8e; --chip: #fffaf0; --box: #eef0fa;
  --lo-in: #1f3f8a; --lo-t: #f3dc8e; --tr: #b83a4b; --tr-c: #1f3f8a; --tr2: #f3dc8e; --tr3: #fbf5e6; --tr-f: #2f7a6a; }
[data-stil="mozaic"] body { background: #182f6b; font-size: 17.5px; }
/* teserele: pătrățele mici în nuanțe diferite (două grile decalate), cu rost închis între ele */
[data-stil="mozaic"] body::before, [data-stil="mozaic"] .aur:not(.btn, .cta) { background:
  linear-gradient(90deg, rgb(10 16 40 / .55) 1px, transparent 1px) 0 0 / 11px 11px, linear-gradient(rgb(10 16 40 / .55) 1px, transparent 1px) 0 0 / 11px 11px,
  conic-gradient(#1f3f8a 25%, #2a4fa0 0 50%, #183376 0 75%, #24479a 0) 0 0 / 22px 22px,
  conic-gradient(#28499c 25%, #1a3780 0 50%, #2d55a8 0 75%, #1c3a84 0) 11px 11px / 33px 33px; }
[data-stil="mozaic"] .aur:not(.btn, .cta) { background:
  linear-gradient(90deg, rgb(60 40 10 / .5) 1px, transparent 1px) 0 0 / 8px 8px, linear-gradient(rgb(60 40 10 / .5) 1px, transparent 1px) 0 0 / 8px 8px,
  conic-gradient(#c9a13b 25%, #e6c562 0 50%, #b08a2c 0 75%, #f3dc8e 0) 0 0 / 16px 16px,
  conic-gradient(#d8b24a 25%, #a88428 0 50%, #eccf72 0 75%, #c19a35 0) 8px 8px / 24px 24px; }
[data-stil="mozaic"] header { color: #fbf5e6; }
[data-stil="mozaic"] header .nume small { color: #f3dc8e; }
[data-stil="mozaic"] nav > a, [data-stil="mozaic"] nav .dd > a { color: #fbf5e6; }
[data-stil="mozaic"] nav > a:hover, [data-stil="mozaic"] nav a.on { color: #f3dc8e; border-color: #f3dc8e; }
[data-stil="mozaic"] .dd .sub a { color: var(--ink); }
[data-stil="mozaic"] footer { color: #e8e2cc; }
[data-stil="mozaic"] .card { border: 0; box-shadow: 0 20px 50px rgb(0 0 0 / .45); }
[data-stil="mozaic"] .card::before { inset: 8px; border: 2px solid #c9a13b; }
[data-stil="mozaic"] .banda { height: 22px; }
[data-stil="mozaic"] h1, [data-stil="mozaic"] h2 { font-weight: 700; color: #1f3f8a; }
[data-stil="mozaic"] h1 em { color: var(--roz); font-style: normal; }
[data-stil="mozaic"] .poza, [data-stil="mozaic"] .portret .rama { padding: 9px; }
[data-stil="mozaic"] .btn, [data-stil="mozaic"] nav a.cta { border-radius: 0; text-shadow: none; }
[data-stil="mozaic"] .burger { color: var(--ink); }

/* 21. Boho teracotă — nisip, teracotă, arcade și un soare */
[data-stil="boho"] { --ink: #3d2a20; --mut: #7d6555; --roz: #c1693c; --roz2: #efc9ae; --aur: #d9a77f; --aur2: #fbf1e6; --aur3: #a0522d; --crem: #f7eee3;
  --ft: Gloock, serif; --fn: Gloock, serif; --fb: Poppins, system-ui, sans-serif; --card: #f7eee3; --hover: #efe0cc;
  --btn: #c1693c; --btn-c: #fff; --chip: #fbf5ec; --box: #f4dccb;
  --lo-ext: #c1693c; --lo-mz: 0; --lo-in: #f7eee3; --lo-l: #a0522d; --lo-t: #3d2a20; --lo-r: #d9a77f; --lo-r2: #f7eee3;
  --tr: #d9a77f; --tr-c: #a0522d; --tr2: #f7eee3; --tr3: #c1693c; --tr-f: #8a8a5a; }
[data-stil="boho"] body { background: #ecdcc8; font-size: 16px; }
[data-stil="boho"] body::before { background: radial-gradient(circle at 4% 96%, #e9a36f 0 70px, rgb(233 163 111 / .25) 71px 110px, transparent 111px), linear-gradient(#f1e4d2, #e6d2ba); }
[data-stil="boho"] .aur:not(.btn, .cta) { background: repeating-linear-gradient(90deg, #c1693c 0 22px, #d9a77f 22px 44px, #8a8a5a 44px 66px, #efc9ae 66px 88px); }
[data-stil="boho"] .card { border: 0; border-radius: 28px; box-shadow: 0 10px 30px rgb(120 70 40 / .12); }
[data-stil="boho"] .card::before { display: none; }
[data-stil="boho"] .banda { height: 8px; border-radius: 28px 28px 0 0; }
[data-stil="boho"] h1, [data-stil="boho"] h2 { font-weight: 400; }
[data-stil="boho"] h1 em { font-style: italic; }
[data-stil="boho"] :is(.poza, .portret .rama, .slides button) { border-radius: 999px 999px 0 0; padding: 0; background: none; box-shadow: none; }
[data-stil="boho"] :is(.poza img, .portret img, .slides img) { border-radius: 999px 999px 0 0; }
[data-stil="boho"] .galerie figure { border-radius: 22px; padding: 0; background: none; } [data-stil="boho"] .galerie figure .t { border-radius: 22px; background: #efe0cc; }
[data-stil="boho"] .galerie figcaption { color: var(--ink); text-shadow: none; }
[data-stil="boho"] .slides span { left: 50%; top: auto; bottom: 10px; transform: translateX(-50%); border-radius: 99px; background: #f7eee3; color: #a0522d; }
[data-stil="boho"] .btn, [data-stil="boho"] nav a.cta { border-radius: 99px; box-shadow: none; text-shadow: none; }
[data-stil="boho"] .btn.alb { background: transparent; box-shadow: inset 0 0 0 1.5px #c1693c; color: #c1693c; }
[data-stil="boho"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: #d9a77f; border-radius: 16px; }
[data-stil="boho"] .limba, [data-stil="boho"] .dd .sub { overflow: hidden; }

/* 22. Gotic — negru, roșu închis, litere gotice, ferestre ascuțite */
[data-stil="gotic"] { --ink: #e9e2e2; --mut: #a39696; --roz: #c22a3a; --roz2: #4a1018; --aur: #8f8a8a; --aur2: #e9e2e2; --aur3: #c22a3a; --crem: #120e0f;
  --ft: 'Grenze Gotisch', serif; --fn: 'Grenze Gotisch', serif; --fb: Spectral, Georgia, serif; --card: rgb(18 14 15 / .92); --hover: #2a1a1d;
  --btn: #8b1a1a; --btn-c: #f4eaea; --chip: #1a1415; --box: #221417;
  --lo-ext: #8f8a8a; --lo-mz: 0; --lo-in: #120e0f; --lo-l: #c22a3a; --lo-t: #e9e2e2; --lo-r: #8b1a1a; --lo-r2: #e9e2e2;
  --tr: #8b1a1a; --tr-c: #120e0f; --tr2: #e9a0a8; --tr3: #120e0f; --tr-f: #4a5a4a; }
[data-stil="gotic"] body { background: #0a0808; font-size: 17.5px; }
[data-stil="gotic"] body::before { background: radial-gradient(ellipse at 50% -20%, rgb(139 26 26 / .35), transparent 60%), #0a0808; }
[data-stil="gotic"] .aur:not(.btn, .cta) { background: linear-gradient(90deg, #3a3434, #8f8a8a 50%, #3a3434); }
[data-stil="gotic"] .card { border: 1px solid #3a2a2d; box-shadow: 0 30px 70px rgb(0 0 0 / .7); }
[data-stil="gotic"] .card::before { inset: 6px; border-color: rgb(194 42 58 / .35); }
[data-stil="gotic"] .banda { height: 2px; }
[data-stil="gotic"] h1, [data-stil="gotic"] h2 { font-weight: 500; }
[data-stil="gotic"] h1 { font-size: clamp(2.4rem, 5.5vw, 3.8rem); }
[data-stil="gotic"] h1 em { color: var(--roz); font-style: normal; }
[data-stil="gotic"] .nume { font-size: 2.3rem; letter-spacing: .04em; }
[data-stil="gotic"] .despre p:first-of-type::first-letter { font-family: 'Grenze Gotisch', serif; color: var(--roz); font-size: 4.2rem; }
/* ferestre gotice: arc frânt (ogivă) */
[data-stil="gotic"] :is(.poza, .portret .rama, .slides button) { border-radius: 0; padding: 3px;
  clip-path: polygon(50% 0, 64% 3%, 76% 9%, 86% 18%, 94% 29%, 99% 41%, 100% 50%, 100% 100%, 0 100%, 0 50%, 1% 41%, 6% 29%, 14% 18%, 24% 9%, 36% 3%); }
[data-stil="gotic"] :is(.poza img, .portret img, .slides img) { border-radius: 0;
  clip-path: polygon(50% 0, 64% 3%, 76% 9%, 86% 18%, 94% 29%, 99% 41%, 100% 50%, 100% 100%, 0 100%, 0 50%, 1% 41%, 6% 29%, 14% 18%, 24% 9%, 36% 3%); }
[data-stil="gotic"] .slides span { left: 50%; top: auto; bottom: 8px; transform: translateX(-50%); background: #8b1a1a; color: #fff; }
[data-stil="gotic"] .galerie figcaption { color: #120e0f; text-shadow: none; }
[data-stil="gotic"] .btn, [data-stil="gotic"] nav a.cta { border-radius: 0; box-shadow: none; text-shadow: none; }
[data-stil="gotic"] .btn.alb { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px #8f8a8a; }
[data-stil="gotic"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: #3a2a2d; }

/* 23. Caiet de schițe — hârtie cu pătrățele, scris de mână, poze prinse cu bandă adezivă */
[data-stil="schita"] { --ink: #2b2b33; --mut: #6b6b78; --roz: #e0457b; --roz2: #f7c2d4; --aur: #2b2b33; --aur2: #fff; --aur3: #3a5fcd; --crem: #fffdf6;
  --ft: Caveat, cursive; --fn: Caveat, cursive; --fb: 'Patrick Hand', system-ui, sans-serif; --card: #fffdf6; --hover: #f3f0e2;
  --btn: #3a5fcd; --btn-c: #fff; --chip: #fff; --box: #fdeef3;
  --lo-ext: #fffdf6; --lo-mz: 0; --lo-in: #fffdf6; --lo-l: #2b2b33; --lo-t: #2b2b33; --lo-r: #e0457b; --lo-r2: #fffdf6;
  --tr: #fffdf6; --tr-c: #2b2b33; --tr2: #e0457b; --tr3: #3a5fcd; --tr-f: #5a9a6a; }
[data-stil="schita"] body { background: #f3f1e8; font-size: 19px; }
[data-stil="schita"] body::before { background: linear-gradient(90deg, rgb(58 95 205 / .12) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(rgb(58 95 205 / .12) 1px, transparent 1px) 0 0 / 24px 24px, #f7f5ec; }
[data-stil="schita"] .aur:not(.btn, .cta) { background: repeating-linear-gradient(-45deg, #2b2b33 0 1.5px, transparent 1.5px 6px); }
[data-stil="schita"] .card { border: 2px solid #2b2b33; border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px; box-shadow: 4px 5px 0 rgb(43 43 51 / .85); }
[data-stil="schita"] .card::before { display: none; }
[data-stil="schita"] .banda { height: 0; margin-bottom: .6rem; }
[data-stil="schita"] h1, [data-stil="schita"] h2 { font-weight: 700; }
[data-stil="schita"] h1 { font-size: clamp(2.8rem, 6vw, 4.2rem); }
[data-stil="schita"] h1 em { font-style: normal; color: var(--roz); background: linear-gradient(transparent 60%, #fff27a 60% 88%, transparent 88%); }
[data-stil="schita"] .nume { font-size: 2.6rem; letter-spacing: .02em; font-weight: 700; }
[data-stil="schita"] .despre p:first-of-type::first-letter { float: none; font: inherit; color: inherit; padding: 0; }
[data-stil="schita"] :is(.poza, .portret .rama, .slides button, .galerie figure) { background: #fff; padding: 7px; box-shadow: 2px 3px 8px rgb(0 0 0 / .2); border-radius: 2px; position: relative; }
[data-stil="schita"] :is(.poza img, .portret img, .slides img, .galerie figure .t) { border-radius: 0; }
[data-stil="schita"] :is(.portret .rama, .slides button, .galerie figure)::after { content: ''; position: absolute; top: -10px; left: 50%; width: 70px; height: 22px; margin-left: -35px;
  background: rgb(255 242 122 / .75); transform: rotate(-4deg); box-shadow: 0 1px 2px rgb(0 0 0 / .15); }
[data-stil="schita"] .slides button:nth-child(odd) { transform: rotate(-1.5deg); } [data-stil="schita"] .slides button:nth-child(even) { transform: rotate(1.2deg); }
[data-stil="schita"] .portret .rama { transform: rotate(2deg); }
[data-stil="schita"] .slides span { background: none; color: var(--roz); font: 700 1.5rem Caveat, cursive; }
[data-stil="schita"] .galerie figcaption { color: var(--ink); text-shadow: none; font-family: Caveat, cursive; font-size: 1.4rem; }
[data-stil="schita"] .btn, [data-stil="schita"] nav a.cta { border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px; box-shadow: 3px 3px 0 #2b2b33; text-shadow: none; outline: 2px solid #2b2b33; outline-offset: -2px; }
[data-stil="schita"] .btn.alb { box-shadow: 3px 3px 0 #2b2b33; }
[data-stil="schita"] :is(.stil a, .pasi div) { border: 2px solid #2b2b33; border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px; }

/* 24. Beton — industrial, brutalist: beton, negru, alb, poze alb-negru care se colorează la atingere */
[data-stil="beton"] { --ink: #111; --mut: #555; --roz: #ff3b30; --roz2: #ffc6c2; --aur: #111; --aur2: #fff; --aur3: #111; --crem: #fff;
  --ft: 'Archivo Black', sans-serif; --fn: 'Archivo Black', sans-serif; --fb: 'IBM Plex Mono', ui-monospace, monospace; --card: #fff; --hover: #eee;
  --btn: #111; --btn-c: #fff; --chip: #fff; --box: #fff0ef;
  --lo-ext: #111; --lo-mz: 0; --lo-in: #fff; --lo-l: #111; --lo-t: #111; --lo-r: #ff3b30; --lo-r2: #fff;
  --tr: #fff; --tr-c: #111; --tr2: #111; --tr3: #ff3b30; --tr-f: #111; }
[data-stil="beton"] body { background: #9f9e9a; font-size: 15px; }
[data-stil="beton"] body::before { background: url(img/tex-beton.webp) 0 0 / 700px; }
[data-stil="beton"] .aur:not(.btn, .cta) { background: #111; }
[data-stil="beton"] .card { border: 3px solid #111; box-shadow: 10px 10px 0 #111; }
[data-stil="beton"] .card::before { display: none; }
[data-stil="beton"] .banda { height: 0; margin-bottom: 1rem; }
[data-stil="beton"] h1, [data-stil="beton"] h2 { font-weight: 400; text-transform: uppercase; letter-spacing: -.01em; }
[data-stil="beton"] h1 { font-size: clamp(2.2rem, 5.5vw, 3.8rem); }
[data-stil="beton"] h1 em { font-style: normal; color: var(--roz); }
[data-stil="beton"] .nume { letter-spacing: -.01em; }
[data-stil="beton"] .despre p:first-of-type::first-letter { float: none; font: inherit; color: inherit; padding: 0; }
[data-stil="beton"] :is(.poza, .portret .rama, .slides button, .galerie figure) { padding: 0; border: 3px solid #111; border-radius: 0; box-shadow: none; }
[data-stil="beton"] :is(.poza img, .portret img, .slides img, .galerie .t.foto img) { border-radius: 0; filter: grayscale(1) contrast(1.1); transition: filter .3s; }
[data-stil="beton"] :is(.slides button:hover img, .galerie .t.foto button:hover img, .portret:hover img) { filter: none; }
[data-stil="beton"] .galerie figure .t { border-radius: 0; background: #fff; }
[data-stil="beton"] .galerie figcaption { color: #fff; text-shadow: none; background: #111; margin: 0; padding: .3rem .5rem; }
[data-stil="beton"] .slides span { left: 0; top: 0; background: #ff3b30; color: #fff; font: 700 .9rem 'IBM Plex Mono', monospace; }
[data-stil="beton"] .btn, [data-stil="beton"] nav a.cta { border-radius: 0; box-shadow: 4px 4px 0 #ff3b30; text-shadow: none; }
[data-stil="beton"] .btn.alb { box-shadow: inset 0 0 0 3px #111, 4px 4px 0 #111; }
[data-stil="beton"] :is(.stil a, .pasi div, .limba, .dd .sub, .online-box) { border: 2px solid #111; }

/* 25. Risograf — tipar în două culori (roz fluo + albastru), puncte de raster, culori ușor decalate */
[data-stil="riso"] { --ink: #1c2a6b; --mut: #4a5794; --roz: #ff4f8b; --roz2: #ffc2d6; --aur: #1c2a6b; --aur2: #fff; --aur3: #ff4f8b; --crem: #f6f1e7;
  --ft: 'Bricolage Grotesque', sans-serif; --fn: 'Bricolage Grotesque', sans-serif; --fb: 'Space Mono', ui-monospace, monospace; --card: #f6f1e7; --hover: #ffe0ea;
  --btn: #ff4f8b; --btn-c: #1c2a6b; --chip: #fff; --box: #ffe3ec;
  --lo-ext: #ff4f8b; --lo-mz: 0; --lo-in: #1c2a6b; --lo-l: #f6f1e7; --lo-t: #f6f1e7; --lo-r: #ff4f8b; --lo-r2: #f6f1e7;
  --tr: #ff4f8b; --tr-c: #1c2a6b; --tr2: #f6f1e7; --tr3: #1c2a6b; --tr-f: #1c2a6b; }
[data-stil="riso"] body { background: #efe8d8; font-size: 15px; }
[data-stil="riso"] body::before { background: radial-gradient(circle, rgb(255 79 139 / .28) 1.2px, transparent 1.6px) 0 0 / 8px 8px, radial-gradient(circle, rgb(28 42 107 / .14) 1px, transparent 1.4px) 4px 4px / 8px 8px, #f3ecdc; }
[data-stil="riso"] .aur:not(.btn, .cta) { background: radial-gradient(circle, #1c2a6b 1.6px, transparent 2px) 0 0 / 6px 6px, #ff4f8b; }
[data-stil="riso"] .card { border: 0; box-shadow: 8px 8px 0 #ff4f8b, 8px 8px 0 2px #1c2a6b; border-radius: 0; outline: 2px solid #1c2a6b; }
[data-stil="riso"] .card::before { display: none; }
[data-stil="riso"] h1, [data-stil="riso"] h2 { font-weight: 800; letter-spacing: -.02em; text-shadow: 3px 2px 0 rgb(255 79 139 / .75); }
[data-stil="riso"] h1 { font-size: clamp(2.4rem, 6vw, 4rem); }
[data-stil="riso"] h1 em { font-style: normal; color: var(--roz); text-shadow: -3px -2px 0 rgb(28 42 107 / .6); }
[data-stil="riso"] .nume { font-weight: 800; letter-spacing: -.01em; text-shadow: 2px 2px 0 #ff4f8b; }
[data-stil="riso"] .despre p:first-of-type::first-letter { float: none; font: inherit; color: inherit; padding: 0; }
[data-stil="riso"] :is(.poza, .portret .rama, .slides button, .galerie figure) { padding: 0; background: #ff4f8b; box-shadow: 6px 6px 0 #1c2a6b; border-radius: 0; }
[data-stil="riso"] :is(.poza img, .portret img, .slides img, .galerie .t.foto img) { border-radius: 0; mix-blend-mode: multiply; filter: grayscale(1) contrast(1.2); }
[data-stil="riso"] .galerie figure .t { border-radius: 0; background: #f6f1e7; }
[data-stil="riso"] .galerie figcaption { color: #1c2a6b; text-shadow: none; }
[data-stil="riso"] .slides span { background: #1c2a6b; color: #f6f1e7; left: 0; top: 0; }
[data-stil="riso"] .btn, [data-stil="riso"] nav a.cta { border-radius: 0; box-shadow: 4px 4px 0 #1c2a6b; text-shadow: none; font-weight: 700; }
[data-stil="riso"] .btn.alb { background: #f6f1e7; box-shadow: inset 0 0 0 2px #1c2a6b, 4px 4px 0 #ff4f8b; }
[data-stil="riso"] :is(.stil a, .pasi div, .limba, .dd .sub, .online-box) { border: 2px solid #1c2a6b; }

/* 26. Marmură și rose gold — lux simplu: marmură albă, linii fine rose gold */
[data-stil="marmura-alba"] { --ink: #3a2f30; --mut: #7d6f70; --roz: #b76e79; --roz2: #ecd0d3; --aur: #c99a8a; --aur2: #fbf2ee; --aur3: #b76e79; --crem: #fcfaf8;
  --ft: Italiana, serif; --fn: Italiana, serif; --fb: Montserrat, system-ui, sans-serif; --card: rgb(255 255 255 / .8); --hover: #f6ecea;
  --btn: linear-gradient(135deg, #e8b4a8, #b76e79 60%, #a55d68); --btn-c: #fff; --chip: rgb(255 255 255 / .8); --box: #fbeef0;
  --lo-ext: #d9a3a0; --lo-mz: 0; --lo-in: #fff; --lo-l: #b76e79; --lo-t: #3a2f30; --lo-r: #b76e79; --lo-r2: #fff;
  --tr: #ecd0d3; --tr-c: #b76e79; --tr2: #fff; --tr3: #b76e79; --tr-f: #a8b8a0; }
[data-stil="marmura-alba"] body { background: #eeeae4; font-size: 15.5px; }
[data-stil="marmura-alba"] body::before { background: url(img/tex-marmura-alba.webp) 0 0 / 1000px; }
[data-stil="marmura-alba"] .aur:not(.btn, .cta) { background: linear-gradient(135deg, #f3d0c4, #c99a8a 40%, #f6ddd4 60%, #b76e79); }
[data-stil="marmura-alba"] .card { border: 1px solid rgb(183 110 121 / .35); box-shadow: 0 20px 50px rgb(120 90 90 / .12); backdrop-filter: blur(4px); }
[data-stil="marmura-alba"] .card::before { display: none; }
[data-stil="marmura-alba"] .banda { height: 2px; margin: -2rem 30% 2rem; }
[data-stil="marmura-alba"] h1, [data-stil="marmura-alba"] h2 { font-weight: 400; letter-spacing: .04em; }
[data-stil="marmura-alba"] h1 em { font-style: normal; }
[data-stil="marmura-alba"] .nume { letter-spacing: .2em; }
[data-stil="marmura-alba"] .despre p:first-of-type::first-letter { font-family: Italiana, serif; font-weight: 400; }
[data-stil="marmura-alba"] :is(.poza, .portret .rama, .slides button, .galerie figure) { padding: 2px; }
[data-stil="marmura-alba"] .btn, [data-stil="marmura-alba"] nav a.cta { border-radius: 0; box-shadow: none; text-shadow: none; letter-spacing: .22em; font-size: .8rem; }
[data-stil="marmura-alba"] .btn.alb { background: transparent; box-shadow: inset 0 0 0 1px #b76e79; color: #b76e79; }
[data-stil="marmura-alba"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: rgb(183 110 121 / .45); }
[data-stil="marmura-alba"] .slides span { background: rgb(255 255 255 / .9); color: #b76e79; }

/* 27. Acuarelă — pete de acuarelă pe hârtie, margini desenate de mână, scris caligrafic */
[data-stil="acuarela"] { --ink: #3a3040; --mut: #756a7a; --roz: #d0537f; --roz2: #f5c3d3; --aur: #e8a9bd; --aur2: #fff; --aur3: #9b6bb5; --crem: #fffdfb;
  --ft: 'Cormorant Garamond', serif; --fn: Parisienne, cursive; --fb: Nunito, system-ui, sans-serif; --card: rgb(255 253 251 / .82); --hover: #fbeef2;
  --btn: linear-gradient(135deg, #f19bb8, #d0537f); --btn-c: #fff; --chip: rgb(255 255 255 / .75); --box: rgb(252 236 242 / .8);
  --lo-ext: #f5c3d3; --lo-mz: 0; --lo-in: #fff; --lo-l: #9b6bb5; --lo-t: #3a3040; --lo-r: #d0537f; --lo-r2: #fff;
  --tr: #f5c3d3; --tr-c: #d0537f; --tr2: #fff; --tr3: #9b6bb5; --tr-f: #8fbf9a; }
[data-stil="acuarela"] body { background: #fbf6f2; font-size: 16.5px; }
[data-stil="acuarela"] body::before { background: url(img/tex-acuarela.webp) 0 0 / 900px; }
[data-stil="acuarela"] .aur:not(.btn, .cta) { background: radial-gradient(ellipse at 30% 40%, #f5c3d3, transparent 60%), radial-gradient(ellipse at 70% 60%, #cdb8e6, transparent 60%), radial-gradient(ellipse at 50% 50%, #f6d6b8, #fbe7ee); }
[data-stil="acuarela"] .card { border: 0; border-radius: 30px 8px 34px 10px / 10px 32px 8px 30px; box-shadow: 0 12px 34px rgb(160 110 150 / .15); }
[data-stil="acuarela"] .card::before { inset: 8px; border: 1.5px solid rgb(155 107 181 / .35); border-radius: 26px 6px 30px 8px / 8px 28px 6px 26px; }
[data-stil="acuarela"] .banda { height: 0; margin-bottom: .8rem; }
[data-stil="acuarela"] h1 { font-weight: 500; font-style: italic; }
[data-stil="acuarela"] h1 em { font-family: Parisienne, cursive; font-style: normal; font-weight: 400; font-size: 1.2em; }
[data-stil="acuarela"] .nume { font-size: 2.6rem; letter-spacing: 0; }
[data-stil="acuarela"] :is(.poza, .portret .rama, .slides button, .galerie figure) { border-radius: 42% 58% 55% 45% / 45% 40% 60% 55%; padding: 7px; }
[data-stil="acuarela"] :is(.poza img, .portret img, .slides img, .galerie figure .t) { border-radius: 42% 58% 55% 45% / 45% 40% 60% 55%; }
[data-stil="acuarela"] .slides span { border-radius: 50%; left: 14%; top: 10%; background: #fff; color: #d0537f; font-family: Parisienne, cursive; }
[data-stil="acuarela"] .galerie figcaption { color: var(--ink); text-shadow: none; justify-content: center; gap: .5rem; }
[data-stil="acuarela"] .btn, [data-stil="acuarela"] nav a.cta { border-radius: 99px; box-shadow: 0 8px 20px rgb(208 83 127 / .25); text-shadow: none; }
[data-stil="acuarela"] .btn.alb { background: rgb(255 255 255 / .8); }

@media (max-width: 860px) {
  [data-stil="sepia"] .poza, [data-stil="catifea"] .poza { width: 84px; height: 112px; }
  [data-stil="vitraliu"] header { padding: .5rem .7rem; }
}

/* ============ BAROC PE MARMURĂ — 10 VARIANTE (m-*, 28 sept 2026) ============
   Rame rococo în formă de cartuș peste poza din antet și peste portret: img/rama-c1..c5 generate în Canva (foto-realiste),
   img/rama-s1..s5 desenate de noi (unelte/rame_svg.py). Rama se pune ca strat deasupra (::after); poza stă în golul ramei
   (--gx/--gy/--gw/--gh, în % din ramă, scoase de unelte/rame_decupaj.py) și e decupată după el (masca rama-*-m.webp).
   Logoul adevărat al Ramonei (img/logo-ramoona.webp, alb pe transparent) e folosit ca mască: culoarea = --logo. */
:is([data-stil^="m-"]) { --ink: #f1e8d6; --mut: #b9ad96; --roz: #e9b8c3; --roz2: #5c3a45; --aur: #b3842c; --aur2: #f7dc8c; --aur3: #e0bf6a; --crem: #141213;
  --ft: 'Playfair Display', serif; --fn: 'Pinyon Script', cursive; --fb: 'EB Garamond', Georgia, serif; --card: rgb(14 12 13 / .8); --hover: #2a2419;
  --btn: linear-gradient(180deg, #f7dc8c, #c99a38 50%, #8a6420); --btn-c: #1b1206; --chip: rgb(30 26 22 / .9); --box: rgb(40 30 22 / .85);
  --tr: #e9b8c3; --tr-c: #b3842c; --tr2: #fff; --tr3: #f7dc8c; --tr-f: #6f8a62;
  --metal: linear-gradient(135deg, #6e4e14, #f7dc8c 30%, #b3842c 50%, #f7dc8c 70%, #6e4e14); --logo: linear-gradient(180deg, #fff6d6, #f1d58a 55%, #c99a38);
  --fond: #0b0a0a; --marmura: url(img/tex-marmura-neagra.webp); --umbra: rgb(0 0 0 / .5); }
/* variantele deschise (marmură albă, roz, crem) */
:is([data-stil="m-rosa"], [data-stil="m-onix"], [data-stil^="m-calacatta"], [data-stil="m-travertin"]) {
  --ink: #2a2118; --mut: #6f6353; --roz: #a8455f; --roz2: #e8c3cc; --aur3: #8a6420; --crem: #faf7f2;
  --card: rgb(252 250 246 / .84); --hover: #f1e7cf; --chip: #fffdf8; --box: #f7ecee; --umbra: rgb(60 40 20 / .2);
  --logo: linear-gradient(180deg, #3a2a14, #1c140a); }
[data-stil^="m-"] body { background: var(--fond); font-size: 18px; }
[data-stil^="m-"] body::before { background: radial-gradient(ellipse at 50% -10%, rgb(255 240 200 / .1), transparent 60%), var(--marmura) 0 0 / 1000px; }
[data-stil^="m-"] .aur:not(.btn, .cta) { background: var(--metal); }
[data-stil^="m-"] .card { border: 1px solid color-mix(in srgb, var(--aur) 70%, transparent); box-shadow: 0 24px 60px var(--umbra); backdrop-filter: blur(2px); }
[data-stil^="m-"] .card::before { inset: 7px; border: 1px solid color-mix(in srgb, var(--aur2) 35%, transparent); }
[data-stil^="m-"] .banda { height: 3px; margin-bottom: 1.8rem; }
[data-stil^="m-"] h1 { font-weight: 600; }
[data-stil^="m-"] h1 em { font-family: var(--fn); font-weight: 400; font-size: 1.25em; color: var(--aur3); }
[data-stil^="m-"] .eticheta { color: var(--aur3); }
[data-stil^="m-"] .despre p:first-of-type::first-letter { font-family: var(--fn); font-size: 4.4rem; color: var(--aur3); }
[data-stil^="m-"] .btn.alb { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px var(--aur); text-shadow: none; }
[data-stil^="m-"] :is(.stil a, .pasi div, .limba, .dd .sub) { border-color: color-mix(in srgb, var(--aur) 60%, transparent); }

/* antet: logoul adevărat în locul celui provizoriu; numele scris nu mai e nevoie (e în logo) */
[data-stil^="m-"] .brand .logo, [data-stil^="m-"] .nume { display: none; }
[data-stil^="m-"] .logo-real { display: block; width: 230px; aspect-ratio: 761 / 358; flex: none; background: var(--logo);
  -webkit-mask: url(img/logo-ramoona.webp) center / contain no-repeat; mask: url(img/logo-ramoona.webp) center / contain no-repeat;
  filter: drop-shadow(0 2px 3px var(--umbra)); }

/* poza din antet și portretul mare: aceeași ramă standard ca „Drumul meu” și portofoliul (filet subțire de metal) */
[data-stil^="m-"] :is(.poza, .portret .rama) { display: block; padding: 4px; border: 0; border-radius: 0; background: var(--metal) !important; height: auto;
  box-shadow: 0 10px 22px var(--umbra), inset 0 0 0 1px rgb(0 0 0 / .35); outline: 1px solid color-mix(in srgb, var(--aur2) 45%, transparent); outline-offset: 3px; }
[data-stil^="m-"] .poza { width: 112px; }
[data-stil^="m-"] :is(.poza img, .portret img) { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; object-position: 50% 22%; border-radius: 0; display: block; }

/* varianta „cu ramă-cartuș” (m-*-cartus): rama-cartuș rococo peste poza din antet și portret, cum era înainte */
[data-stil$="-cartus"] :is(.poza, .portret .rama) { position: relative; display: block; padding: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none;
  background: none !important; aspect-ratio: var(--ar); height: auto; filter: drop-shadow(0 10px 14px var(--umbra)); }
[data-stil$="-cartus"] .poza { width: 124px; }
[data-stil$="-cartus"] :is(.poza, .portret .rama)::after { content: ''; position: absolute; inset: 0; background: var(--rama) center / 100% 100% no-repeat; pointer-events: none; }
[data-stil$="-cartus"] :is(.poza img, .portret img) { aspect-ratio: auto; position: absolute; left: calc(var(--gx) * 1%); top: calc(var(--gy) * 1%); width: calc(var(--gw) * 1%); height: calc(var(--gh) * 1%);
  object-fit: cover; object-position: 50% 22%; border-radius: 0; background: #17120d;
  -webkit-mask: var(--masca) no-repeat; mask: var(--masca) no-repeat;
  -webkit-mask-size: calc(10000% / var(--gw)) calc(10000% / var(--gh)); mask-size: calc(10000% / var(--gw)) calc(10000% / var(--gh));
  -webkit-mask-position: calc(100% * var(--gx) / (100 - var(--gw))) calc(100% * var(--gy) / (100 - var(--gh)));
  mask-position: calc(100% * var(--gx) / (100 - var(--gw))) calc(100% * var(--gy) / (100 - var(--gh))); }
[data-stil^="m-"] .portret svg { display: none; }
[data-stil^="m-"] .portret { width: 100%; }
[data-stil^="m-"] .portret .rama { width: 100%; max-width: 440px; margin: 0 auto; }  /* poza e absolută → lățimea trebuie dată explicit */

/* „Drumul meu” și portofoliul: filet subțire de metal (rama-cartuș ar tăia desenele pătrate) */
[data-stil^="m-"] :is(.slides button, .galerie figure) { padding: 4px; border: 0; border-radius: 0; background: var(--metal) !important;
  box-shadow: 0 10px 22px var(--umbra), inset 0 0 0 1px rgb(0 0 0 / .35); outline: 1px solid color-mix(in srgb, var(--aur2) 45%, transparent); outline-offset: 3px; }
[data-stil^="m-"] :is(.slides img, .galerie figure .t, .galerie .t.foto img) { border-radius: 0; }
[data-stil^="m-"] .slides span { left: 0; top: 0; }
[data-stil^="m-"] .galerie figure .t { background: #f6efdc; }
[data-stil^="m-"] .galerie figcaption { color: #1b1206; margin: .4rem .3rem .2rem; }

@media (max-width: 860px) {
  [data-stil^="m-"] .logo-real { width: 150px; }
  [data-stil^="m-"] .poza { width: 74px; }
  [data-stil^="m-"] .brand { gap: .7rem; }
  [data-stil^="m-"] .portret .rama { max-width: 300px; }
  [data-stil^="m-"] :is(.slides button, .galerie figure) { padding: 3px; outline-offset: 2px; }
}
@media (max-width: 400px) { [data-stil^="m-"] .logo-real { width: 128px; } [data-stil^="m-"] .poza { width: 64px; } }

/* ramele: geometria golului (din unelte/rame_decupaj.py) */
[data-stil^="m-"] { --rama: url(img/rama-c1.webp); --masca: url(img/rama-c1-m.webp); --ar: 664 / 919; --gx: 17.3; --gy: 22.4; --gw: 65.2; --gh: 68.6; }
[data-stil="m-rosa"] { --rama: url(img/rama-c2.webp); --masca: url(img/rama-c2-m.webp); --ar: 637 / 899; --gx: 13.2; --gy: 16.1; --gw: 73.6; --gh: 72.9; }
[data-stil="m-bardiglio"] { --rama: url(img/rama-c3.webp); --masca: url(img/rama-c3-m.webp); --ar: 573 / 919; --gx: 17.6; --gy: 18.2; --gw: 64.2; --gh: 70.6; }
[data-stil="m-onix"] { --rama: url(img/rama-c4.webp); --masca: url(img/rama-c4-m.webp); --ar: 526 / 935; --gx: 11.6; --gy: 18.5; --gw: 76.6; --gh: 63.2; }
[data-stil^="m-calacatta"] { --rama: url(img/rama-c5.webp); --masca: url(img/rama-c5-m.webp); --ar: 665 / 938; --gx: 11.4; --gy: 15.4; --gw: 76.8; --gh: 77.8; }
[data-stil="m-smarald"] { --rama: url(img/rama-s1.webp); --masca: url(img/rama-s1-m.webp); --ar: 530 / 859; --gx: 15.5; --gy: 10.4; --gw: 68.9; --gh: 83.6; }
[data-stil="m-levanto"] { --rama: url(img/rama-s2.webp); --masca: url(img/rama-s2-m.webp); --ar: 583 / 799; --gx: 7.2; --gy: 6.8; --gw: 85.2; --gh: 83.7; }
[data-stil="m-azul"] { --rama: url(img/rama-s3.webp); --masca: url(img/rama-s3-m.webp); --ar: 524 / 857; --gx: 15.3; --gy: 5.7; --gw: 69.3; --gh: 86.6; }
[data-stil="m-nero-roz"] { --rama: url(img/rama-s4.webp); --masca: url(img/rama-s4-m.webp); --ar: 484 / 860; --gx: 9.7; --gy: 10.1; --gw: 80.4; --gh: 83.8; }
[data-stil="m-travertin"] { --rama: url(img/rama-s5.webp); --masca: url(img/rama-s5-m.webp); --ar: 490 / 869; --gx: 12.2; --gy: 11.7; --gw: 75.5; --gh: 82.7; }

/* culorile fiecărei variante: marmura + metalul ramei */
/* 1. Portoro — marmură neagră cu vine aurii, rama-cartuș aurită (Canva) */
/* 2. Rosa — marmură roz, oval auriu cu fundă (Canva) */
[data-stil="m-rosa"] { --fond: #e9c9c1; --marmura: url(img/tex-marmura-roz.webp); --roz: #9c3b55; --hover: #f6e1dc; --box: #fbeef0; }
/* 3. Bardiglio — marmură gri-albăstruie, ramă de argint traforată (Canva) */
[data-stil="m-bardiglio"] { --fond: #3e4248; --marmura: url(img/tex-marmura-gri.webp); --aur: #9aa0a8; --aur2: #f1f3f6; --aur3: #d9dde3; --crem: #1c1e22;
  --card: rgb(24 26 30 / .82); --hover: #2c3036; --chip: rgb(34 37 42 / .9); --box: rgb(40 44 50 / .85);
  --btn: linear-gradient(180deg, #f5f6f8, #aeb3ba 50%, #6d7279); --btn-c: #15171a;
  --metal: linear-gradient(135deg, #4b4e54, #eef0f3 30%, #a9adb4 50%, #eef0f3 70%, #4b4e54); --logo: linear-gradient(180deg, #ffffff, #d4d7dc 60%, #9aa0a8); }
/* 4. Onix — marmură crem, ramă aur roz (Canva) */
[data-stil="m-onix"] { --fond: #e6d8bc; --marmura: url(img/tex-marmura-crem.webp); --aur: #c98c6c; --aur2: #f7d2b8; --aur3: #8f4f36;
  --btn: linear-gradient(180deg, #f7d2b8, #c98c6c 50%, #8f4f36); --btn-c: #2a140a;
  --metal: linear-gradient(135deg, #6e3a26, #f7d2b8 30%, #c98c6c 50%, #f7d2b8 70%, #6e3a26); }
/* 5. Calacatta — marmură albă, ramă neagră cu aur (Canva) */
[data-stil^="m-calacatta"] { --fond: #eeeae4; --marmura: url(img/tex-marmura-alba.webp); --crem: #fbfaf7;
  --metal: linear-gradient(135deg, #111, #2a2622 30%, #c99a38 48%, #f7dc8c 52%, #2a2622 70%, #111); }
/* 6. Smarald — marmură verde, ramă aurită desenată */
[data-stil="m-smarald"] { --fond: #0f2a21; --marmura: url(img/tex-marmura-verde.webp); --crem: #10261e; --card: rgb(10 30 24 / .82); --hover: #1c3a30;
  --chip: rgb(16 40 32 / .9); --box: rgb(20 46 36 / .85); --ft: 'Cormorant Garamond', serif; }
/* 7. Levanto — marmură bordo, oval aur vechi desenat */
[data-stil="m-levanto"] { --fond: #3a0c16; --marmura: url(img/tex-marmura-bordo.webp); --crem: #2a0a12; --card: rgb(36 8 16 / .82); --hover: #4a1a26;
  --chip: rgb(46 12 20 / .9); --box: rgb(56 18 28 / .85); --aur: #9c7a36; --aur2: #d8b874; --aur3: #d8b874;
  --metal: linear-gradient(135deg, #4e3a14, #d8b874 30%, #9c7a36 50%, #d8b874 70%, #4e3a14); }
/* 8. Azul — marmură albastru-noapte, ogivă de argint desenată */
[data-stil="m-azul"] { --fond: #101c34; --marmura: url(img/tex-marmura-albastra.webp); --crem: #0e1830; --card: rgb(12 20 40 / .82); --hover: #1c2a48;
  --chip: rgb(16 26 50 / .9); --box: rgb(22 34 60 / .85); --aur: #9aa0a8; --aur2: #f1f3f6; --aur3: #dfe4ec; --ft: Cinzel, serif;
  --btn: linear-gradient(180deg, #f5f6f8, #aeb3ba 50%, #6d7279); --btn-c: #101624;
  --metal: linear-gradient(135deg, #4b4e54, #eef0f3 30%, #a9adb4 50%, #eef0f3 70%, #4b4e54); --logo: linear-gradient(180deg, #ffffff, #d4d7dc 60%, #9aa0a8); }
/* 9. Nero & roz — marmură neagră, scut aur roz desenat */
[data-stil="m-nero-roz"] { --aur: #c98c6c; --aur2: #f7d2b8; --aur3: #efb89c; --roz: #f0b4c4;
  --btn: linear-gradient(180deg, #f7d2b8, #c98c6c 50%, #8f4f36); --btn-c: #2a140a;
  --metal: linear-gradient(135deg, #6e3a26, #f7d2b8 30%, #c98c6c 50%, #f7d2b8 70%, #6e3a26); --logo: linear-gradient(180deg, #fff0e6, #f7d2b8 55%, #c98c6c); }
/* 10. Travertin — marmură crem caldă, ramă-vioară de bronz desenată */
[data-stil="m-travertin"] { --fond: #dccaa8; --marmura: url(img/tex-marmura-crem.webp); --aur: #8a5c2e; --aur2: #c9955a; --aur3: #7a4a20;
  --btn: linear-gradient(180deg, #d9a86a, #8a5c2e 55%, #5a3818); --btn-c: #fff6e8; --ft: 'Cormorant Garamond', serif;
  --metal: linear-gradient(135deg, #3e2610, #c9955a 30%, #8a5c2e 50%, #c9955a 70%, #3e2610); }
[data-stil="m-travertin"] body::before { background: linear-gradient(rgb(200 160 110 / .18), rgb(200 160 110 / .18)), var(--marmura) 0 0 / 1300px; }

/* efectele animate se opresc dacă telefonul / calculatorul cere mișcare redusă */
@media (prefers-reduced-motion: reduce) {
  [data-stil] body::before, [data-stil] body::after, [data-stil] .nume, [data-stil] h1, [data-stil] h1 em, [data-stil] .aur,
  [data-stil] .btn, [data-stil] nav a.cta, [data-stil] .limba button { animation: none !important; }
}