/* Začetni spletni tečaj – prodajna stran (CartFlows korak). Izvor: Alenkin HTML (Claude Design), 19. 8. 2026.
   Vsi stili so pod .tz; sekcije v Elementorju nosijo razred tz + razred/id sekcije (zato .tz .X in .tz.X / .tz#X). */
.tz {
    --bg: #fff8f7;
    --cream: #fff2ef;
    --card: #fff;
    --ink: #301e21;
    --soft: #685558;
    --brand: #d77c8e;
    --brand-strong: #bf5b71;
    --brand-soft: #ffe2e2;
    --rose: #f6c2c6;          
    --rose-deep: #c79698;
    --denim: #7DA6CB;
    --denim-soft: #e2f0ff;
    --line: #e8dada;
    --ok: #33854a;
    --shadow-soft: 0 20px 60px -20px rgba(215, 126, 144, 0.278);
    --shadow-card: 0 8px 22px -14px rgba(39, 29, 29, 0.102);
    --temna: #301e21;
    --marker-flat: #ffd0d2;
    --r: 1.25rem;
    --font: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    --w: 1140px;
  }
.tz * { box-sizing: border-box; }
.tz { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
.tz { scroll-behavior: auto; }
.tz * { animation: none !important; transition: none !important; }
}
.tz { background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 17px; line-height: 1.6; margin: 0; -webkit-font-smoothing: antialiased; }
.tz img { max-width: 100%; display: block; }
.tz a { color: inherit; }
.tz :focus-visible { outline: 3px solid var(--denim); outline-offset: 3px; border-radius: .4rem; }
.tz .wrap { margin: 0 auto; max-width: var(--w); padding-inline: 20px; }
.tz .sec, .tz.sec { padding-block: 8vw; padding-block: clamp(64px, 8vw, 110px); }
@media (max-width: 767px) {
.tz { font-size: 16px; }
}
.tz h1, .tz h2, .tz h3 { font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; margin: 0; text-wrap: balance; }
.tz h2 { font-size: 3.6vw; font-size: clamp(1.75rem, 3.6vw, 2.5rem); }
.tz h3 { font-size: 1.2rem; }
.tz p { margin: 0; text-wrap: pretty; }
.tz .stack > * + * { margin-top: 1.25rem; }
.tz .stack > h2 + p, .tz .stack > h3 + p, .tz .stack > h2 + .lead { margin-top: 1rem; }
.tz .stack > .foto + h3 { margin-top: 2.5rem; }
.tz .blok { margin-top: 3.5rem; }
.tz .eyebrow + h1, .tz .eyebrow + h2, .tz .eyebrow + h3 { margin-top: .6rem; }
.tz .eyebrow { color: var(--brand-strong); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.tz .lead { color: var(--soft); font-size: 1.12rem; }
.tz .btn { align-items: center; background: var(--brand); border: 0; border-radius: 999px; color: #fff; cursor: pointer; display: inline-flex; font: 700 1rem var(--font); gap: .5rem; padding: 1rem 1.6rem; text-decoration: none; transition: transform .15s, box-shadow .15s, background .15s; box-shadow: 0 10px 24px -12px rgba(215, 123, 142, 0.6); }
.tz .btn:hover { background: var(--brand-strong); color: #fff; transform: translateY(-1px); }
.tz .pasica .btn:hover, .tz.pasica .btn:hover { background: var(--brand-soft); color: var(--brand-strong) !important; }
.tz .btn:active { transform: translateY(0); }
.tz .btn.ghost { background: transparent; box-shadow: none; color: var(--brand-strong); border: 2px solid var(--brand-soft); }
.tz .btn.ghost:hover { background: var(--brand-soft); }
.tz .note { color: var(--soft); font-size: .92rem; }
.tz .karta { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow-card); padding: 1.5rem 1.6rem; }
.tz .top { background: var(--rose-deep); color: #fff; font-size: .95rem; padding: .7rem 1rem; text-align: center; }
.tz .top b { font-weight: 700; }
.tz .head { align-items: center; display: flex; justify-content: space-between; padding: 14px 0; }
.tz .head-bg { background: #ffe1e4; }
.tz .head img { height: 44px; }
.tz .head nav a { color: var(--soft); font-size: .95rem; margin-left: 1.4rem; text-decoration: none; }
@media (max-width: 700px) {
.tz .head nav { display: none; }
.tz .head img { height: 38px; }
}
.tz .hero, .tz.hero { background-image: linear-gradient(180deg, #ffe1e4 0%, #ffede5 55%, #fff3ca 100%); background-color: #ffe1e4; padding-block: 88px; position: relative; overflow: hidden; border-bottom: 10px solid #f9ebbe; }
.tz .hero-grid { align-items: center; display: grid; gap: 24px 40px; grid-template-columns: 1.1fr .9fr; grid-template-areas: "besedilo video" "akcija video"; }
.tz .hero-grid > .besedilo { grid-area: besedilo; }
.tz .hero-grid > .video { grid-area: video; align-self: start; }
.tz .ura { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow-card); margin-top: 1.8rem; padding: 1.4rem 1.4rem 1.3rem; text-align: center; }
.tz .ura .kaj { color: var(--brand-strong); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tz .ura .polja { display: flex; gap: .6rem; justify-content: center; margin-top: 1rem; }
.tz .ura .polje { background: var(--cream); border-radius: .7rem; min-width: 62px; padding: .5rem .3rem; }
.tz .ura .polje b { display: block; font-size: 1.5rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.tz .ura .polje span { color: var(--soft); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
.tz .ura .kdaj { color: var(--soft); font-size: .82rem; line-height: 1.5; margin-top: 1.1rem; }
.tz .pasica .ura-mini, .tz.pasica .ura-mini { display: inline-flex; gap: .25rem; }
.tz .pasica .ura-mini i, .tz.pasica .ura-mini i { background: rgba(255,255,255,.14); border-radius: .4rem; font-size: .9rem; font-style: normal; font-variant-numeric: tabular-nums; font-weight: 800; padding: .1rem .4rem; }
.tz .pasica .ura-mini i em, .tz.pasica .ura-mini i em { font-size: .78em; font-style: normal; font-weight: 600; opacity: .8; }
@media (max-width: 560px) {
.tz .ura .polje { min-width: 52px; }
}
.tz .hero-grid > .akcija { grid-area: akcija; margin-top: .8rem; }
.tz .akcija.stack > * + * { margin-top: 1.6rem; }
@media (max-width: 900px) {
.tz .hero-grid { grid-template-columns: 1fr; gap: 20px; grid-template-areas: "besedilo" "video" "akcija"; }
}
.tz .hero h1, .tz.hero h1 { font-size: 4.6vw; font-size: clamp(2rem, 4.6vw, 3.25rem); }
.tz .zakoga-mini { color: var(--brand-strong); font-weight: 600; font-size: 1.15rem; }
.tz .hero h1 + .zakoga-mini, .tz.hero h1 + .zakoga-mini { margin-top: 2.2rem; }
.tz .hero .datum, .tz.hero .datum { margin-top: .4rem; }
.tz .znacka { background: var(--card); border: 0; border-radius: 999px; box-shadow: var(--shadow-card); color: var(--brand-strong); display: inline-block; font-size: .76rem; font-weight: 800; letter-spacing: .14em; padding: .5rem 1rem; text-transform: uppercase; }
.tz .znacka.polna { background: var(--brand); border-color: var(--brand); color: #fff; }
.tz .hero .datum, .tz.hero .datum { align-items: center; display: flex; flex-wrap: wrap; gap: .7rem 1rem; }
.tz .pill { background: var(--card); border-radius: 999px; box-shadow: var(--shadow-card); display: inline-flex; align-items: center; gap: .45rem; font-size: .92rem; font-weight: 600; padding: .45rem .9rem; }
.tz .pill svg { width: 16px; height: 16px; color: var(--brand-strong); }
.tz .cd { align-items: center; display: inline-flex; gap: .3rem; font-variant-numeric: tabular-nums; }
.tz .cd b { font-size: 1rem; }
.tz .video { border-radius: var(--r); overflow: hidden; position: relative; box-shadow: var(--shadow-soft); aspect-ratio: 16/9; background: #000; }
.tz .video img { width: 100%; height: 100%; object-fit: cover; opacity: .92; }
.tz .video button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; margin: auto; width: 76px; height: 76px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); cursor: pointer; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.25); transition: transform .15s; }
.tz .video { cursor: pointer; }
.tz .video button:hover, .tz .video:hover button { transform: scale(1.06); }
.tz .video.brez-videa::after { align-items: center; background: rgba(0,0,0,.72); color: #fff; content: "Sem pride Tanjin video (povezavo dodaj v data-video)"; display: flex; font-size: .9rem; top: 0; right: 0; bottom: 0; left: 0; inset: 0; justify-content: center; padding: 1rem; position: absolute; text-align: center; }
.tz .video button svg { width: 28px; height: 28px; margin-left: 4px; color: var(--brand-strong); }
.tz .video .cap { position: absolute; left: 14px; bottom: 12px; background: rgba(255,255,255,.9); border-radius: 999px; font-size: .8rem; font-weight: 600; padding: .3rem .7rem; }
.tz .cta-row { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem 1.4rem; margin-top: .6rem; }
.tz .cena { align-items: baseline; display: flex; gap: .55rem; }
.tz .cena s { color: var(--soft); font-size: 1.05rem; }
.tz .cena b { color: var(--brand-strong); font-size: 2rem; letter-spacing: -.02em; line-height: 1; }
.tz .cena small { color: var(--soft); font-size: .85rem; }
.tz .gar-mini { align-items: center; color: var(--soft); display: flex; font-size: .9rem; gap: .5rem; }
.tz .gar-mini svg { width: 18px; height: 18px; color: var(--ok); flex: none; }
.tz .misli, .tz.misli { background: var(--cream); padding-block: 88px 80px; }
.tz .krem, .tz.krem { background: var(--cream); }
.tz .rozna, .tz.rozna { background: var(--brand-soft); }
.tz .wrap-ozek { margin: 0 auto; max-width: 720px; padding-inline: 20px; }
.tz .oblacki { display: flex; flex-wrap: wrap; gap: 1.2rem 1.3rem; justify-content: center; }
.tz .oblacek { background: var(--card); border-radius: 1.6rem; box-shadow: 0 12px 28px -14px rgba(192, 92, 112, 0.349); font-size: 1.02rem; font-style: italic; padding: .85rem 1.25rem; position: relative; animation: pop .55s both; }
.tz .oblacek::before, .tz .oblacek::after { content: ""; position: absolute; background: var(--card); border-radius: 50%; box-shadow: 0 6px 14px -8px rgba(192, 92, 112, 0.349); }
.tz .oblacek::before { width: 12px; height: 12px; bottom: -8px; left: 22px; }
.tz .oblacek::after { width: 6px; height: 6px; bottom: -17px; left: 16px; }
.tz .oblacek.o1 { transform: rotate(-2deg); }
.tz .oblacek.o2 { transform: rotate(1.5deg); animation-delay: .12s; }
.tz .oblacek.o3 { transform: rotate(-1deg); animation-delay: .24s; }
.tz .oblacek.o4 { transform: rotate(2deg); animation-delay: .36s; }
@keyframes pop { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
.tz .odgovor { align-items: flex-start; display: flex; gap: 1.4rem; margin-top: 3.2rem; }
.tz .odgovor .tanja-mini { border-radius: 50%; box-shadow: var(--shadow-card); flex: none; height: 72px; object-fit: cover; object-position: 50% 20%; width: 72px; }
.tz .odgovor p { font-size: 1.08rem; line-height: 1.65; }
.tz .odgovor p + p { margin-top: 1.25rem; }
@media (max-width: 600px) {
.tz .odgovor { flex-direction: column; gap: .8rem; }
.tz .odgovor .tanja-mini { height: 52px; width: 52px; }
}
.tz .potrdi { background: var(--potrdi-bg, var(--temna)); color: #fff; }
.tz .potrdi .wrap { display: flex; flex-wrap: wrap; gap: .6rem 2rem; justify-content: center; padding-block: 1rem; font-weight: 600; font-size: .98rem; }
.tz .potrdi span::before { content: "•"; margin-right: .6rem; opacity: .6; }
.tz .potrdi span:first-child::before { content: none; }
.tz .dvo { display: grid; gap: 56px; grid-template-columns: 1fr 1fr; align-items: start; }
@media (max-width: 900px) {
.tz .dvo { grid-template-columns: 1fr; gap: 24px; }
}
.tz .foto { border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-card); }
.tz .foto img { width: 100%; height: auto; }
.tz .pravili { background: var(--brand-soft); border-radius: var(--r); padding: 1.3rem 1.5rem; }
.tz .pravili ol { margin: .6rem 0 0; padding-left: 1.4rem; }
.tz .pravili li { margin: .3rem 0; }
.tz .znala { display: grid; gap: .9rem; grid-template-columns: 1fr 1fr; margin-top: 1rem; }
@media (max-width: 600px) {
.tz .znala { grid-template-columns: 1fr; }
}
.tz .znala div { align-items: flex-start; background: var(--cream); border-radius: .9rem; display: flex; font-size: .95rem; gap: .6rem; padding: .9rem 1.1rem; }
.tz .znala svg { color: var(--ok); flex: none; width: 20px; height: 20px; margin-top: 2px; }
.tz .kol-sek { background: var(--cream); }
.tz .kje { display: grid; gap: 1.8rem; grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) {
.tz .kje { grid-template-columns: 1fr; }
}
.tz .kje .karta h3 { margin: .8rem 0 .4rem; font-size: 1.1rem; }
.tz .kje .karta p, .tz .kje .karta li { font-size: .96rem; color: var(--soft); }
.tz .kje .karta li b { color: var(--ink); }
.tz .kje .karta p b { color: var(--ink); }
.tz .ik-krog { align-items: center; background: var(--brand-soft); border-radius: 50%; color: var(--brand-strong); display: inline-flex; height: 44px; justify-content: center; width: 44px; }
.tz .ik-krog svg { height: 22px; width: 22px; }
.tz .kol-grid { display: grid; gap: 36px; grid-template-columns: 1.25fr .75fr; align-items: start; }
@media (max-width: 900px) {
.tz .kol-grid { grid-template-columns: 1fr; }
}
.tz .kol { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow-card); padding: 1.2rem; }
.tz .kol-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: .8rem; }
.tz .kol-head h3 { font-size: 1.15rem; }
.tz .kol-nav { display: flex; gap: .3rem; }
.tz .kol-nav button { background: var(--cream); border: 0; border-radius: 999px; cursor: pointer; font: 700 1rem var(--font); height: 34px; width: 34px; }
.tz .kol-nav button:hover { background: var(--brand-soft); }
.tz .kol table { border-collapse: separate; border-spacing: 4px; width: 100%; table-layout: fixed; }
.tz .kol th { color: var(--soft); font-size: .72rem; font-weight: 700; letter-spacing: .06em; padding-bottom: .3rem; text-transform: uppercase; }
.tz .kol td { height: 0; padding: 0; }
.tz .dan { align-items: flex-start; aspect-ratio: 1; background: transparent; border: 0; border-radius: .7rem; cursor: default; display: flex; flex-direction: column; font: 600 .95rem var(--font); gap: 3px; padding: .45rem; width: 100%; color: var(--ink); position: relative; transition: background .15s, transform .15s; }
.tz .dan.zunaj { color: #c4bbbb; }
.tz .dan.ima { background: var(--cream); cursor: pointer; }
.tz .dan.ima:hover { background: var(--brand-soft); transform: translateY(-1px); }
.tz .dan.aktiven { background: var(--brand); color: #fff; }
.tz .dan.aktiven .pika { background: #fff !important; }
.tz .dan.danes span:first-child { text-decoration: underline; text-underline-offset: 3px; }
.tz .dan .pike { display: flex; gap: 3px; flex-wrap: wrap; margin-top: auto; }
.tz .pika { border-radius: 50%; display: block; height: 7px; width: 7px; }
.tz .t-navodila { background: #9b776a; }
.tz .t-vadnica { background: var(--brand); }
.tz .t-zivo { background: var(--denim); }
.tz .t-bonus { background: #e69c3a; }
.tz .t-utrjevanje { background: var(--rose-deep); }
.tz .legenda { color: var(--soft); display: flex; flex-wrap: wrap; font-size: .8rem; gap: .5rem 1rem; margin-top: .8rem; }
.tz .legenda span { align-items: center; display: inline-flex; gap: .35rem; }
.tz .kol-kartica { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow-card); padding: 1.3rem 1.4rem; min-height: 200px; position: sticky; top: 90px; }
.tz .kol-kartica .tip { border-radius: 999px; color: #fff; display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .06em; padding: .2rem .6rem; text-transform: uppercase; }
.tz .kol-kartica h4 { font-size: 1.15rem; margin: .5rem 0 .2rem; letter-spacing: -.01em; }
.tz .kol-kartica .kdaj { color: var(--soft); font-size: .92rem; font-weight: 600; }
.tz .kol-kartica ul { margin: .6rem 0 0; padding-left: 1.2rem; }
.tz .kol-kartica li { margin: .2rem 0; font-size: .95rem; }
.tz .kol-kartica .prazno { color: var(--soft); }
.tz .harm { margin-top: 1.5rem; display: grid; gap: 1rem 36px; grid-template-columns: 1.25fr .75fr; }
.tz .harm > details { grid-column: 1; }
@media (max-width: 900px) {
.tz .harm { grid-template-columns: 1fr; }
.tz .harm > details { grid-column: auto; }
.tz .harm > .balon { grid-column: auto !important; grid-row: auto !important; position: static !important; margin-top: 1.5rem !important; }
}
.tz details.h { background: var(--card); border-radius: 1rem; box-shadow: var(--shadow-card); overflow: hidden; }
.tz details.h summary { align-items: center; cursor: pointer; display: flex; font-weight: 700; gap: .8rem; justify-content: space-between; list-style: none; padding: 1rem 1.3rem; }
.tz details.h summary::-webkit-details-marker { display: none; }
.tz details.h summary .chev { color: var(--brand-strong); transition: transform .2s; }
.tz details.h[open] summary .chev { transform: rotate(180deg); }
.tz details.h summary small { color: var(--soft); font-weight: 500; }
.tz details.h .body { border-top: 1px solid var(--line); padding: .8rem 1.3rem 1.2rem; }
.tz details.h .body ul { margin: 0; padding-left: 1.2rem; }
.tz details.h .body li { margin: .35rem 0; }
.tz details.h .body b.k { color: var(--brand-strong); }
.tz .jana-blok { align-items: flex-start; display: flex; gap: 1.2rem; }
.tz .jana-blok img { border-radius: 1rem; flex: none; height: 110px; object-fit: cover; width: 110px; }
@media (max-width: 600px) {
.tz .jana-blok { flex-direction: column; }
}
.tz .balon { margin-top: 2.5rem; max-width: 620px; }
.tz .balon p { background: oklab(0.927234 -0.00704692 -0.0160733); border-radius: 1.4rem; box-shadow: 0 14px 34px -18px rgba(86, 118, 149, 0.451); font-size: 1.05rem; font-style: italic; line-height: 1.6; padding: 1.5rem 1.7rem; position: relative; }
.tz .balon p::after { background: oklab(0.927234 -0.00704692 -0.0160733); bottom: -8px; content: ""; height: 18px; left: 40px; position: absolute; transform: rotate(45deg); width: 18px; }
.tz .balon .kdo { color: var(--soft); font-size: .9rem; font-weight: 600; margin-top: 1.1rem; padding-left: 40px; }
.tz .konec .balon p, .tz.konec .balon p { color: var(--ink); }
.tz .citat-naslov { color: var(--brand-strong); font-size: 3.6vw; font-size: clamp(1.6rem, 3.6vw, 2.5rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; }
.tz .dokazi { display: grid; gap: 1.8rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; }
@media (max-width: 1000px) {
.tz .dokazi { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.tz .dokazi { grid-template-columns: 1fr; }
}
.tz .cit { display: flex; flex-direction: column; }
.tz .cit p { background: var(--card); border-radius: 1.4rem; box-shadow: var(--shadow-card); flex: 1 1 auto; font-size: .98rem; font-style: italic; padding: 1.4rem 1.5rem; position: relative; }
.tz .cit p::after { background: var(--card); bottom: -8px; content: ""; height: 18px; left: 34px; position: absolute; transform: rotate(45deg); width: 18px; }
.tz .cit .kdo { color: var(--soft); font-size: .9rem; font-weight: 600; margin-top: 1.1rem; padding-left: 34px; }
.tz .cit .kdo i { background: var(--brand-soft); border-radius: 50%; color: var(--brand-strong); display: grid; font-style: normal; font-weight: 700; height: 34px; place-items: center; width: 34px; }
.tz .cit .kdo small { color: var(--soft); font-weight: 500; }
.tz .tanja, .tz.tanja { background: var(--rose); }
.tz .tanja .dvo, .tz.tanja .dvo { grid-template-columns: 1.2fr .8fr; }
.tz .tanja .foto, .tz.tanja .foto { order: 2; align-self: start; position: sticky; top: 90px; }
.tz .tanja .stack > * + *, .tz #preventiva .stack > * + *, .tz.tanja .stack > * + *, .tz#preventiva .stack > * + * { margin-top: 1.6rem; }
.tz #preventiva .dvo, .tz#preventiva .dvo { grid-template-columns: .8fr 1.2fr; }
@media (max-width: 900px) {
.tz #preventiva .foto, .tz#preventiva .foto { position: static !important; }
}
.tz .tanja .stack .note, .tz.tanja .stack .note { margin-top: .6rem; }
@media (max-width: 900px) {
.tz .tanja .foto, .tz.tanja .foto { position: static; }
}
@media (max-width: 900px) {
.tz .tanja .dvo, .tz.tanja .dvo { grid-template-columns: 1fr; }
}
.tz .jana { background: rgba(255,255,255,.55); border-radius: var(--r); font-size: .95rem; padding: 1rem 1.2rem; }
.tz .zakoga { display: grid; gap: 1.8rem; grid-template-columns: 1fr 1fr; margin-top: 2.5rem !important; }
@media (max-width: 760px) {
.tz .zakoga { grid-template-columns: 1fr; }
}
.tz ul.cist { list-style: none; margin: .7rem 0 0; padding: 0; }
.tz ul.cist li { margin: .5rem 0; padding-left: 1.7rem; position: relative; }
.tz ul.cist li::before { font-weight: 800; left: 0; position: absolute; }
.tz ul.da li::before { color: var(--ok); content: "✓"; }
.tz ul.ne li::before { color: var(--soft); content: "✕"; }
.tz .cena-sek, .tz.cena-sek { background: var(--cream); }
.tz .cena-karta { background: var(--card); border-radius: 1.5rem; box-shadow: var(--shadow-soft); margin: 0 auto; max-width: 760px; padding: 2.4rem 2rem 2.2rem; text-align: center; position: relative; }
.tz .cena-karta > .eyebrow, .tz .cena-karta > h2, .tz .cena-karta > p { margin-inline: auto; max-width: 560px; }
.tz .cena-karta .pecat { position: absolute; right: -52px; top: -66px; width: 240px; height: 240px; overflow: visible; transform: rotate(6deg); filter: drop-shadow(0 10px 20px rgba(191, 92, 112, 0.251)); }
@media (max-width: 1000px) {
.tz .cena-karta .pecat { position: static; display: block; margin: -4.2rem auto 1.2rem; transform: none; width: 220px; }
.tz .cena-karta { margin-top: 3rem; }
}
.tz .cena-karta .vkljucuje { display: grid; gap: 1.1rem 1.6rem; grid-template-columns: 1fr 1fr; margin: 2.5rem auto 0; max-width: 560px; text-align: left; }
@media (max-width: 560px) {
.tz .cena-karta .vkljucuje { grid-template-columns: 1fr; }
}
.tz .cena-karta .vkljucuje div { align-items: flex-start; display: flex; font-size: 1.02rem; gap: .6rem; line-height: 1.5; }
.tz .cena-karta .vkljucuje svg { color: var(--ok); flex: none; width: 18px; height: 18px; margin-top: 3px; }
.tz .cena-velika { align-items: baseline; display: flex; gap: .8rem; justify-content: center; margin-top: 1.4rem; }
.tz .cena-velika s { color: var(--soft); font-size: 1.3rem; }
.tz .cena-velika b { color: var(--brand-strong); font-size: 3.4rem; letter-spacing: -.03em; line-height: 1; }
.tz .cd-big { display: flex; gap: .6rem; justify-content: center; margin: 1rem 0 1.4rem; }
.tz .cd-big div { background: var(--cream); border-radius: .8rem; font-variant-numeric: tabular-nums; min-width: 66px; padding: .55rem .4rem; }
.tz .cd-big b { display: block; font-size: 1.6rem; letter-spacing: -.02em; line-height: 1.1; }
.tz .cd-big span { color: var(--soft); font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.tz .placila { color: var(--soft); font-size: .85rem; margin-top: 1.25rem; }
.tz .cena-karta .garancija { background: var(--cream); border-radius: 1rem; font-size: .95rem; line-height: 1.6; margin: 1.6rem auto 0; max-width: 560px; padding: 1.2rem 1.6rem; scroll-margin-top: 100px; }
.tz .faq { max-width: 820px; margin: 2.5rem auto 0; }
.tz .faq details { border-bottom: 1px solid var(--line); }
.tz .faq summary { cursor: pointer; font-weight: 700; list-style: none; padding: 1.15rem 2.4rem 1.15rem 0; position: relative; }
.tz .faq summary::-webkit-details-marker { display: none; }
.tz .faq summary::after { content: "+"; color: var(--brand-strong); font-size: 1.4rem; font-weight: 500; position: absolute; right: .3rem; top: .7rem; transition: transform .2s; }
.tz .faq details[open] summary::after { transform: rotate(45deg); }
.tz .faq .a { color: var(--ink); padding: 0 0 1.1rem; }
.tz .faq .a p + p { margin-top: .5rem; }
.tz .konec, .tz.konec { background: var(--konec-bg, #4d7295); color: #fff; text-align: center; }
.tz .konec .lead, .tz .konec .ps, .tz.konec .lead, .tz.konec .ps { color: #fff; }
.tz .konec .povz, .tz.konec .povz { background: #fff; color: var(--ink); }
.tz .konec .ps, .tz.konec .ps { color: #fff !important; font-style: italic; margin-top: 1.4rem; }
.tz .cf-mesto { margin: 2.5rem auto 0; max-width: none; text-align: left; }
.tz .konec-stolpec { margin: 0 auto; max-width: 620px; }
.tz .cf-mesto .povz { background: var(--card); border-radius: .9rem; display: grid; font-size: .98rem; gap: .8rem; line-height: 1.5; list-style: none; margin: 0; padding: 1.4rem 1.6rem; text-align: left; }
.tz .cf-mesto .povz li { align-items: flex-start; display: flex; gap: .7rem; }
.tz .cf-mesto .povz svg { color: var(--brand-strong); flex: none; height: 20px; margin-top: 1px; width: 20px; }
.tz .cf-oznaka { border: 2px dashed var(--line); border-radius: var(--r); color: var(--soft); font-size: .9rem; margin-top: 1rem; padding: 2.5rem 1rem; text-align: center; }
.tz footer { background: var(--cream); color: var(--soft); font-size: .9rem; padding: 2.5rem 0; text-align: center; }
.tz .pasica, .tz.pasica { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--pasica-bg, var(--brand)); color: #fff; box-shadow: 0 -10px 30px -12px rgba(0,0,0,.25); transform: translateY(110%); transition: transform .3s; padding: .75rem 0 calc(.75rem + env(safe-area-inset-bottom)); }
.tz .pasica.vidna, .tz.pasica.vidna { transform: none; }
.tz .pasica .wrap, .tz.pasica .wrap { align-items: center; display: flex; flex-wrap: nowrap; gap: 1.2rem; justify-content: space-between; }
.tz .pasica .l, .tz.pasica .l { align-items: center; display: flex; flex: 1 1 auto; font-size: .95rem; gap: .5rem; min-width: 0; opacity: .95; white-space: nowrap; }
.tz .pasica .l b, .tz.pasica .l b { font-weight: 700; }
.tz .pasica .ik, .tz.pasica .ik { flex: none; height: 18px; width: 18px; }
.tz .pasica .c, .tz.pasica .c { flex: none; font-size: .95rem; white-space: nowrap; }
.tz .pasica .c s, .tz.pasica .c s { opacity: .75; margin-right: .4rem; }
.tz .pasica .c b, .tz.pasica .c b { font-size: 1.25rem; font-weight: 700; }
.tz .pasica .c .note, .tz.pasica .c .note { color: rgba(255,255,255,.85); }
.tz .pasica .btn, .tz.pasica .btn { background: #fff; color: var(--brand-strong) !important; box-shadow: none; padding: .7rem 1.25rem; font-size: .95rem; white-space: nowrap; }
.tz .pasica .btn:hover, .tz.pasica .btn:hover { background: var(--brand-soft); }
@media (max-width: 640px) {
.tz .pasica, .tz.pasica { padding: .6rem 0 calc(.6rem + env(safe-area-inset-bottom)); }
.tz .pasica .wrap, .tz.pasica .wrap { flex-wrap: wrap; gap: .5rem .8rem; }
.tz .pasica .l, .tz.pasica .l { flex: 1 1 100%; font-size: .8rem; white-space: normal; }
.tz .pasica .l .ik, .tz.pasica .l .ik { display: none; }
.tz .pasica .l b, .tz.pasica .l b { display: block; }
.tz .pasica .c, .tz.pasica .c { font-size: .85rem; }
.tz .pasica .c s, .tz .pasica .c .note, .tz.pasica .c s, .tz.pasica .c .note { display: none; }
.tz .pasica .c b, .tz.pasica .c b { font-size: 1.1rem; }
.tz .pasica .btn, .tz.pasica .btn { flex: 0 0 auto; font-size: .88rem; padding: .65rem 1.1rem; }
.tz .pasica .ura-mini i, .tz.pasica .ura-mini i { font-size: .82rem; padding: .08rem .3rem; }
}
.tz .badges { display: flex; flex-wrap: wrap; gap: .5rem; }
.tz .marker { background: linear-gradient(transparent 64%, var(--marker-flat) 64%); border-radius: 0; font-style: normal; padding: 0 .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.tz .hero-marker { background: linear-gradient(transparent 64%, #fff 64%); }
.tz[data-poudarek="zamah"] .marker { background: var(--marker, linear-gradient(100deg, var(--marker-flat) 0%, transparent 100%)); border-radius: 10px; padding: .03em .18em; }
.tz[data-poudarek="tekst"] .marker { background: none; color: var(--brand-strong); padding: 0; }
.tz[data-poudarek="zamah"] .hero-marker { background: linear-gradient(100deg, #fff 0%, rgba(255,255,255,.35) 100%); }
.tz[data-poudarek="tekst"] .hero-marker { background: none; color: var(--brand-strong); }
.tz .hero-klj { font-size: .98rem; }
.tz .hero-klj li { margin: .4rem 0; }
.tz .zakoga.tri { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) {
.tz .zakoga.tri { grid-template-columns: 1fr; }
}
.tz .kljuc { background: var(--brand-soft); border-radius: var(--r); font-size: 1.15rem; line-height: 1.6; margin-top: 2.5rem; padding: 2rem 2.2rem; }
.tz .kljuc ul { display: grid; gap: .8rem; list-style: none; margin: 1.2rem 0 0; padding: 0; }
.tz .kljuc li { padding-left: 2.2rem; position: relative; }
.tz .kljuc li::before { content: "🔑"; left: 0; position: absolute; }
.tz .potrdilo { background: #fff0c5; border-radius: 999px; color: #7e541b; display: inline-block; font-size: .68rem; font-weight: 800; letter-spacing: .08em; margin-right: .4rem; padding: .14rem .6rem; text-transform: uppercase; vertical-align: middle; }
.tz a { color: var(--brand-strong); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.tz a:hover { color: var(--brand); }
.tz #garancija:target { background: var(--brand-soft); }
@media (max-width: 900px) {
.tz .tanja .foto, .tz #preventiva .foto, .tz.tanja .foto, .tz#preventiva .foto { order: -1; }
.tz .tanja .foto img, .tz #preventiva .foto img, .tz.tanja .foto img, .tz#preventiva .foto img { max-height: 420px; object-fit: cover; object-position: 50% 20%; width: 100%; }
.tz .konec-stolpec { max-width: 100%; }
}
@media (max-width: 600px) {
.tz .top { font-size: .82rem; line-height: 1.45; }
.tz .hero, .tz.hero { padding-block: 28px 48px; }
.tz .znacka { font-size: .7rem; letter-spacing: .1em; padding: .45rem .9rem; }
.tz .hero h1, .tz.hero h1 { font-size: 7.4vw; font-size: clamp(1.7rem, 7.4vw, 2.2rem); }
.tz .citat-naslov { font-size: 1.45rem; }
.tz .cena-karta { padding: 1.8rem 1.2rem 1.6rem; }
.tz .cena-karta .pecat { width: 180px; margin: -3.4rem auto 1rem; }
.tz .cena-velika b { font-size: 2.6rem; }
.tz .cd-big div { min-width: 0; flex: 1 1 0; }
.tz .cd-big { gap: .4rem; }
.tz .cena-karta .garancija { padding: 1.1rem 1.2rem; }
.tz .kljuc { font-size: 1.05rem; padding: 1.4rem 1.4rem; }
.tz .balon p { font-size: .98rem; padding: 1.2rem 1.3rem; }
.tz .balon .kdo, .tz .cit .kdo { padding-left: 28px; }
.tz .balon p::after, .tz .cit p::after { left: 28px; }
.tz .faq summary { padding-right: 2rem; }
.tz .kol-kartica { position: static; }
.tz .dan { font-size: .8rem; }
.tz .jana-blok img { aspect-ratio: 4 / 3; height: auto; object-position: 50% 18%; width: 100%; }
}
@media (max-width: 420px) {
.tz .ura .polje { min-width: 0; flex: 1 1 0; }
.tz .ura .polja { gap: .35rem; }
.tz .ura .polje b { font-size: 1.25rem; }
.tz .ura .polje span { font-size: .62rem; }
}
.tz h1, .tz h2, .tz h3, .tz h4, .tz p, .tz li, .tz b, .tz strong, .tz small, .tz summary, .tz td, .tz th { color: inherit; }
.tz .konec, .tz .konec h2, .tz .konec h3, .tz .konec p, .tz .konec b, .tz .konec li, .tz.konec, .tz.konec h2, .tz.konec h3, .tz.konec p, .tz.konec b, .tz.konec li { color: #fff; }
.tz .konec .balon p, .tz .konec .balon b, .tz .konec .povz, .tz .konec .povz b, .tz .konec .povz li, .tz.konec .balon p, .tz.konec .balon b, .tz.konec .povz, .tz.konec .povz b, .tz.konec .povz li { color: var(--ink); }
.tz .konec .balon .kdo, .tz .konec .lead, .tz .konec .ps, .tz.konec .balon .kdo, .tz.konec .lead, .tz.konec .ps { color: #fff; }
.tz .potrdi, .tz .potrdi span, .tz .top, .tz .top b { color: #fff; }
.tz .pasica, .tz .pasica span, .tz .pasica b, .tz .pasica s, .tz.pasica, .tz.pasica span, .tz.pasica b, .tz.pasica s { color: #fff; }
.tz .pasica .btn, .tz .pasica .btn:hover, .tz.pasica .btn, .tz.pasica .btn:hover { color: var(--brand-strong) !important; }
.tz .btn, .tz .btn:hover, .tz .btn:focus { color: #fff; }
.tz .eyebrow, .tz .citat-naslov { color: var(--brand-strong); }
.tz .lead, .tz .note, .tz .kdo { color: var(--soft); }
/* ═══════════════════════════════════════════════════════════════════════════
   ELEMENTOR PREVODI – stran je zgrajena iz Elementor containerjev in widgetov.
   Načelo: NE uvajamo novih številk; samo omogočimo, da izvorna pravila (.tz .dvo,
   .tz .foto, .tz .stack …) delujejo tudi, ko so elementi Elementorjevi ovoji.
   ═══════════════════════════════════════════════════════════════════════════ */

/* containerji naj bodo navadni <div>: brez Elementor max-width/padding/gap/flex */
.tz.e-con, .tz .e-con { max-width: none; --container-max-width: none; --margin-top: 0; --margin-bottom: 0; }
.tz .e-con { --padding-top: 0; --padding-bottom: 0; --padding-left: 0; --padding-right: 0; }
.tz.e-con.sec { --padding-top: clamp(64px, 8vw, 110px); --padding-bottom: clamp(64px, 8vw, 110px); --padding-left: 0; --padding-right: 0; }
.tz.e-con.hero { --padding-top: 88px; --padding-bottom: 88px; --padding-left: 0; --padding-right: 0; }
.tz.e-con.misli { --padding-top: 88px; --padding-bottom: 80px; --padding-left: 0; --padding-right: 0; }
@media (max-width: 600px) { .tz.e-con.hero { --padding-top: 28px; --padding-bottom: 48px; } }
.tz.e-con.pasica-w { --padding-top: 0; --padding-bottom: 0; min-height: 0; }
.tz.e-con:not(.hero):not(.misli):not(.krem):not(.rozna):not(.tanja):not(.cena-sek):not(.konec):not(.kaj-bela) { background: transparent; }
.tz.e-con > .e-con-inner, .tz .e-con > .e-con-inner { max-width: none; padding: 0; }
/* notranji containerji: obnašajo se kot block <div> (izvor), razen tistih, ki jim izvor da grid/flex */
.tz .e-con.e-flex:not(.dvo):not(.hero-grid):not(.odgovor):not(.cta-row):not(.btn-sred) { display: block; }
.tz .e-con > .elementor-element { width: auto; max-width: none; }
.tz .e-con.e-con.wrap { width: 100%; max-width: var(--w); margin-inline: auto; padding-inline: 20px; }
.tz .e-con.e-con.wrap-ozek { width: 100%; max-width: 720px; margin-inline: auto; padding-inline: 20px; }
.tz .e-con.e-con.cena-karta { max-width: 760px; margin-inline: auto; }
.tz .e-con.e-con.konec-stolpec { max-width: 620px; margin-inline: auto; }
.tz .e-con.stack, .tz .e-con.konec-stolpec, .tz .e-con.cena-karta { width: 100%; }
.tz .e-con.dvo > .e-con, .tz .e-con.hero-grid > .e-con, .tz .e-con.hero-grid > .elementor-widget { min-width: 0; }
.tz .e-con.btn-sred { display: block; text-align: center; margin-top: 2.5rem; }
.tz .e-con.cta-row { margin-top: .6rem; }
.tz .e-con.odgovor > .elementor-widget-text-editor { flex: 1 1 auto; min-width: 0; }

/* widget ovoji: nič marž/paddingov, dedovanje pisave */
.tz .elementor-widget { margin: 0; }
.tz .elementor-widget > .elementor-widget-container { margin: 0; padding: 0; }
.tz .elementor-widget.elementor-widget-text-editor, .tz .elementor-widget.elementor-widget-text-editor > .elementor-widget-container, .tz .elementor-widget.elementor-widget-text-editor p:not([class]) { color: inherit; font-family: var(--font); font-size: 17px; line-height: 1.6; }
.tz .elementor-widget.elementor-widget-text-editor p[class] { line-height: 1.6; }
.tz .elementor-widget.elementor-widget-text-editor p.citat-naslov { line-height: 1.15; }
.tz .elementor-widget.elementor-widget-text-editor p.eyebrow { line-height: 1.6; }
@media (max-width: 767px) { .tz .elementor-widget.elementor-widget-text-editor, .tz .elementor-widget.elementor-widget-text-editor > .elementor-widget-container, .tz .elementor-widget.elementor-widget-text-editor p:not([class]) { font-size: 16px; } }
.tz .elementor-widget-text-editor p { margin: 0; }

.tz .elementor-widget-text-editor p + p, .tz .elementor-widget-text-editor ul + p, .tz .elementor-widget-text-editor p + ul { margin-top: 1.25rem; }
.tz .elementor-widget-text-editor ul, .tz .elementor-widget-text-editor ol { margin-block: 0; }
.tz .elementor-widget-text-editor .balon, .tz .elementor-widget-html .balon { margin-top: 0; }

/* naslovi (heading widget) = izvorni h1/h2/h3 */
.tz .elementor-widget-heading .elementor-heading-title { color: var(--ink); font-family: var(--font); font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; margin: 0; text-wrap: balance; }
.tz .elementor-widget-heading h1.elementor-heading-title { font-size: 4.6vw; font-size: clamp(2rem, 4.6vw, 3.25rem); }
@media (max-width: 600px) { .tz .elementor-widget-heading h1.elementor-heading-title { font-size: 7.4vw; font-size: clamp(1.7rem, 7.4vw, 2.2rem); } }
.tz .elementor-widget-heading h2.elementor-heading-title { font-size: 3.6vw; font-size: clamp(1.75rem, 3.6vw, 2.5rem); }
.tz .elementor-widget-heading h3.elementor-heading-title { font-size: 1.2rem; }
.tz .elementor-widget-heading.blok { margin-top: 3.5rem; }
.tz.konec .elementor-widget-heading .elementor-heading-title { color: #fff; }

/* razmiki med widgeti = izvor (.stack > * + * = 1.25rem; eyebrow + h = .6rem; h + p = 1rem; foto + h3 = 2.5rem) */
.tz .e-con.stack > .elementor-element + .elementor-element,
.tz .e-con.konec-stolpec > .elementor-element + .elementor-element,
.tz .e-con.cena-karta > .elementor-element + .elementor-element { margin-top: 1.25rem; }
.tz.tanja .e-con.stack > .elementor-element + .elementor-element, .tz#preventiva .e-con.stack > .elementor-element + .elementor-element { margin-top: 1.6rem; }
.tz .e-con.stack.akcija > .elementor-element + .elementor-element { margin-top: 1.6rem; }
.tz .e-con.stack > .elementor-widget-heading + .elementor-widget-text-editor,
.tz .e-con.wrap > .elementor-widget-heading + .elementor-widget-text-editor,
.tz .e-con.cena-karta > .elementor-widget-heading + .elementor-widget-html { margin-top: 1rem; }
.tz .e-con.stack > .elementor-widget-text-editor + .elementor-widget-heading,
.tz .e-con.stack > .elementor-widget-html + .elementor-widget-heading,
.tz .e-con.wrap > .elementor-widget-text-editor + .elementor-widget-heading,
.tz .e-con.cena-karta > .elementor-widget-text-editor + .elementor-widget-heading { margin-top: .6rem; }
.tz .e-con.stack > .elementor-widget-image.foto + .elementor-widget-heading { margin-top: 2.5rem; }
.tz .e-con.stack > .elementor-widget-heading + .elementor-widget-html { margin-top: 1rem; }        /* h3 + znala */
.tz .e-con.stack > .elementor-widget-button { margin-top: 2rem; }
.tz .e-con.stack > .elementor-widget-html + .elementor-widget-text-editor.balon-w { margin-top: 0; }
.tz .e-con.wrap > .elementor-widget-html + .elementor-widget-heading.blok { margin-top: 3.5rem; }
.tz .e-con.wrap > .elementor-widget-text-editor + .elementor-widget-html { margin-top: 1.5rem; }    /* lead + kol-grid ; h2+lead+kje: 2.5rem spodaj */
.tz .e-con.wrap > .elementor-widget-html.kje-w { margin-top: 2.5rem; }
.tz .e-con.wrap > .elementor-widget-html + .elementor-widget-text-editor { margin-top: 2.5rem; }    /* harm + note */
.tz .e-con.wrap > .elementor-widget-text-editor + .elementor-widget-button { margin-top: 1.4rem; }
.tz .e-con.wrap > .elementor-widget-heading + .elementor-widget-html { margin-top: 1.4rem; }        /* h2 + zakoga tri */
.tz .e-con.wrap > .elementor-widget-html + .elementor-widget-text-editor.balon-w,
.tz .e-con.wrap > .elementor-widget-text-editor.balon-w + .elementor-widget-text-editor { margin-top: 2rem; }
.tz .e-con.wrap > .elementor-widget-html + .e-con.btn-sred { margin-top: 2.5rem; }
.tz .e-con.wrap > .elementor-widget-text-editor + .elementor-widget-html.dokazi-w { margin-top: 2.2rem; }
.tz .e-con.konec-stolpec > .elementor-widget-text-editor.balon-w + .elementor-widget-heading { margin-top: 3rem; }
.tz .e-con.konec-stolpec > .elementor-widget-heading + .elementor-widget-text-editor { margin-top: .6rem; }
.tz .e-con.konec-stolpec > .elementor-widget-text-editor + .elementor-widget-html { margin-top: 2rem; }
.tz .e-con.konec-stolpec > .elementor-widget-html + .elementor-widget-text-editor { margin-top: 1.4rem; }
.tz .e-con.cena-karta > .elementor-widget-html.pecat-w { position: static; margin: 0; }
.tz .e-con.cena-karta > .elementor-widget-html + .elementor-widget-text-editor { margin-top: 2.5rem; }
.tz .e-con.cena-karta > .elementor-widget-text-editor + .elementor-widget-html { margin-top: 1.4rem; }
.tz .e-con.cena-karta > .elementor-widget-html + .elementor-widget-button { margin-top: 1.4rem; }
.tz .e-con.cena-karta > .elementor-widget-button + .elementor-widget-text-editor { margin-top: 1.6rem; }
.tz .e-con.odgovor > .elementor-widget-image + .elementor-widget-text-editor { margin-top: 0; }
.tz .e-con.hero-grid > .akcija > .elementor-widget-html + .e-con.cta-row { margin-top: 1.6rem; }
.tz .e-con.hero-grid > .akcija > .e-con.cta-row + .elementor-widget-text-editor { margin-top: 1.6rem; }
.tz .e-con.stack.akcija > .e-con.cta-row { margin-top: 1.6rem; }
.tz .e-con.hero-grid > .besedilo > .elementor-widget-html + .elementor-widget-heading { margin-top: 1.25rem; } /* znacka + h1 */
.tz .e-con.hero-grid > .besedilo > .elementor-widget-heading + .elementor-widget-text-editor { margin-top: 2.2rem; } /* h1 + zakoga-mini */
.tz .e-con.hero-grid > .besedilo > .elementor-widget-text-editor + .elementor-widget-text-editor { margin-top: .7rem; } /* zakoga-mini + ul */

/* gumb (button widget) = .btn */
.tz .elementor-widget-button .elementor-button { align-items: center; background: var(--brand); border: 0; border-radius: 999px; color: #fff; display: inline-flex; font: 700 1rem var(--font); gap: .5rem; padding: 1rem 1.6rem; text-decoration: none; transition: transform .15s, box-shadow .15s, background .15s; box-shadow: 0 10px 24px -12px rgba(215, 123, 142, 0.6); }
.tz .elementor-widget-button .elementor-button:hover { background: var(--brand-strong); color: #fff; transform: translateY(-1px); }
.tz .elementor-widget-button .elementor-button-content-wrapper { display: contents; }
.tz .elementor-widget-button.btn-velik .elementor-button { font-size: 1.1rem; padding: 1.1rem 2rem; }

/* slike (image widget): .foto ovoj = widget container */
.tz .elementor-widget-image.foto > .elementor-widget-container { border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-card); }
.tz .elementor-widget-image.foto img { width: 100%; height: auto; border-radius: 0; display: block; }
.tz .elementor-widget-image.foto-sticky { align-self: flex-start; position: sticky; top: 90px; }
.tz .elementor-widget-image.tanja-mini-w { flex: none; width: 72px; }
.tz .elementor-widget-image.tanja-mini-w img { border-radius: 50%; box-shadow: var(--shadow-card); height: 72px; object-fit: cover; object-position: 50% 20%; width: 72px; }
@media (max-width: 600px) { .tz .elementor-widget-image.tanja-mini-w, .tz .elementor-widget-image.tanja-mini-w img { width: 52px; height: 52px; } }
.tz .e-con.hero-grid > .video-stolpec-w { grid-area: video; align-self: start; }
.tz .e-con.hero-grid > .besedilo { grid-area: besedilo; }
.tz .e-con.hero-grid > .akcija { grid-area: akcija; margin-top: .8rem; }

/* sekcije z lastnim ozadjem iz izvornega inline stila */
.tz.misli { background: #FFF9F7; }
.tz.kaj-bela { background: #ffffff; }

/* ── fino uglaševanje po meritvah (ref vs Elementor), 19. 8. ── */
.tz .e-con.odgovor .elementor-widget.elementor-widget-text-editor p { font-size: 1.08rem; line-height: 1.65; }
.tz .e-con.odgovor .elementor-widget.elementor-widget-text-editor p + p { margin-top: 1.25rem; }
.tz .e-con.wrap > .elementor-widget-text-editor.citat-w p + p { margin-top: .4rem; }
.tz .e-con.wrap > .elementor-widget-text-editor + .elementor-widget-html.dokazi-w { margin-top: 2.5rem; }
.tz#zakoga .e-con.wrap > .elementor-widget-heading + .elementor-widget-html,
.tz#zakoga .e-con.wrap > .elementor-widget-html + .elementor-widget-text-editor.balon-w,
.tz#zakoga .e-con.wrap > .elementor-widget-text-editor.balon-w + .elementor-widget-text-editor,
.tz#zakoga .e-con.wrap > .elementor-widget-text-editor + .e-con.btn-sred { margin-top: 2.5rem; }
.tz .e-con.cena-karta > .elementor-widget-html.pecat-w + .elementor-widget-text-editor { margin-top: 0; }
.tz .e-con.cena-karta > .elementor-widget-text-editor + .elementor-widget-heading { margin-top: .4rem; }
.tz .e-con.cena-karta > .elementor-widget-heading + .elementor-widget-html { margin-top: 2.5rem; }
.tz .e-con.cena-karta > .elementor-widget-html + .elementor-widget-button.btn-velik { margin-top: 0; }
.tz .e-con.cena-karta .elementor-widget.elementor-widget-text-editor p.garancija + p.placila { margin-top: 1.25rem; }
.tz .e-con.cena-karta > .elementor-widget-text-editor p, .tz .e-con.cena-karta > .elementor-widget-heading .elementor-heading-title { margin-inline: auto; max-width: 560px; }
.tz .elementor-widget.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.tz .elementor-widget.elementor-widget-text-editor > .elementor-widget-container > .kljuc, .tz .elementor-widget.elementor-widget-html > .elementor-widget-container > .kljuc { margin-top: 0; }
.tz.tanja .elementor-widget.elementor-widget-text-editor p + p, .tz#preventiva .elementor-widget.elementor-widget-text-editor p + p { margin-top: 1.6rem; }
.tz .elementor-widget.elementor-widget-text-editor p { margin-block: 0; }
.tz.tanja .e-con.stack > .elementor-widget-heading + .elementor-widget-text-editor { margin-top: 1rem; }
.tz .elementor-widget.elementor-widget-text-editor ul + p.note { margin-top: .6rem; }
.tz .elementor-widget.elementor-widget-text-editor .kljuc ul { margin-top: 1.2rem; }

.tz.tanja .e-con.stack > .elementor-widget-text-editor + .elementor-widget-text-editor.ul-w { margin-top: .4rem; }
.tz .elementor-widget.elementor-widget-text-editor p.citat-naslov { margin-block: 0; }
.tz#preventiva .e-con.stack > .elementor-element + .elementor-widget-button, .tz .e-con.stack > .elementor-element + .elementor-widget-button { margin-top: 2rem; }
.tz .e-con.stack > .elementor-widget-text-editor + .elementor-widget-text-editor.pravili-w { margin-top: 2rem; }
.tz .elementor-widget-text-editor.pravili-w > .elementor-widget-container > .pravili { margin-top: 0 !important; }
/* top pasica kot Elementor sekcija: p.top nosi izvorni .tz .top stil; sekcija sama je brez paddinga in z denim ozadjem */
.tz.e-con.top-sek { --padding-top: 0; --padding-bottom: 0; background: #7DA6CB; }
.tz.e-con.top-sek .elementor-widget.elementor-widget-text-editor p.top { margin: 0; }
.tz.e-con.pasica-w { position: absolute; left: 0; right: 0; height: 0; margin: 0 !important; padding: 0 !important; min-height: 0; overflow: visible; }
.tz .elementor-widget.elementor-widget-text-editor .balon p:not([class]) { font-size: 1.05rem; line-height: 1.6; }
@media (max-width: 767px) { .tz .elementor-widget.elementor-widget-text-editor .balon p:not([class]) { font-size: .98rem; } }
.tz .elementor-widget.elementor-widget-text-editor .pravili ol { margin-top: .6rem; }
.tz.e-con.top-sek { --padding-left: 0; --padding-right: 0; }
.tz.e-con.top-sek > .top-w, .tz.e-con.top-sek > .e-con-inner > .top-w { width: 100%; max-width: none; }
@media (max-width: 767px) { .tz.e-con.top-sek .elementor-widget.elementor-widget-text-editor p.top { line-height: 1.45; } }
.tz.konec .elementor-widget.elementor-widget-text-editor .balon p:not([class]), .tz.konec .elementor-widget.elementor-widget-text-editor .balon p:not([class]) b { color: var(--ink); }
.tz .elementor-widget-button .elementor-button { text-align: inherit; }
.tz .elementor-widget-button .elementor-button-content-wrapper { display: contents; }
.tz.e-con.top-sek .elementor-widget.elementor-widget-text-editor p.top { background: var(--denim, #7DA6CB); }