/* Aloldalak az új irányban (2026-10-23): neobrutalista keret + kemény árnyék, lekerekítés, pill gombok, pasztell kártyák.
   Csak a body.ud alatt él (inc/uj-dizajn.php). A görgetésre induló mozgások szándékosan kimaradnak:
   a motion.js és a story.js nem töltődik be, a manifesztó és az „út” színpad statikus. */
body.ud{
  --ud-bd:3px solid var(--ink);
  --ud-r:30px; --ud-rs:20px; --ud-big:40px; --ud-ov:2.6rem;
  --ud-sh:6px 6px 0 var(--ink);
  --ud-ease:cubic-bezier(.2,.8,.2,1);
}
@media (max-width:760px){body.ud{--ud-big:28px;--ud-ov:1.7rem;--ud-r:24px;--ud-rs:16px}}

/* ── fejléc ─────────────────────────────────────── */
.ud .topbar{background:rgba(250,250,247,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--ud-bd)}
.ud .topbar .wrap{height:90px}
.ud .brand .ud-logo{display:block;height:64px;width:auto;transition:transform .3s var(--ud-ease)}
.ud .brand:hover .ud-logo{transform:rotate(-3deg) scale(1.05)}
@media(max-width:520px){.ud .topbar .wrap{height:78px}.ud .brand .ud-logo{height:54px}}
.ud .nav{background:var(--paper);border:var(--ud-bd);border-radius:999px;padding:5px;gap:4px;box-shadow:4px 4px 0 var(--ink)}
.ud .nav a,.ud .nav button.navbtn{font-size:.84rem;font-weight:600;padding:8px 14px;border-radius:999px;text-decoration:none!important;transition:background .2s,transform .2s var(--ud-ease)}
.ud .nav a:hover,.ud .nav button.navbtn:hover,.ud .nav button.navbtn[aria-expanded="true"]{background:var(--y-500);transform:translateY(-1px)}
.ud .nav .cta{margin-left:2px;background:var(--y-500);color:var(--ink);border:2px solid var(--ink);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em}
.ud .nav .cta:hover{background:var(--ink);color:var(--paper)}
.ud .submenu{top:calc(100% + 12px);border:var(--ud-bd);border-radius:22px;padding:8px;gap:2px;box-shadow:6px 6px 0 var(--ink);background:var(--paper)}
.ud .submenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.ud .submenu a{border-radius:12px;padding:.6rem .8rem}
.ud .submenu a:hover{background:var(--y-300);transform:none}
.ud .burger{background:var(--paper);border:var(--ud-bd);border-radius:999px;padding:.7rem 1.1rem;box-shadow:4px 4px 0 var(--ink)}
.ud .mobnav{border:0;background:var(--y-500)}
@media(max-width:999px){
  .ud .mobnav:not([hidden]){position:fixed;inset:0;z-index:95;display:block;overflow-y:auto;padding:96px 0 40px}
  .ud .mobnav .wrap{padding-top:0}
  .ud .mobnav a{font-family:var(--display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,6.4vw,2.1rem);line-height:1.1;padding:.35rem 0;border-bottom:3px solid var(--ink)}
  .ud .mobnav .sub{padding-left:0;font-size:clamp(1.3rem,5.6vw,1.8rem)}
  .ud .mobnav .grp{opacity:1;font-weight:700;margin-top:1.3rem}
  body.ud:has(#burger[aria-expanded="true"]) .topbar{z-index:100;background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
  body.ud:has(#burger[aria-expanded="true"]){overflow:hidden}
}

/* ── szekciók: lekerekített lapok, amelyek statikusan egymásra csúsznak ─ */
.ud main section:not(section section){--ud-sp:clamp(3.6rem,7.5vw,7rem);padding-bottom:calc(var(--ud-sp) + var(--ud-ov))}
.ud main section:not(.hero):not(section section){border:0;border-radius:var(--ud-big) var(--ud-big) 0 0;margin-top:calc(-1 * var(--ud-ov));padding-top:calc(var(--ud-sp) + var(--ud-ov) * .35)}
.ud main section.ud-vol:not(section section){padding-bottom:var(--ud-ov)!important}
.ud .hero{--ud-sp:clamp(2.2rem,4vw,3.4rem);background-image:radial-gradient(rgba(10,10,10,.09) 2.4px,transparent 2.8px);background-size:38px 38px}
.ud .pat::before{border-radius:inherit}
.ud footer.site{margin-top:calc(-1 * var(--ud-ov));position:relative;border:0;border-radius:var(--ud-big) var(--ud-big) 0 0;padding-top:calc(clamp(3rem,6vw,4.5rem) + var(--ud-ov) * .35)}
.ud .crumbs{border-bottom:0}

/* ── a régi mozgásmodul rejtett kezdőállapotai nélkül ─ */
html.mot-hl body.ud .hl{background-size:100% 100%;transition:none}
.ud .hl{border-radius:.22em}
.ud .manif{border:0;background:var(--paper)}
.ud .manif.kigyul{height:auto}
.ud .manif.kigyul .manif__tapad{position:static;height:auto;display:block;padding:clamp(1rem,3vw,2rem) 0}
.ud .manif.kigyul .mf{opacity:1}
.ud .ut__szinpad{position:static!important}
.ud .tints.ut__lepesek{gap:1.2rem;padding:0}
.ud .ut__lepesek .tint,.ud .ut .ut__lepesek .tint:not(.aktiv){opacity:1!important}

/* ── gombok ─────────────────────────────────────── */
.ud .btn{background:var(--y-500);color:var(--ink);border:var(--ud-bd);border-radius:999px;box-shadow:5px 5px 0 var(--ink);padding:.9rem 1.5rem;
  transition:transform .22s var(--ud-ease),box-shadow .22s var(--ud-ease),background .2s}
.ud .btn:hover{background:var(--y-500);color:var(--ink);border-color:var(--ink);transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.ud .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.ud .btn--ghost{background:var(--paper)}
.ud .btn--ghost:hover{background:var(--paper)}
.ud .sec--y .btn,.ud .sec--y .btn--ghost{background:var(--paper)}
.ud .sec--y .btn:hover{background:var(--paper)}
.ud .sec--ink .btn{background:var(--y-500);color:var(--ink);border-color:var(--paper);box-shadow:5px 5px 0 var(--paper)}
.ud .sec--ink .btn:hover{background:var(--y-500);border-color:var(--paper);box-shadow:8px 8px 0 var(--paper)}
.ud .sec--ink .btn--ghost{background:transparent;color:var(--paper)}
.ud .sec--ink .btn--ghost:hover{background:transparent;color:var(--paper)}
.ud .sec--o .btn{background:var(--y-500);color:var(--ink);border-color:var(--ink)}
.ud .sec--o .btn:hover{background:var(--y-500);color:var(--ink);border-color:var(--ink)}
.ud .sec--o .btn--ghost{background:var(--paper)}
.ud .arrowlink{border-bottom-width:3px;border-radius:4px 4px 0 0}

/* ── kártyák, lépések, tintek ─ */
.ud .cards{border-top:0;gap:1.25rem}
.ud .cards .card,.ud .cards .card:nth-child(2n),.ud .cards .card:nth-child(2n+1){border:var(--ud-bd);border-radius:var(--ud-r);padding:1.6rem 1.7rem 1.8rem;background:var(--paper);box-shadow:var(--ud-sh)}
.ud .cards .card:nth-child(4n+1){background:var(--y-100)}
.ud .cards .card:nth-child(4n+2){background:var(--m-100)}
.ud .cards .card:nth-child(4n+3){background:var(--g-100)}
.ud .cards .card:nth-child(4n+4){background:var(--o-100)}
.ud .steps{gap:1.1rem}
.ud .step{border:var(--ud-bd);border-radius:var(--ud-r);padding:1.4rem 1.5rem 1.6rem;background:var(--paper);box-shadow:var(--ud-sh)}
.ud .step:nth-child(4n+1){background:var(--y-100)}
.ud .step:nth-child(4n+2){background:var(--m-100)}
.ud .step:nth-child(4n+3){background:var(--g-100)}
.ud .step:nth-child(4n+4){background:var(--o-100)}
.ud .sec--ink .step{background:rgba(250,250,247,.07);border-color:var(--paper);box-shadow:none}
.ud .sec--y .step,.ud .sec--o .step{background:var(--paper)}
.ud .tint{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);padding:1.6rem 1.6rem 1.8rem;transition:transform .25s var(--ud-ease),box-shadow .25s var(--ud-ease)}
.ud .tint:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.ud .taglist span{border-width:2px;border-radius:999px;padding:.22rem .65rem}
.ud .velemeny{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh)}
.ud .velemeny::before{top:-14px}
.ud .pmt{border:var(--ud-bd);border-radius:var(--ud-r)}
.ud .pmt--jo{border-top-width:3px}
.ud .belepo__elem{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);transition:transform .25s var(--ud-ease),box-shadow .25s var(--ud-ease)}
.ud .belepo__elem:hover,.ud .belepo__elem:focus-visible{box-shadow:9px 9px 0 var(--ink)}

/* ── jegyzetek (a post-it helyett lekerekített kártya) ─ */
.ud .note,.ud .two>p{background:var(--paper);background-image:none;border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);padding:1.6rem 1.6rem;line-height:1.7}
.ud .note::before,.ud .two>p::before{display:none}
.ud .two>p:nth-child(odd),.ud .two>p:nth-child(even),.ud .tilt-l,.ud .tilt-r,.ud .tilt-0{transform:none}
.ud .two>p:nth-child(2n+1){background:var(--y-100)}
.ud .two>p:nth-child(2n){background:var(--m-100)}

/* ── képek, projektek, panelek ─ */
.ud .proj .thumb{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh)}
.ud .refshot{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);overflow:hidden}
.ud .portrait{border-radius:var(--ud-r);border:var(--ud-bd);box-shadow:var(--ud-sh)}
.ud .portrait::before{border-radius:calc(var(--ud-r) - 8px)}
.ud .typeart{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);overflow:hidden}
.ud .ut__keret{border:var(--ud-bd);border-radius:var(--ud-r);transform:none;box-shadow:var(--ud-sh)}
.ud .scroller{border:var(--ud-bd);border-radius:var(--ud-rs);overflow:auto}
.ud .pills span{border-width:3px;border-radius:999px}
.ud .filter{border-width:3px;border-radius:999px;padding:.55rem 1.05rem}
.ud .filter.is-on{box-shadow:3px 3px 0 var(--m-500)}
.ud p.pricebox{border-top-width:3px}

/* ── GYIK ─ */
.ud .faq{border-top:0;display:grid;gap:.8rem}
.ud .faq details{border:var(--ud-bd);border-radius:var(--ud-rs);padding:0 1.4rem;background:var(--paper);transition:background .2s}
.ud .faq details[open]{background:var(--y-100)}
.ud .faq summary{padding:1.15rem 2.6rem 1.15rem 0}
.ud .faq summary::after{right:.1rem}

/* ── űrlapok ─ */
.ud .field input,.ud .field select,.ud .field textarea,.ud .subscribe input,
.ud .fluentform form.frm-fluent-form .ff-el-form-control{border:var(--ud-bd);border-radius:16px;background:var(--paper)}
.ud .fluentform form.frm-fluent-form .ff-el-form-control:focus{outline:3px solid var(--m-500);outline-offset:2px;border-color:var(--ink)}
.ud .fluentform form.frm-fluent-form .ff-btn-submit,.ud .fluentform form.frm-fluent-form button.ff-btn{background:var(--y-500);color:var(--ink);border:var(--ud-bd);border-radius:999px;box-shadow:5px 5px 0 var(--ink);padding:.9rem 1.6rem;transition:transform .22s var(--ud-ease),box-shadow .22s var(--ud-ease)}
.ud .fluentform form.frm-fluent-form .ff-btn-submit:hover,.ud .fluentform form.frm-fluent-form button.ff-btn:hover{background:var(--y-500);color:var(--ink);border-color:var(--ink);transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.ud .fluentform form.frm-fluent-form .ff-message-success{border:var(--ud-bd);border-radius:var(--ud-r)}

/* ── WooCommerce (óvatosan: gombok, mezők, kártyák) ─ */
.ud a.button,.ud button.button,.ud input.button,.ud #respond input#submit,
.ud a.button.alt,.ud button.button.alt,.ud .single_add_to_cart_button{
  background:var(--y-500)!important;color:var(--ink)!important;border:var(--ud-bd)!important;border-radius:999px!important;box-shadow:5px 5px 0 var(--ink);
  font-family:var(--mono);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 1.5rem;
  transition:transform .22s var(--ud-ease),box-shadow .22s var(--ud-ease)}
.ud a.button:hover,.ud button.button:hover,.ud input.button:hover,.ud .single_add_to_cart_button:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.ud input.input-text,.ud textarea,.ud select,.ud .select2-selection{border:var(--ud-bd)!important;border-radius:16px!important;background:var(--paper)}
.ud ul.products li.product{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);background:var(--paper);padding:1rem 1rem 1.3rem;transition:transform .25s var(--ud-ease),box-shadow .25s var(--ud-ease)}
.ud ul.products li.product:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.ud ul.products li.product:nth-child(3n+1){background:var(--y-100)}
.ud ul.products li.product:nth-child(3n+2){background:var(--m-100)}
.ud ul.products li.product:nth-child(3n+3){background:var(--g-100)}
.ud ul.products li.product img{border-radius:var(--ud-rs);border:var(--ud-bd)!important}
.ud .woocommerce-message,.ud .woocommerce-info,.ud .woocommerce-error{border:var(--ud-bd);border-radius:var(--ud-rs)}
.ud table.shop_table{border:var(--ud-bd);border-radius:var(--ud-rs);border-collapse:separate;overflow:hidden}

/* ── blog / lapozó ─ */
.ud .nav-links a,.ud .nav-links span{border-width:3px;border-radius:999px}

/* ── egyszerű, nem görgetésvezérelt mozgás: a sorra kerülő elemek egyszer felúsznak ─ */
html.ud-js .ud-fel{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .55s var(--ud-ease)}
html.ud-js .ud-fel.ud-be{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.ud-js .ud-fel{opacity:1;transform:none;transition:none}}

/* a téma saját (erősebb) termékrács-szabályai fölé */
body.ud.woocommerce ul.products[class*="columns-"] li.product,body.ud.woocommerce ul.products li.product{padding:1rem 1.1rem 1.4rem;gap:.7rem;border-radius:var(--ud-r)}
body.ud.woocommerce ul.products li.product a img{border:var(--ud-bd);border-radius:var(--ud-rs);margin:0 0 .4rem}

.ud .woocommerce-products-header:not(:has(*)){display:none}
.ud .termek-garancia{border:var(--ud-bd);border-style:solid;border-radius:var(--ud-rs);background:var(--y-100)}
.ud .woocommerce-tabs ul.tabs li,.ud .woocommerce-tabs ul.tabs li a{border-radius:999px}
.ud .woocommerce-product-gallery{border-radius:var(--ud-r);overflow:hidden}
.ud .woocommerce-product-gallery img{border-radius:calc(var(--ud-r) - 3px)}

/* beágyazott inline-stílusos szekciók és a hero-kép (cikk) */
.ud main section[style*="padding-bottom:0"]:not(section section){padding-bottom:calc(var(--ud-ov) + 1.6rem)!important}
.ud main section[style*="padding-top:0"]:not(section section){padding-top:calc(var(--ud-sp) * .5)!important}
.ud main>.wrap,.ud main>div>.wrap:has(>img.wp-post-image){padding-bottom:calc(2rem + var(--ud-ov))!important}
.ud .wrap>img.wp-post-image{border:var(--ud-bd)!important;border-radius:var(--ud-r);box-shadow:var(--ud-sh)}

/* WooCommerce-blokkok (kosár, pénztár, újdonságok) */
.ud .wp-block-button__link,.ud .wc-block-components-button:not(.is-link),.ud .wc-block-cart__submit-button,.ud .wc-block-components-checkout-place-order-button{
  background:var(--y-500)!important;color:var(--ink)!important;border:var(--ud-bd)!important;border-radius:999px!important;box-shadow:5px 5px 0 var(--ink);text-decoration:none!important;
  font-family:var(--mono);font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:transform .22s var(--ud-ease),box-shadow .22s var(--ud-ease)}
.ud .wp-block-button__link:hover,.ud .wc-block-components-button:not(.is-link):hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.ud .wc-block-components-text-input input,.ud .wc-block-components-select select,.ud .wc-block-components-textarea{border:var(--ud-bd)!important;border-radius:16px!important}
.ud .wc-block-components-totals-wrapper,.ud .wc-block-cart-items{border-color:var(--ink)}

/* ── minden maradék kártya lekerekítve: cikk-oldalsáv, esettanulmány-lépések, termék-GYIK, kosár-termékek ─ */
.ud .oldalsav-doboz{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);padding:1.4rem 1.4rem 1.5rem}
.ud .oldalsav-termek__kep{border:var(--ud-bd);border-radius:var(--ud-rs);overflow:hidden}
.ud .lepes__kartya{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh)}
.ud .lepes__kartya:nth-child(4n+2){background:var(--y-100)}
.ud .lepes__kartya:nth-child(4n+3){background:var(--m-100)}
.ud .lepes--irany .lepes__test{border:var(--ud-bd);border-radius:var(--ud-r)}
.ud .entry .lepes--eredmeny .lepes__test > ul > li{border:var(--ud-bd);border-radius:var(--ud-rs)}
.ud .lepes.lepes--tanulsagok{border-radius:var(--ud-r);border:var(--ud-bd)}
.ud .termekinfo__lista{border-top:0;display:grid;gap:.8rem}
.ud .termekinfo__tetel{border:var(--ud-bd);border-radius:var(--ud-rs);padding:0 1.3rem;background:var(--paper);transition:background .2s}
.ud .termekinfo__tetel[open]{background:var(--y-100)}
.ud li.wc-block-grid__product{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);padding:1rem 1rem 1.3rem;background:var(--paper)}
.ud li.wc-block-grid__product img{border:var(--ud-bd);border-radius:var(--ud-rs)}
.ud main .wp-block-image img,.ud main .entry img{border-radius:var(--ud-rs)}
.ud .fgrid a[aria-label],.ud footer.site .soc a,.ud footer.site .social a{border-radius:12px}
.ud .pkgmeta{border-top-width:3px}
.ud .deliver li{border-radius:0}
.ud .fsocial a{border-radius:12px}
.ud .eu,.ud .esetvel,.ud .onaudit-urlap{border-radius:var(--ud-r);overflow:hidden}
.ud .eu,.ud .esetvel,.ud .onaudit-urlap{border-width:3px}

/* a keretes, lekerekített doboz maga adja a keretet: a benne lévő kép ne kapjon másodikat */
.ud .proj .thumb img,.ud .refshot img,.ud .oldalsav-termek__kep img,.ud .typeart img,.ud .ut__keret img{border:0!important;border-radius:0!important;box-shadow:none!important}
/* terméklapok: a kártya adja a keretet, a kép nem */
body.ud.woocommerce ul.products li.product a img,.ud li.wc-block-grid__product img{border:0!important;border-radius:var(--ud-rs)}
.ud .woocommerce-product-gallery{border:var(--ud-bd);box-shadow:var(--ud-sh)}
.ud .woocommerce-product-gallery img{border:0!important}

/* ── a főoldal véleménykártyája: fehér lap, magenta idézőjel, vonalak nélkül ─ */
.ud .velemeny{background:#fff;box-shadow:8px 8px 0 var(--ink);padding:1.7rem 1.6rem 1.4rem;gap:.7rem}
.ud .velemeny::before{content:"\201C";-webkit-mask:none;mask:none;background:none;width:auto;height:auto;left:1.2rem;top:-.35rem;
  font-family:var(--display);font-weight:800;font-size:4.4rem;line-height:1;color:var(--m-500)}
.ud .velemeny__csillag{display:none}
.ud .velemeny blockquote{margin-top:1.5rem}
.ud .velemeny blockquote p{font-weight:500;line-height:1.55}
.ud .velemeny__ki{border-top:0;padding-top:.4rem}
.ud .velemeny__tovabb{border-bottom:0;padding:.35rem .8rem;border-radius:999px;background:var(--y-300);align-self:flex-start}
.ud .velemeny__tovabb:hover{background:var(--y-500)}
.ud .velemeny__ceg--link{border-bottom:0}
.ud .velemeny__ellenoriz a{border-bottom:0;padding:.5rem 1rem;border-radius:999px;background:var(--paper)}
.ud .gjel{border:0;border-radius:999px;padding:.22rem .6rem;background:var(--paper-warm)}
.ud .velemeny__kiemel{font-family:var(--display);font-stretch:75%;font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase}

/* ── háttérszínek és pontminta a főoldalról ─ */
.ud main section:nth-of-type(odd):not(.pat):not(.hero){background-image:radial-gradient(rgba(10,10,10,.09) 2.4px,transparent 2.8px);background-size:38px 38px}
.ud main section.sec--ink:nth-of-type(odd):not(.pat){background-image:radial-gradient(rgba(250,250,247,.10) 2.4px,transparent 2.8px)}
.ud main section.szolg-vel{background-color:var(--m-100)}
.ud main section.belepo-szekcio{background-color:var(--o-100)}

/* ── vonalak: a belső elválasztók elmaradnak ─ */
.ud .arrowlink,.ud .tint .arrowlink{border-bottom:0;padding:.3rem .8rem;margin-left:-.8rem;border-radius:999px;transition:background .2s}
.ud .arrowlink:hover{background:var(--y-300)}
.ud .deliver,.ud .deliver li{border-top:0;border-bottom:0}
.ud .deliver li{padding:.55rem 0}
.ud p.pricebox,.ud .pkgmeta{border-top:0;padding-top:.4rem}
.ud .heroFoot{border-top:0}
.ud .lepes{border-top:0}
.ud .fgrid{border-bottom:0}
.ud .pricenote a{text-decoration:none;background:var(--y-300);border-radius:6px;padding:0 .3em}
.ud .oldalsav-doboz li{border-bottom:0}
.ud .velemeny__ki,.ud .faq .ans{border-top:0}

/* ── referencia-galéria: lekerekített, a doboz adja a keretet ─ */
.ud .gal__link{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:8px 8px 0 var(--ink);overflow:hidden;background:var(--paper)}
.ud .gal__link:hover{box-shadow:11px 11px 0 var(--ink)}
.ud .gal__kep{border:0!important;border-radius:0!important}
.ud .gal__felirat{margin-top:1rem}
.ud .gal__felirat span{display:inline-block;background:var(--y-500);border:2px solid var(--ink);border-radius:999px;padding:0 .55rem;margin-right:.4rem}
.ud .gal-nagyito{border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:10px 10px 0 var(--ink);overflow:visible}
.ud .gal-nagyito__kep{border-radius:calc(var(--ud-r) - 3px) calc(var(--ud-r) - 3px) 0 0}
.ud .gal-nagyito__gomb,.ud .gal-nagyito__bezar{border:var(--ud-bd);border-radius:50%}
.ud .gal-nagyito::backdrop{background:rgba(10,10,10,.72)}
@media (max-width:760px){.ud .gal__link{box-shadow:5px 5px 0 var(--ink)}}

/* ── további vonalak ─ */
.ud p.pkgprice,.ud .pmt__jegyzet,.ud .kurzus-leckek,.ud .lecke-nav,.ud .eset,.ud .eset__blokk{border-top:0;border-bottom:0}
.ud .entry hr{border:0;margin:1.2rem 0}

/* ── „Ismerős?” blokk: két oszlop, jobbra videós mobil-mockup ─ */
.ud .ud-ism{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}
@media(min-width:900px){.ud .ud-ism{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2.5rem,6vw,5rem)}}
.ud .ud-ism__tel{margin:0;display:flex;flex-direction:column;align-items:center;gap:1.1rem}
.ud .ud-tel{position:relative;width:min(100%,290px);aspect-ratio:390/844;border:4px solid var(--ink);border-radius:38px;overflow:hidden;background:var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(3deg);transition:transform .5s var(--ud-ease)}
.ud .ud-tel:hover{transform:rotate(0deg)}
.ud .ud-tel::before{content:"";position:absolute;z-index:2;top:9px;left:50%;width:74px;height:20px;margin-left:-37px;border-radius:99px;background:var(--ink)}
.ud .ud-tel video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:899px){.ud .ud-tel{width:min(72%,260px);transform:none}}
@media (prefers-reduced-motion:reduce){.ud .ud-tel{transform:none;transition:none}}

/* ── narancs szakaszok: nem teljes szélességű sáv, hanem narancs konténer pontozott háttérrel ─ */
.ud main section.sec--o{background-color:var(--paper)}
.ud main section.sec--o.pat::before{display:none}
.ud main section.sec--o>.wrap{
  position:relative;width:calc(100% - 2 * var(--gut));max-width:1240px;margin-inline:auto;
  padding:clamp(2.4rem,5vw,4.6rem) clamp(1.3rem,4vw,3.6rem);
  background-color:var(--o-500);
  background-image:radial-gradient(rgba(10,10,10,.16) 2.4px,transparent 2.8px);background-size:38px 38px;
  border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:8px 8px 0 var(--ink)}
.ud main section.sec--o .eyebrow,.ud main section.sec--o .quiet,.ud main section.sec--o p{opacity:1;color:var(--ink)}
@media (max-width:760px){.ud main section.sec--o>.wrap{box-shadow:5px 5px 0 var(--ink)}}

/* ── termékkártya: kép felül, kategória-jelvény, rövid leírás, alul ár + gomb ─ */
body.ud.woocommerce ul.products[class*="columns-"] li.product,body.ud.woocommerce ul.products li.product{
  position:relative;display:grid;grid-template-columns:1fr auto;grid-auto-rows:auto;align-content:start;gap:0;padding:0;overflow:hidden;
  background:var(--paper);border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh)}
body.ud.woocommerce ul.products li.product.product_cat-weboldal{background:var(--y-100)}
body.ud.woocommerce ul.products li.product.product_cat-marka-es-tartalom{background:var(--m-100)}
body.ud.woocommerce ul.products li.product.product_cat-mukodes-es-automatizalas{background:var(--g-100)}
body.ud.woocommerce ul.products li.product.product_cat-teljes-rendszer{background:var(--o-100)}
body.ud.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:contents}
body.ud.woocommerce ul.products li.product a img{grid-column:1/-1;grid-row:1;width:100%;aspect-ratio:4/3;object-fit:cover;margin:0;border:0!important;border-radius:0}
body.ud.woocommerce ul.products li.product .ud-pk-kat{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--mono);font-weight:700;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
  background:var(--y-500);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:5px 11px;line-height:1.2}
body.ud.woocommerce ul.products li.product .woocommerce-loop-product__title{grid-column:1/-1;grid-row:2;padding:1.15rem 1.3rem 0;font-size:1.3rem;line-height:1.05}
body.ud.woocommerce ul.products li.product .ud-pk-leiras{grid-column:1/-1;grid-row:3;margin:0;padding:.55rem 1.3rem 0;font-size:.9rem;line-height:1.45;color:var(--ink);opacity:.85;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body.ud.woocommerce ul.products li.product .price{grid-column:1;grid-row:4;align-self:center;padding:1.1rem 0 1.3rem 1.3rem;font-size:1.55rem}
body.ud.woocommerce ul.products li.product .price .price--ingyenes,body.ud.woocommerce ul.products li.product .price.price--ingyenes{
  background:var(--g-500);color:#fff;border-radius:999px;padding:.2rem .8rem;font-size:1.05rem;display:inline-block}
body.ud.woocommerce ul.products li.product .button{grid-column:2;grid-row:4;align-self:center;margin:1.1rem 1.3rem 1.3rem 0;padding:.65rem 1.1rem;font-size:.7rem;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
body.ud.woocommerce ul.products li.product:has(a:focus-visible){outline:3px solid var(--m-500);outline-offset:3px}
@media(max-width:420px){body.ud.woocommerce ul.products li.product .button{padding:.6rem .85rem}}
.ud main section.woo .woocommerce-products-header{display:none}
.ud main section.woo{padding-top:calc(var(--ud-sp) * .45)!important}

/* ── kártyaszínek: hat színű ciklus, hogy egy sorban se ismétlődjön ugyanaz ─ */
.ud .cards .card:nth-child(6n+1),.ud .step:nth-child(6n+1){background:var(--y-100)}
.ud .cards .card:nth-child(6n+2),.ud .step:nth-child(6n+2){background:var(--m-100)}
.ud .cards .card:nth-child(6n+3),.ud .step:nth-child(6n+3){background:var(--g-100)}
.ud .cards .card:nth-child(6n+4),.ud .step:nth-child(6n+4){background:var(--o-100)}
.ud .cards .card:nth-child(6n+5),.ud .step:nth-child(6n+5){background:var(--k-100,#D9E5FC)}
.ud .cards .card:nth-child(6n+6),.ud .step:nth-child(6n+6){background:#fff}
/* a sablonban inline nullázott belső tér (teljes szélességű utolsó kártya) */
.ud .cards .card[style]{padding:1.6rem 1.7rem 1.8rem!important;border-right-width:3px!important}

/* ── sötét szekcióban a pasztell lépések és kártyák sötét szöveget kapnak ─ */
.ud .sec--ink .step,.ud .sec--ink .step *,.ud .sec--ink .cards .card,.ud .sec--ink .cards .card *{color:var(--ink)}
.ud .sec--ink .step{border-color:var(--paper);box-shadow:6px 6px 0 var(--paper)}
.ud .sec--ink .cards .card{border-color:var(--paper);box-shadow:6px 6px 0 var(--paper)}

/* ── díszmintás szekciók: a minta csak a szélek felé látszik, a tartalom mögött tiszta a háttér ─ */
.ud main section.pat:not(.sec--o)::before{
  -webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,transparent 0,transparent 55%,#000 100%);
  mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,transparent 0,transparent 55%,#000 100%);
  opacity:.8}
.ud main section.sec--ink.pat:not(.sec--o)::before{opacity:.55}
@media (max-width:760px){
  .ud main section.pat:not(.sec--o)::before{
    -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 18%,transparent 82%,#000 100%);
    mask-image:linear-gradient(180deg,#000 0,transparent 18%,transparent 82%,#000 100%)}
}

/* ── „Mit kapsz” lista: jegyzetfüzet-lap, amelyen sorra kipipálódik minden elem ─ */
.ud ul.deliver{position:relative;display:block;margin:0;color:var(--ink);background:#FFFDF6;border:var(--ud-bd);border-radius:var(--ud-rs);box-shadow:var(--ud-sh);
  padding:1.6rem 1.6rem 1.3rem 3.9rem;overflow:hidden}
/* spirál-lyukak a bal szélen */
.ud ul.deliver::before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:1.4rem;
  background:radial-gradient(circle at 50% 50%,var(--paper) 0 .42rem,var(--ink) .45rem .6rem,transparent .65rem) 0 0/100% 2.1rem repeat-y}
/* margóvonal */
.ud ul.deliver::after{content:"";position:absolute;left:3.05rem;top:0;bottom:0;width:2px;background:rgba(228,0,124,.4)}
.ud ul.deliver li{position:relative;display:block;padding:.78rem 0 .78rem 2.35rem;border:0;border-bottom:1.5px solid rgba(46,92,214,.22);font-size:1rem;line-height:1.45}
.ud ul.deliver li:last-child{border-bottom:0}
.ud ul.deliver li b{display:none}
/* jelölőnégyzet */
.ud ul.deliver li::before{content:"";position:absolute;left:0;top:.98rem;width:1.3rem;height:1.3rem;border:2.5px solid var(--ink);border-radius:6px;background:#fff}
/* a pipa */
.ud ul.deliver li::after{content:"";position:absolute;left:.3rem;top:1.02rem;width:.9rem;height:.5rem;border-left:3.5px solid var(--m-500);border-bottom:3.5px solid var(--m-500);
  transform:rotate(-48deg) scale(1);transform-origin:50% 50%;transition:transform .35s var(--ud-ease),opacity .2s}
.ud ul.deliver.ud-pipa-js li:not(.ud-ki)::after{transform:rotate(-48deg) scale(0);opacity:0}
.ud ul.deliver--wide li strong{display:block}
.ud ul.deliver--wide li p{margin:.15rem 0 0}
@media(max-width:560px){.ud ul.deliver{padding:1.3rem 1.1rem 1rem 3.3rem}.ud ul.deliver::after{left:2.6rem}}

/* ── a sötét szekciók helyett türkizzöld lap: friss, jól olvasható, a pasztell kártyák kiugranak rajta ─ */
.ud main section.sec--ink:not(.ud-vol){
  background-color:var(--g-500);color:var(--paper);
  background-image:radial-gradient(rgba(250,250,247,.18) 2.4px,transparent 2.8px)!important;background-size:38px 38px}
.ud main section.sec--ink.pat:not(.ud-vol)::before{display:none}
.ud main section.sec--ink:not(.ud-vol) .eyebrow,.ud main section.sec--ink:not(.ud-vol) .quiet{color:var(--paper);opacity:1}
.ud main section.sec--ink:not(.ud-vol) .txt-o,.ud main section.sec--ink:not(.ud-vol) .txt-y{color:var(--y-500)}
.ud main section.sec--ink:not(.ud-vol) .step,.ud main section.sec--ink:not(.ud-vol) .cards .card{border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}
.ud main section.sec--ink:not(.ud-vol) a:not(.btn){color:var(--paper)}
.ud main section.sec--ink:not(.ud-vol) .btn{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.ud main section.sec--ink:not(.ud-vol) .btn:hover{border-color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.ud main section.sec--ink:not(.ud-vol) .btn--ghost{background:var(--paper);color:var(--ink)}
.ud main section.sec--ink:not(.ud-vol) .pills span{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.ud main section.sec--ink:not(.ud-vol){background-image:none!important}

/* ── manifesztó-szekció: mint a főoldalon, a szöveg körül szétszórt illusztrációkkal (statikusan a rendezett állapotban) ─ */
.ud main section.manif{--ud-sp:clamp(2.6rem,5vw,4.4rem);--p:1}
.ud .manif .manif__tapad{padding:clamp(3rem,7vw,5.5rem) 0}
.ud .manif__szoveg{font-size:clamp(1.5rem,3.1vw,2.5rem);max-width:30ch}
@media (prefers-reduced-motion:no-preference){.ud .manif__hatter svg{animation:mi-lebeg 7s ease-in-out infinite alternate;animation-delay:var(--d,0s)}}

/* ── díszmintás szekciók: a konfetti-minta helyett kevés, nagy, lapos matrica a sarkokban (uj-alap.js rakja be) ─ */
.ud main section.pat::before{display:none}
.ud .pat>.ud-stick{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.ud-stick .ud-st{position:absolute;display:block;width:var(--s,70px);transform:rotate(var(--r,0deg))}
.ud-stick .ud-st svg{display:block;width:100%;height:auto;overflow:visible}
.ud-stick .ud-st .sh{fill:var(--ink)}
.ud-stick .ud-st .fg{stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){.ud-stick .ud-st svg{animation:mi-lebeg 7s ease-in-out infinite alternate;animation-delay:var(--d,0s)}}
@media (max-width:1100px){.ud-stick .ud-st{width:calc(var(--s,70px) * .75)}}
@media (max-width:760px){.ud-stick .ud-st{width:calc(var(--s,70px) * .55)}.ud-stick .ud-st:nth-child(n+3){display:none}}

/* ── egységes belső tér: minden szekció azonos fölső/alsó térrel (az inline nullázások felülírva), minden doboz azonos belső paddinggel ─ */
.ud main section:not(.hero):not(.ud-vol):not(section section){padding-top:calc(var(--ud-sp) + var(--ud-ov) * .35)!important;padding-bottom:calc(var(--ud-sp) + var(--ud-ov))!important}
body.ud{--ud-pad:1.6rem 1.7rem 1.7rem}
.ud .cards .card,.ud .cards .card:nth-child(2n),.ud .cards .card:nth-child(2n+1),.ud .cards .card[style],.ud .step,.ud .note,.ud .two>p,.ud .tint,.ud .pmt,.ud .belepo__elem,.ud .oldalsav-doboz,.ud .lepes__kartya,.ud .velemeny,.ud .termek-garancia{padding:var(--ud-pad)!important}
.ud .velemeny{padding-top:2rem!important}
.ud .faq details{padding-left:1.7rem;padding-right:1.7rem}
@media (max-width:560px){body.ud{--ud-pad:1.3rem 1.3rem 1.4rem}}

/* ── Academy értesítő: sárga konténer, narancs CTA-gomb ─ */
.ud main section#ertesito>.wrap{background-color:var(--y-500)}
.ud main section#ertesito .btn,.ud main section#ertesito .ff-btn-submit,.ud main section#ertesito button.ff-btn{background:var(--o-500)!important;color:var(--ink)!important;border:var(--ud-bd)!important}
.ud main section#ertesito .btn:hover,.ud main section#ertesito .ff-btn-submit:hover{background:var(--o-500)!important}
.ud main section#ertesito .hl{background:var(--paper)}
/* „nem neked szól” lista: ✕ jelzés a csillag helyett */
.ud .checks--nem li::before{-webkit-mask:none;mask:none;background:none;content:"\2715";width:auto;height:auto;top:.05em;font-weight:800;font-size:1.05rem;line-height:1.4;color:var(--o-700,#A92200)}

/* ── Academy: a zárt csoport két oszlopban, jobbra a chatablak-videó ─ */
.ud .ud-zart{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}
@media(min-width:900px){.ud .ud-zart{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,5vw,4.5rem)}}
.ud .ud-zart .sechead{text-align:left;margin-bottom:0}
.ud .ud-zart__chat{margin:0;display:flex;flex-direction:column;align-items:center;gap:1.1rem}
.ud .ud-chat{position:relative;width:min(100%,440px);aspect-ratio:4/5;border:var(--ud-bd);border-radius:var(--ud-r);overflow:hidden;box-shadow:10px 10px 0 var(--ink);background:var(--paper);transform:rotate(-2deg);transition:transform .5s var(--ud-ease)}
.ud .ud-chat:hover{transform:rotate(0)}
.ud .ud-chat video{display:block;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.ud .ud-chat{transform:none;transition:none}}

/* ── Academy, „Egy valódi lecke”: balra összevissza, mégis harmonikusan lebegő kártyák, jobbra a példák ─ */
.ud .ud-lecke{display:grid;grid-template-columns:1fr;gap:2.6rem;align-items:start;margin-top:2.6rem}
@media(min-width:960px){.ud .ud-lecke{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3.6rem}}
.ud .ud-lecke .modgrid{margin-top:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.4rem;padding:.8rem .8rem 1.4rem}
.ud .ud-lecke .modgrid .step{--x:0px;--y:0px;--r:0deg;--dur:7s;--dl:0s;position:relative;transform:translate(var(--x),var(--y)) rotate(var(--r))}
.ud .ud-lecke .modgrid .step:nth-child(1){--x:-4px;--y:6px;--r:-2.2deg;--dur:7.4s;--dl:-1s}
.ud .ud-lecke .modgrid .step:nth-child(2){--x:10px;--y:-12px;--r:2.4deg;--dur:6.6s;--dl:-3s}
.ud .ud-lecke .modgrid .step:nth-child(3){--x:-8px;--y:8px;--r:1.6deg;--dur:8s;--dl:-2s}
.ud .ud-lecke .modgrid .step:nth-child(4){--x:8px;--y:-6px;--r:-2.8deg;--dur:7s;--dl:-4.5s}
.ud .ud-lecke .modgrid .step:nth-child(5){grid-column:1 / -1;width:min(66%,300px);justify-self:center;--x:6px;--y:0px;--r:2deg;--dur:7.8s;--dl:-2.5s}
.ud .ud-lecke .modgrid .step:hover{z-index:2}
.ud .ud-lecke .pmt-parbaj{grid-template-columns:1fr;margin-top:0;gap:1.8rem;align-items:stretch}
.ud .ud-lecke .pmt{box-shadow:var(--ud-sh)}
.ud .ud-lecke .pmt:nth-child(1){transform:rotate(-1.2deg)}
.ud .ud-lecke .pmt:nth-child(2){transform:rotate(1deg);background:#fff}
@media (prefers-reduced-motion:no-preference){
  .ud .ud-lecke .modgrid .step{animation:ud-lebeg var(--dur) ease-in-out var(--dl) infinite alternate}
  .ud .ud-lecke .modgrid .step:hover{animation-play-state:paused}
}
@keyframes ud-lebeg{
  from{transform:translate(var(--x),var(--y)) rotate(var(--r))}
  to{transform:translate(calc(var(--x) + 5px),calc(var(--y) - 10px)) rotate(calc(var(--r) * -.55))}
}
@media (max-width:959px){.ud .ud-lecke .modgrid .step:nth-child(5){width:min(80%,320px)}}
@media (max-width:520px){.ud .ud-lecke .modgrid{grid-template-columns:1fr;gap:1.3rem}.ud .ud-lecke .modgrid .step:nth-child(5){width:100%}}

/* ── „Kinek való”: kiemelt szekció nagy lista-kártyákkal és illusztrációval ─ */
.ud .ud-kinek__fej{margin-bottom:2.2rem;max-width:880px}
.ud .ud-kinek__cimke{display:inline-block;font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;background:var(--y-500);color:var(--ink);border:var(--ud-bd);border-radius:999px;padding:.4rem 1rem;box-shadow:4px 4px 0 var(--ink);margin-bottom:1.1rem}
.ud .ud-kinek__fej h2{font-size:clamp(2.2rem,5.4vw,4.4rem);line-height:.96}
.ud .ud-kinek__racs{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}
@media(min-width:900px){.ud .ud-kinek__racs{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2.5rem,5vw,4.5rem)}}
.ud .ud-kinek__lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}
.ud .ud-kinek__lista li{display:flex;gap:1rem;align-items:flex-start;background:var(--paper);border:var(--ud-bd);border-radius:var(--ud-r);box-shadow:var(--ud-sh);padding:1.15rem 1.4rem;font-size:1.08rem;line-height:1.45;font-weight:600;transition:transform .25s var(--ud-ease),box-shadow .25s var(--ud-ease)}
.ud .ud-kinek__lista li:nth-child(3n+1){background:var(--y-100)}
.ud .ud-kinek__lista li:nth-child(3n+2){background:var(--g-100)}
.ud .ud-kinek__lista li:nth-child(3n+3){background:var(--m-100)}
.ud .ud-kinek__lista li:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.ud .ud-pipa{flex:0 0 1.7rem;width:1.7rem;height:1.7rem;border:3px solid var(--ink);border-radius:8px;background:#fff;position:relative;margin-top:.1rem}
.ud .ud-pipa::after{content:"";position:absolute;left:.3rem;top:.2rem;width:.78rem;height:.42rem;border-left:3.5px solid var(--m-500);border-bottom:3.5px solid var(--m-500);transform:rotate(-48deg)}
.ud .ud-kinek__szoveg p{font-size:1.1rem;line-height:1.6;margin:0 0 1.4rem;max-width:52ch}
.ud .ud-kinek__ill{display:flex;justify-content:center}
.ud .ud-kinek__svg{width:min(100%,480px);height:auto;overflow:visible;filter:none}
@media (prefers-reduced-motion:no-preference){.ud .ud-kinek__svg{animation:mi-lebeg 8s ease-in-out infinite alternate}}
.ud .ud-kinek__nem{margin-top:2.8rem}
.ud .ud-kinek__nemcim{display:block;font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.ud .ud-kinek__nemlista{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:760px){.ud .ud-kinek__nemlista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ud .ud-kinek__nemkartya{display:flex;flex-direction:column;gap:.5rem;background:var(--o-100);border:var(--ud-bd);border-radius:var(--ud-rs);box-shadow:5px 5px 0 var(--ink);padding:1rem 1.3rem;text-decoration:none;color:var(--ink);transition:transform .25s var(--ud-ease),box-shadow .25s var(--ud-ease)}
.ud .ud-kinek__nemkartya:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.ud .ud-kinek__nemkartya strong{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}