/* Piactér webes lista — „Lendület” kinézet (ADOK_VESZEK_PIACTER_SPEC §88.20; projektgazdai választás, 2026-10-22).
   Csak a megjelenés változik (a kereső, a szűrő, a lista és a térkép működése közös); a PWA-t nem érinti. Mozgás csak
   `.ptk-mozgas` alatt (js/piacter-kinezet.js; csökkentett mozgásnál nem kapcsol be). Oldalsó hangsúlycsík nincs (§27). */

/* ---------- Közös bevezető-elemek ---------- */
.ptk-hos { position: relative; margin: 0 0 22px; }
.ptk-felcim { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 6px 14px 6px 6px; border-radius: 999px;
  background: rgba(60, 148, 141, .12); color: var(--aq-accent-sotetebb); font-size: .8125rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ptk-felcim__ikon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--aq-accent-sotet); color: #fff; }
.ptk-felcim__ikon .ikon { width: 16px; height: 16px; }
.ptk-cim { margin: 0 0 14px; font-size: clamp(2.2rem, 1.4rem + 3.2vw, 4rem); line-height: 1.03; letter-spacing: -.04em; text-wrap: balance; }
.ptk-kiemel { background: linear-gradient(transparent 60%, rgba(159, 211, 201, .6) 60%, rgba(159, 211, 201, .6) 90%, transparent 90%) no-repeat 0 0 / 100% 100%; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.ptk-lead { max-width: 58ch; margin: 0 0 20px; font-size: clamp(1.02rem, .98rem + .3vw, 1.15rem); line-height: 1.6; }
.ptk-szamok { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.ptk-szamok li { display: grid; min-width: 104px; padding: 10px 16px; border-radius: 16px; background: rgba(255, 255, 255, .1); line-height: 1.15; }
.ptk-szamok b { font-size: 1.6rem; font-weight: 900; letter-spacing: -.02em; }
.ptk-szamok span { font-size: .82rem; font-weight: 700; opacity: .8; }
.ptk-gombok { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ptk-gomb-fo { min-height: 54px; padding: 0 24px; border-radius: 16px; font-size: 1.02rem; }
.ptk-gomb-masod { display: inline-flex; align-items: center; gap: 8px; min-height: 54px; padding: 0 20px; border-radius: 16px; font-weight: 800; text-decoration: none; }
.ptk-gombok .ikon { width: 1.15em; height: 1.15em; }

/* ---------- A: Lendület ---------- */
.pt-oldal--a main { overflow-x: clip; }
.ptk-hos--a { margin: 0 calc(-1 * var(--kilogas, 24px)) 8px; padding: clamp(40px, 6vw, 76px) var(--kilogas, 24px) 0; overflow: hidden; color: #fff;
  background: radial-gradient(55% 80% at 82% 18%, rgba(159, 211, 201, .3), transparent 62%), linear-gradient(155deg, #0F3038 0%, #22605C 58%, #3F7050 100%); }
.ptk-hos--a .ptk-hos__belso { position: relative; z-index: 1; display: grid; gap: 30px; padding-bottom: 30px; }
.ptk-hos--a .ptk-felcim { background: rgba(255, 255, 255, .12); color: #9FD3C9; }
.ptk-hos--a .ptk-felcim__ikon { background: #9FD3C9; color: #0F3038; }
.ptk-hos--a .ptk-cim { color: #fff; }
.ptk-hos--a .ptk-kiemel { background-image: linear-gradient(transparent 62%, rgba(159, 211, 201, .42) 62%, rgba(159, 211, 201, .42) 92%, transparent 92%); }
.ptk-hos--a .ptk-lead { color: rgba(255, 255, 255, .86); }
.ptk-hos--a .ptk-gomb-fo { background: #fff; color: #22605C; box-shadow: 0 12px 30px rgba(6, 20, 18, .3); }
.ptk-hos--a .ptk-gomb-fo:hover { background: #EAF4F0; color: #22605C; }
.ptk-hos--a .ptk-gomb-masod { border: 2px solid rgba(255, 255, 255, .6); color: #fff; }
.ptk-hos--a .ptk-gomb-masod:hover { border-color: #fff; background: rgba(255, 255, 255, .1); }
.ptk-hos__szinpad { position: relative; min-height: 380px; }
.ptk-folt { position: absolute; left: 50%; top: 50%; width: 420px; height: 420px; margin: -210px 0 0 -210px; border-radius: 50%; background: radial-gradient(circle, rgba(159, 211, 201, .4), transparent 66%); filter: blur(8px); }
.ptk-lebego { position: absolute; z-index: 1; width: min(46vw, 240px); margin: 0; padding: 8px; border-radius: 20px; background: #fff; color: #0D1A17; box-shadow: 0 30px 60px rgba(4, 16, 14, .4); translate: 0 var(--par, 0px); }
.ptk-lebego__kep { display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 14px; background: #E3EFEA; }
.ptk-lebego__kep img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ptk-lebego figcaption { display: grid; gap: 2px; padding: 8px 6px 4px; line-height: 1.25; }
.ptk-lebego figcaption b { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: .92rem; }
.ptk-lebego figcaption span { color: #22605C; font-weight: 900; }
.ptk-lebego--1 { left: 2%; top: 4%; transform: rotate(-7deg); }
.ptk-lebego--2 { right: 2%; top: 18%; z-index: 2; transform: rotate(5deg); }
.ptk-lebego--3 { left: 22%; bottom: 0; transform: rotate(-2deg); }
.ptk-buborekok { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.ptk-buborekok i { position: absolute; bottom: -30px; width: 6px; height: 6px; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, .95), rgba(190, 232, 224, .5) 45%, rgba(159, 211, 201, 0) 72%); box-shadow: 0 0 10px rgba(159, 211, 201, .45); }
.ptk-buborekok i:nth-child(1) { left: 6%; } .ptk-buborekok i:nth-child(2) { left: 17%; width: 4px; height: 4px; } .ptk-buborekok i:nth-child(3) { left: 29%; width: 30px; height: 30px; background: radial-gradient(circle, rgba(159, 211, 201, .3), transparent 70%); box-shadow: none; filter: blur(3px); }
.ptk-buborekok i:nth-child(4) { left: 41%; } .ptk-buborekok i:nth-child(5) { left: 53%; width: 4px; height: 4px; } .ptk-buborekok i:nth-child(6) { left: 64%; }
.ptk-buborekok i:nth-child(7) { left: 75%; width: 30px; height: 30px; background: radial-gradient(circle, rgba(159, 211, 201, .3), transparent 70%); box-shadow: none; filter: blur(3px); }
.ptk-buborekok i:nth-child(8) { left: 86%; width: 4px; height: 4px; } .ptk-buborekok i:nth-child(9) { left: 95%; }
.ptk-hullam { position: relative; z-index: 1; display: block; width: 112%; height: clamp(40px, 5vw, 80px); margin: -1px 0 -1px -6%; }
.ptk-hullam path { fill: var(--td-hatter, var(--aq-paper)); }
.ptk-hullam__h { opacity: .45; }
.pt--a .pt-kartya__link { position: relative; border-radius: 22px; }
.pt--a .pt-racs:not(.pt-racs--lap) .pt-kartya__ar { position: absolute; left: 10px; top: calc(75cqw - 48px); padding: 6px 13px; border-radius: 999px; background: #fff; box-shadow: 0 8px 20px rgba(13, 26, 23, .22); font-size: 1rem; }
.pt--a .pt-racs:not(.pt-racs--lap) .pt-kartya__regi-ar { font-size: .78rem; }

/* ---------- Közös kártyaélénkítés (mindhárom változat) ---------- */
.pt--a .pt-kartya__link { transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s; }
.pt--a .pt-kartya__link:hover { transform: translateY(-6px); box-shadow: 0 24px 44px rgba(13, 26, 23, .16); }
.pt--a .pt-kartya__kep { overflow: hidden; }
.pt--a .pt-kartya__kep img { transition: transform .7s cubic-bezier(.2, .8, .2, 1); }
.pt--a .pt-kartya__link:hover .pt-kartya__kep img { transform: scale(1.07); }
@media (min-width: 1024px) { .pt .ptk-hos { grid-area: hero; } }

/* ---------- Mozgás ---------- */
.ptk-mozgas .pt-racs:not(.pt-racs--lap) > .pt-kartya, .ptk-mozgas [data-ptk-lat] { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .8, .2, 1); }
.ptk-mozgas .pt-racs:not(.pt-racs--lap) > .pt-kartya.ptk-lat, .ptk-mozgas [data-ptk-lat].ptk-lat { opacity: 1; transform: none; }
.ptk-mozgas .pt-racs > .pt-kartya:nth-child(4n+2) { transition-delay: .07s; } .ptk-mozgas .pt-racs > .pt-kartya:nth-child(4n+3) { transition-delay: .14s; } .ptk-mozgas .pt-racs > .pt-kartya:nth-child(4n) { transition-delay: .21s; }
.ptk-mozgas .ptk-kiemel { animation: ptk-kiemel 1.2s .45s cubic-bezier(.2, .8, .2, 1) both; }
.ptk-mozgas .ptk-hos__szoveg > * { animation: ptk-be .7s ease both; }
.ptk-mozgas .ptk-hos__szoveg > :nth-child(2) { animation-delay: .06s; }
.ptk-mozgas .ptk-hos__szoveg > :nth-child(3) { animation-delay: .12s; }
.ptk-mozgas .ptk-hos__szoveg > :nth-child(n+4) { animation-delay: .18s; }
.ptk-mozgas .ptk-lebego { animation: ptk-lebeg 6.5s ease-in-out infinite; }
.ptk-mozgas .ptk-lebego--2 { animation-duration: 7.5s; animation-delay: -2.5s; } .ptk-mozgas .ptk-lebego--3 { animation-duration: 8s; animation-delay: -4s; }
.ptk-mozgas .ptk-buborekok i { animation: ptk-buborek 12s linear infinite; }
.ptk-mozgas .ptk-buborekok i:nth-child(2n) { animation-duration: 15s; animation-delay: -5s; } .ptk-mozgas .ptk-buborekok i:nth-child(3n) { animation-duration: 10s; animation-delay: -8s; }
.ptk-mozgas .ptk-folt { animation: ptk-lukt 7s ease-in-out infinite; }
.ptk-mozgas .ptk-hullam__e { animation: ptk-hullam 9s ease-in-out infinite alternate; } .ptk-mozgas .ptk-hullam__h { animation: ptk-hullam 12s ease-in-out infinite alternate-reverse; }
.ptk-mozgas .ptk-gomb-fo { animation: ptk-pulzus 2.8s ease-in-out infinite; }
@keyframes ptk-be { from { opacity: 0; transform: translateY(16px); } }
@keyframes ptk-kiemel { from { background-size: 0% 100%; } to { background-size: 100% 100%; } }
@keyframes ptk-lebeg { 0%, 100% { margin-top: 0; } 50% { margin-top: -12px; } }
@keyframes ptk-buborek { 0% { opacity: 0; transform: translate(0, 0); } 12% { opacity: .75; } 50% { transform: translate(8px, -40vh); } 100% { opacity: 0; transform: translate(-6px, -90vh); } }
@keyframes ptk-lukt { 0%, 100% { transform: scale(1); opacity: .85; } 50% { transform: scale(1.18); opacity: 1; } }
@keyframes ptk-hullam { from { transform: translateX(-2.5%) scaleY(1); } to { transform: translateX(2.5%) scaleY(1.18); } }
@keyframes ptk-pulzus { 0%, 100% { box-shadow: 0 12px 30px rgba(6, 20, 18, .25), 0 0 0 0 rgba(159, 211, 201, .55); } 50% { box-shadow: 0 12px 30px rgba(6, 20, 18, .25), 0 0 0 12px rgba(159, 211, 201, 0); } }

@media (min-width: 960px) {
  .ptk-hos--a .ptk-hos__belso { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 40px; }
  .ptk-hos__szinpad { min-height: 440px; }
}
@media (max-width: 600px) {
  .ptk-hos__szinpad { min-height: 330px; }
  .ptk-lebego { width: 46vw; }
  .ptk-lebego--3 { left: 26%; }
}
.ptk-felcim { max-width: 100%; }