{"id":1904,"date":"2024-07-26T11:56:37","date_gmt":"2024-07-26T11:56:37","guid":{"rendered":"https:\/\/arcolvasas.hu\/?page_id=1904"},"modified":"2026-05-29T07:50:20","modified_gmt":"2026-05-29T07:50:20","slug":"arak","status":"publish","type":"page","link":"https:\/\/arcolvasas.hu\/index.php\/arak\/","title":{"rendered":"\u00c1rak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1904\" class=\"elementor elementor-1904\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f610cf8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f610cf8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\n\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\n\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb613ff\" data-id=\"fb613ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfa625a elementor-widget elementor-widget-heading\" data-id=\"dfa625a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">K\u00e9pz\u00e9sek \u00e9s a tanfolyamok \u00e1rai<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ebbf65 elementor-widget elementor-widget-text-editor\" data-id=\"0ebbf65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>V\u00e1lj te is az arcolvas\u00e1s mester\u00e9v\u00e9, saj\u00e1t\u00edtsd el a tud\u00e1st a Talking Facet\u0151l.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-229ecb0 e-con-full e-flex e-con e-parent\" data-id=\"229ecb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05237eb elementor-widget elementor-widget-html\" data-id=\"05237eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.tf-gallery-block,\r\n.tf-gallery-block *,\r\n.tf-gallery-block *::before,\r\n.tf-gallery-block *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tf-gallery-block {\r\n  --c-navy: #070F30;\r\n  --c-navy70: #343B5B;\r\n  --c-gold: #DB9348;\r\n  --c-bg: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n\r\n  width: 100%;\r\n  background: var(--c-bg);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  padding: clamp(36px, 5vw, 64px) 0;\r\n}\r\n\r\n.tf-gallery-block * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tf-gallery-block img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.tf-gallery-block .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(18px, 5vw, 56px);\r\n}\r\n\r\n.tf-gallery-block .section-title {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1.8rem, 3vw, 2.45rem);\r\n  font-weight: 700;\r\n  line-height: 1.14;\r\n  letter-spacing: -.03em;\r\n  text-align: center;\r\n  color: var(--c-navy);\r\n  margin-bottom: clamp(24px, 3vw, 34px);\r\n}\r\n\r\n.tf-gallery-block .gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.45fr .8fr .72fr;\r\n  gap: clamp(12px, 1.8vw, 18px);\r\n  margin-bottom: clamp(18px, 2.5vw, 26px);\r\n}\r\n\r\n.tf-gallery-block .gallery-img {\r\n  overflow: hidden;\r\n  border-radius: var(--r-m);\r\n  background: var(--c-navy);\r\n  box-shadow: var(--shadow-s);\r\n  min-height: clamp(220px, 27vw, 340px);\r\n}\r\n\r\n.tf-gallery-block .gallery-img img {\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.tf-gallery-block .gallery-img:hover img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n.tf-gallery-block .benefit-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: clamp(12px, 1.8vw, 18px);\r\n}\r\n\r\n.tf-gallery-block .benefit-card {\r\n  display: grid;\r\n  grid-template-columns: 58px 1fr;\r\n  gap: 16px;\r\n  align-items: center;\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .08);\r\n  border-radius: var(--r-m);\r\n  padding: clamp(16px, 2vw, 22px);\r\n  box-shadow: var(--shadow-m);\r\n}\r\n\r\n.tf-gallery-block .benefit-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n  border-radius: 50%;\r\n  background: var(--c-navy);\r\n  color: var(--c-gold);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.tf-gallery-block .benefit-icon svg {\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n\r\n.tf-gallery-block .benefit-card h3 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1rem, 1.3vw, 1.12rem);\r\n  font-weight: 700;\r\n  line-height: 1.22;\r\n  color: var(--c-navy);\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.tf-gallery-block .benefit-card p {\r\n  font-size: .94rem;\r\n  line-height: 1.55;\r\n  color: var(--c-navy70);\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .tf-gallery-block .gallery-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .tf-gallery-block .gallery-img:first-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .tf-gallery-block .benefit-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .tf-gallery-block .gallery-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-gallery-block .gallery-img {\r\n    min-height: 240px;\r\n  }\r\n\r\n  .tf-gallery-block .benefit-card {\r\n    grid-template-columns: 50px 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tf-gallery-block .benefit-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  .tf-gallery-block .benefit-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tf-gallery-block\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"section-title\">A k\u00e9pz\u00e9sek hangulata<\/h2>\r\n\r\n    <div class=\"gallery-grid\">\r\n      <div class=\"gallery-img\">\r\n        <img \r\n          src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_szemelyes_talalkozo_2025-1.webp\" \r\n          alt=\"Arcolvas\u00e1s k\u00e9pz\u00e9s szabadt\u00e9ri esem\u00e9nyen\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"gallery-img\">\r\n        <img \r\n          src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/10\/talking_face_tanfolyam_-11-scaled.jpg\" \r\n          alt=\"Talking Face tanfolyam gyakorlati feladattal\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"gallery-img\">\r\n        <img \r\n          src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2025\/03\/talking_face_tanfolyam_2025-3-scaled.webp\" \r\n          alt=\"Arcolvas\u00e1s tanfolyam t\u00fck\u00f6rgyakorlattal\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"benefit-grid\">\r\n      <article class=\"benefit-card\">\r\n        <div class=\"benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/>\r\n            <path d=\"M6 12.5V17c0 1.7 2.7 3 6 3s6-1.3 6-3v-4.5\"\/>\r\n            <path d=\"M22 10v6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3>Gyakorlati tud\u00e1s<\/h3>\r\n          <p>Val\u00f3s helyzetekb\u0151l mer\u00edtett p\u00e9ld\u00e1k \u00e9s azonnal alkalmazhat\u00f3 technik\u00e1k.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"benefit-card\">\r\n        <div class=\"benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 21s-7-4.4-7-10a7 7 0 0 1 14 0c0 5.6-7 10-7 10Z\"\/>\r\n            <path d=\"M12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3>\u00d6nismereti szeml\u00e9let<\/h3>\r\n          <p>Fejleszd az \u00f6nismereted, \u00e9s \u00e9rtsd meg jobban \u00f6nmagad \u00e9s m\u00e1sokat.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"benefit-card\">\r\n        <div class=\"benefit-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <h3>Szem\u00e9lyes t\u00e1mogat\u00e1s<\/h3>\r\n          <p>Kis l\u00e9tsz\u00e1m\u00fa csoportok, figyelmes oktat\u00f3k, folyamatos visszajelz\u00e9s.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aae7fe0 e-con-full e-flex e-con e-parent\" data-id=\"aae7fe0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acc3a7d elementor-widget elementor-widget-html\" data-id=\"acc3a7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.tf-price,\r\n.tf-price *,\r\n.tf-price *::before,\r\n.tf-price *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tf-price * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tf-price {\r\n  --c-navy: #070F30;\r\n  --c-navy-2: #121B42;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-gray: #EDEDED;\r\n  --c-bg: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n  --shadow-l: 0 22px 60px rgba(7, 15, 48, .18);\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  overflow-x: clip;\r\n  isolation: isolate;\r\n  background: var(--c-bg);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n.tf-price img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.tf-price a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tf-price p {\r\n  max-width: 70ch;\r\n}\r\n\r\n.tf-price h1,\r\n.tf-price h2,\r\n.tf-price h3,\r\n.tf-price h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.14;\r\n  letter-spacing: -.03em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n}\r\n\r\n.tf-price a:focus-visible,\r\n.tf-price button:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.tf-price .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(18px, 5vw, 56px);\r\n}\r\n\r\n.tf-price .sec {\r\n  padding-block: clamp(54px, 7vw, 92px);\r\n}\r\n\r\n.tf-price .sec-tight {\r\n  padding-block: clamp(38px, 5vw, 60px);\r\n}\r\n\r\n.tf-price .center {\r\n  text-align: center;\r\n}\r\n\r\n.tf-price .center p {\r\n  margin-inline: auto;\r\n}\r\n\r\n.tf-price .eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .eyebrow::before {\r\n  content: '';\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png') center\/contain no-repeat;\r\n}\r\n\r\n.tf-price .sec-title {\r\n  font-size: clamp(1.9rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .sec-lead {\r\n  font-size: 1.08rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.75;\r\n}\r\n\r\n.tf-price .title-mark {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.tf-price .title-mark::before,\r\n.tf-price .title-mark::after {\r\n  content: '';\r\n  width: 72px;\r\n  height: 1px;\r\n  background: var(--c-gold);\r\n  opacity: .72;\r\n}\r\n\r\n.tf-price .title-mark span {\r\n  width: 10px;\r\n  height: 10px;\r\n  background: var(--c-gold);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.tf-price .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 50px;\r\n  padding: 16px 30px;\r\n  border: 0;\r\n  border-radius: var(--r-s);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  line-height: 1.18;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease, border-color .22s ease;\r\n}\r\n\r\n.tf-price .btn-gold {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-gold:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-outline {\r\n  background: transparent;\r\n  color: var(--c-white);\r\n  border: 1.5px solid var(--c-gold);\r\n}\r\n\r\n.tf-price .btn-outline:hover {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-block: clamp(58px, 8vw, 98px) clamp(34px, 5vw, 62px);\r\n  background: #EDEDED;\r\n}\r\n\r\n.tf-price .hero-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);\r\n  gap: clamp(30px, 5vw, 70px);\r\n  align-items: stretch;\r\n}\r\n\r\n.tf-price .hero-copy {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tf-price .hero h1 {\r\n  max-width: 11ch;\r\n  font-size: clamp(2.45rem, 5.2vw, 4.65rem);\r\n  font-weight: 900;\r\n  line-height: 1.06;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.tf-price .hero-sub {\r\n  font-size: clamp(1.08rem, 1.7vw, 1.28rem);\r\n  color: var(--c-navy70);\r\n  line-height: 1.65;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.tf-price .chip-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 16px;\r\n  width: 100%;\r\n}\r\n\r\n.tf-price .chip {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 18px;\r\n  min-height: clamp(92px, 8vw, 118px);\r\n  padding: clamp(20px, 2.6vw, 30px);\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .08);\r\n  border-radius: var(--r-m);\r\n  box-shadow: var(--shadow-m);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1rem, 1.3vw, 1.18rem);\r\n  font-weight: 700;\r\n  line-height: 1.28;\r\n  color: var(--c-navy);\r\n}\r\n\r\n.tf-price .chip svg {\r\n  width: clamp(34px, 3vw, 46px);\r\n  height: clamp(34px, 3vw, 46px);\r\n  color: var(--c-gold);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.tf-price .hero-img {\r\n  overflow: hidden;\r\n  border-radius: var(--r-l);\r\n  box-shadow: var(--shadow-l);\r\n  min-height: clamp(300px, 35vw, 430px);\r\n  background: var(--c-navy);\r\n}\r\n\r\n.tf-price .hero-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: inherit;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .pricing {\r\n  background: var(--c-bg);\r\n}\r\n\r\n.tf-price .pricing-head {\r\n  margin-bottom: clamp(34px, 4vw, 50px);\r\n}\r\n\r\n.tf-price .cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: clamp(18px, 2.5vw, 28px);\r\n}\r\n\r\n.tf-price .price-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100%;\r\n  padding: clamp(26px, 3vw, 34px) clamp(20px, 2.6vw, 28px) 24px;\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .1);\r\n  border-radius: var(--r-m);\r\n  box-shadow: var(--shadow-m);\r\n  text-align: center;\r\n}\r\n\r\n.tf-price .price-card.featured {\r\n  border-color: var(--c-gold);\r\n  box-shadow: 0 16px 42px rgba(219, 147, 72, .22);\r\n}\r\n\r\n.tf-price .badge {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  transform: translateY(-1px);\r\n  padding: 9px 18px;\r\n  border-radius: 0 var(--r-m) 0 var(--r-s);\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n}\r\n\r\n.tf-price .card-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 74px;\r\n  height: 74px;\r\n  margin: 0 auto 18px;\r\n  border-radius: 50%;\r\n  background: var(--c-navy);\r\n  color: var(--c-gold);\r\n}\r\n\r\n.tf-price .card-icon .icon-mask {\r\n  width: 36px;\r\n  height: 36px;\r\n  display: block;\r\n  background-color: currentColor;\r\n  -webkit-mask-repeat: no-repeat;\r\n  mask-repeat: no-repeat;\r\n  -webkit-mask-position: center;\r\n  mask-position: center;\r\n  -webkit-mask-size: contain;\r\n  mask-size: contain;\r\n}\r\n\r\n.tf-price .card-icon .icon-1 {\r\n  -webkit-mask-image: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/user_137785-1.svg');\r\n  mask-image: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/user_137785-1.svg');\r\n}\r\n\r\n.tf-price .card-icon .icon-2 {\r\n  -webkit-mask-image: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/user_137740.svg');\r\n  mask-image: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/user_137740.svg');\r\n}\r\n\r\n.tf-price .card-icon .icon-3 {\r\n  -webkit-mask-image: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/user_137792.svg');\r\n  mask-image: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/06\/user_137792.svg');\r\n}\r\n\r\n.tf-price .price-card h3 {\r\n  font-size: clamp(1.18rem, 2vw, 1.48rem);\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.tf-price .price-sub {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.tf-price .old-price {\r\n  display: inline-block;\r\n  color: var(--c-navy35, #737A96);\r\n  text-decoration: line-through;\r\n  font-size: 1.02rem;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.tf-price .main-price {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(2rem, 3.6vw, 2.65rem);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  color: var(--c-navy);\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .main-price small {\r\n  font-size: .42em;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tf-price .benefits {\r\n  list-style: none;\r\n  text-align: left;\r\n  display: grid;\r\n  gap: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.tf-price .benefits li {\r\n  position: relative;\r\n  padding-left: 26px;\r\n  font-size: .94rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.55;\r\n}\r\n\r\n.tf-price .benefits li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: .28em;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 0;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/05\/checked.png') center\/contain no-repeat;\r\n}\r\n\r\n.tf-price .benefits li::after {\r\n  display: none;\r\n}\r\n\r\n.tf-price .price-card .btn {\r\n  width: 100%;\r\n  margin-top: auto;\r\n}\r\n\r\n.tf-price .gift {\r\n  background: var(--c-bg);\r\n}\r\n\r\n.tf-price .gift-box {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);\r\n  overflow: hidden;\r\n  border-radius: var(--r-l);\r\n  background: #fdeaf0;\r\n  box-shadow: var(--shadow-m);\r\n}\r\n\r\n.tf-price .gift-img {\r\n  min-height: 310px;\r\n  overflow: hidden;\r\n}\r\n\r\n.tf-price .gift-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: inherit;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .gift-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: clamp(30px, 5vw, 56px);\r\n  background: linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.42));\r\n}\r\n\r\n.tf-price .gift-text h2 {\r\n  font-size: clamp(1.65rem, 3vw, 2.35rem);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.tf-price .gift-text p {\r\n  color: var(--c-navy70);\r\n  line-height: 1.7;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .gift-text .btn {\r\n  width: fit-content;\r\n}\r\n\r\n.tf-price .download {\r\n  background: var(--c-bg);\r\n  padding-top: 0;\r\n}\r\n\r\n.tf-price .download-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 300px;\r\n  border-radius: var(--r-l);\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  box-shadow: var(--shadow-l);\r\n}\r\n\r\n.tf-price .download-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(90deg, rgba(7, 15, 48, .95) 0%, rgba(7, 15, 48, .78) 46%, rgba(7, 15, 48, .25) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.tf-price .download-box img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .download-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 760px;\r\n  padding: clamp(34px, 6vw, 62px);\r\n}\r\n\r\n.tf-price .download-content h2 {\r\n  color: var(--c-white);\r\n  font-size: clamp(1.75rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.tf-price .download-content p {\r\n  color: rgba(255,255,255,.88);\r\n  line-height: 1.75;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .download-gold-text {\r\n  color: var(--c-gold) !important;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1.35rem, 2.6vw, 2rem);\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  .tf-price .hero-grid,\r\n  .tf-price .gift-box {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-price .hero h1 {\r\n    max-width: 12.5ch;\r\n  }\r\n\r\n  .tf-price .cards {\r\n    grid-template-columns: 1fr;\r\n    max-width: 620px;\r\n    margin-inline: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .tf-price .chip-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-price .chip,\r\n  .tf-price .btn,\r\n  .tf-price .gift-text .btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .tf-price .gift-img {\r\n    min-height: 230px;\r\n  }\r\n\r\n  .tf-price .download-box {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .tf-price .download-box::before {\r\n    background: linear-gradient(180deg, rgba(7, 15, 48, .96) 0%, rgba(7, 15, 48, .85) 62%, rgba(7, 15, 48, .45) 100%);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<main class=\"tf-price\">\r\n<section class=\"pricing sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"pricing-head center\">\r\n        <h2 class=\"sec-title\">A legn\u00e9pszer\u0171bb lehet\u0151s\u00e9gek<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"cards\">\r\n        <article class=\"price-card\">\r\n          <div class=\"card-icon\" aria-hidden=\"true\">\r\n            <span class=\"icon-mask icon-1\"><\/span>\r\n          <\/div>\r\n          <h3>Sokatmond\u00f3 jelek<\/h3>\r\n          <div class=\"price-sub\">1 napos kurzus<\/div>\r\n          <div class=\"old-price\">82 550 Ft<\/div>\r\n          <div class=\"main-price\">65 000 Ft <small>+ \u00c1FA<\/small><\/div>\r\n          <ul class=\"benefits\">\r\n            <li>Az arckifejez\u00e9sek alapjai<\/li>\r\n            <li>Mimikai jelek \u00e9rtelmez\u00e9se<\/li>\r\n            <li>Gyakorlati p\u00e9ld\u00e1k \u00e9s elemz\u00e9sek<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/arcolvasas.hu\/index.php\/step\/kurzus-feliratkozas\/\" class=\"btn btn-gold\">Jelentkezem<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"price-card\">\r\n          <div class=\"card-icon\" aria-hidden=\"true\">\r\n            <span class=\"icon-mask icon-2\"><\/span>\r\n          <\/div>\r\n          <h3>Az egy\u00e9n meg\u00e9rt\u00e9s\u00e9nek m\u0171v\u00e9szete<\/h3>\r\n          <div class=\"price-sub\">Tanfolyam<\/div>\r\n          <div class=\"old-price\">316 230 Ft<\/div>\r\n          <div class=\"main-price\">249 000 Ft <small>+ \u00c1FA<\/small><\/div>\r\n          <ul class=\"benefits\">\r\n            <li>M\u00e9lyebb arcolvas\u00e1si technik\u00e1k<\/li>\r\n            <li>Szem\u00e9lyis\u00e9g- \u00e9s viselked\u00e9selemz\u00e9s<\/li>\r\n            <li>Gyakorlati feladatok \u00e9s visszajelz\u00e9s<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/arcolvasas.hu\/index.php\/step\/tanfolyam-feliratkozas\/\" class=\"btn btn-gold\">Jelentkezem<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"price-card featured\">\r\n          <div class=\"badge\">N\u00e9pszer\u0171<\/div>\r\n          <div class=\"card-icon\" aria-hidden=\"true\">\r\n            <span class=\"icon-mask icon-3\"><\/span>\r\n          <\/div>\r\n          <h3>Konzult\u00e1ci\u00f3<\/h3>\r\n          <div class=\"price-sub\">Szem\u00e9lyesen vagy online<\/div>\r\n          <div class=\"old-price\">31 750 Ft<\/div>\r\n          <div class=\"main-price\">25 000 Ft <small>+ \u00c1FA<\/small><\/div>\r\n          <ul class=\"benefits\">\r\n            <li>Egy\u00e9ni id\u0151pont alapj\u00e1n<\/li>\r\n            <li>Szem\u00e9lyre szabott visszajelz\u00e9s<\/li>\r\n            <li>Konkr\u00e9t esetek megbesz\u00e9l\u00e9se<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/arcolvasas.hu\/index.php\/egyeni-konzultacio\/\" class=\"btn btn-gold\">Jelentkezem<\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f14a2d e-con-full e-flex e-con e-parent\" data-id=\"1f14a2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb66e85 elementor-widget elementor-widget-html\" data-id=\"bb66e85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.tf-price,\r\n.tf-price *,\r\n.tf-price *::before,\r\n.tf-price *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tf-price * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tf-price {\r\n  --c-navy: #070F30;\r\n  --c-navy-2: #121B42;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-gray: #EDEDED;\r\n  --c-bg: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n  --shadow-l: 0 22px 60px rgba(7, 15, 48, .18);\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  overflow-x: clip;\r\n  isolation: isolate;\r\n  background: var(--c-bg);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n.tf-price img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.tf-price a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tf-price p {\r\n  max-width: 70ch;\r\n}\r\n\r\n.tf-price h1,\r\n.tf-price h2,\r\n.tf-price h3,\r\n.tf-price h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.14;\r\n  letter-spacing: -.03em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n}\r\n\r\n.tf-price a:focus-visible,\r\n.tf-price button:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.tf-price .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(18px, 5vw, 56px);\r\n}\r\n\r\n.tf-price .sec {\r\n  padding-block: clamp(54px, 7vw, 92px);\r\n}\r\n\r\n.tf-price .sec-tight {\r\n  padding-block: clamp(38px, 5vw, 60px);\r\n}\r\n\r\n.tf-price .center {\r\n  text-align: center;\r\n}\r\n\r\n.tf-price .center p {\r\n  margin-inline: auto;\r\n}\r\n\r\n.tf-price .eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .eyebrow::before {\r\n  content: '';\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png') center\/contain no-repeat;\r\n}\r\n\r\n.tf-price .sec-title {\r\n  font-size: clamp(1.9rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .sec-lead {\r\n  font-size: 1.08rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.75;\r\n}\r\n\r\n.tf-price .title-mark {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.tf-price .title-mark::before,\r\n.tf-price .title-mark::after {\r\n  content: '';\r\n  width: 72px;\r\n  height: 1px;\r\n  background: var(--c-gold);\r\n  opacity: .72;\r\n}\r\n\r\n.tf-price .title-mark span {\r\n  width: 10px;\r\n  height: 10px;\r\n  background: var(--c-gold);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.tf-price .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 50px;\r\n  padding: 16px 30px;\r\n  border: 0;\r\n  border-radius: var(--r-s);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  line-height: 1.18;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease, border-color .22s ease;\r\n}\r\n\r\n.tf-price .btn-gold {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-gold:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-outline {\r\n  background: transparent;\r\n  color: var(--c-white);\r\n  border: 1.5px solid var(--c-gold);\r\n}\r\n\r\n.tf-price .btn-outline:hover {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-block: clamp(58px, 8vw, 98px) clamp(34px, 5vw, 62px);\r\n  background: #EDEDED;\r\n}\r\n\r\n.tf-price .hero-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);\r\n  gap: clamp(30px, 5vw, 70px);\r\n  align-items: stretch;\r\n}\r\n\r\n.tf-price .hero-copy {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tf-price .hero h1 {\r\n  max-width: 11ch;\r\n  font-size: clamp(2.45rem, 5.2vw, 4.65rem);\r\n  font-weight: 900;\r\n  line-height: 1.06;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.tf-price .hero-sub {\r\n  font-size: clamp(1.08rem, 1.7vw, 1.28rem);\r\n  color: var(--c-navy70);\r\n  line-height: 1.65;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.tf-price .chip-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 16px;\r\n  width: 100%;\r\n}\r\n\r\n.tf-price .chip {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 18px;\r\n  min-height: clamp(92px, 8vw, 118px);\r\n  padding: clamp(20px, 2.6vw, 30px);\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .08);\r\n  border-radius: var(--r-m);\r\n  box-shadow: var(--shadow-m);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1rem, 1.3vw, 1.18rem);\r\n  font-weight: 700;\r\n  line-height: 1.28;\r\n  color: var(--c-navy);\r\n}\r\n\r\n.tf-price .chip span {\r\n  white-space: nowrap;\r\n}\r\n\r\n.tf-price .chip svg {\r\n  width: clamp(34px, 3vw, 46px);\r\n  height: clamp(34px, 3vw, 46px);\r\n  color: var(--c-gold);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.tf-price .hero-img {\r\n  overflow: hidden;\r\n  border-radius: var(--r-l);\r\n  box-shadow: var(--shadow-l);\r\n  min-height: clamp(300px, 35vw, 430px);\r\n  background: var(--c-navy);\r\n}\r\n\r\n.tf-price .hero-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: inherit;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  .tf-price .hero-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-price .hero h1 {\r\n    max-width: 12.5ch;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .tf-price .chip-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-price .chip {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<main class=\"tf-price\">\r\n  <section class=\"hero\">\r\n    <div class=\"wrap hero-grid\">\r\n      <div class=\"hero-copy\">\r\n\r\n        <div class=\"chip-row\" aria-label=\"F\u0151 el\u0151ny\u00f6k\">\r\n          <div class=\"chip\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n            <span>Online \u00e9s szem\u00e9lyesen<\/span>\r\n          <\/div>\r\n          <div class=\"chip\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 12 20 22 4 22 4 12\"\/><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\/><\/svg>\r\n            <span>Aj\u00e1nd\u00e9kutalv\u00e1ny is el\u00e9rhet\u0151<\/span>\r\n          <\/div>\r\n          <div class=\"chip\">\r\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <span>Kezd\u0151knek \u00e9s halad\u00f3knak<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-img\">\r\n        <img src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/10\/talking_face_tanfolyam_-2-scaled.jpg\" alt=\"Talking Face arcolvas\u00e1s tanfolyam r\u00e9sztvev\u0151kkel\" loading=\"eager\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a35c4b2 e-con-full e-flex e-con e-parent\" data-id=\"a35c4b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6115dbd elementor-widget elementor-widget-html\" data-id=\"6115dbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.tf-price,\r\n.tf-price *,\r\n.tf-price *::before,\r\n.tf-price *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tf-price * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tf-price {\r\n  --c-navy: #070F30;\r\n  --c-navy-2: #121B42;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-gray: #EDEDED;\r\n  --c-bg: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n  --shadow-l: 0 22px 60px rgba(7, 15, 48, .18);\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  overflow-x: clip;\r\n  isolation: isolate;\r\n  background: var(--c-bg);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n.tf-price img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.tf-price a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tf-price p {\r\n  max-width: 70ch;\r\n}\r\n\r\n.tf-price h1,\r\n.tf-price h2,\r\n.tf-price h3,\r\n.tf-price h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.14;\r\n  letter-spacing: -.03em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n}\r\n\r\n.tf-price a:focus-visible,\r\n.tf-price button:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.tf-price .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(18px, 5vw, 56px);\r\n}\r\n\r\n.tf-price .sec {\r\n  padding-block: clamp(54px, 7vw, 92px);\r\n}\r\n\r\n.tf-price .sec-tight {\r\n  padding-block: clamp(38px, 5vw, 60px);\r\n}\r\n\r\n.tf-price .center {\r\n  text-align: center;\r\n}\r\n\r\n.tf-price .center p {\r\n  margin-inline: auto;\r\n}\r\n\r\n.tf-price .eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .eyebrow::before {\r\n  content: '';\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png') center\/contain no-repeat;\r\n}\r\n\r\n.tf-price .sec-title {\r\n  font-size: clamp(1.9rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .sec-lead {\r\n  font-size: 1.08rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.75;\r\n}\r\n\r\n.tf-price .title-mark {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.tf-price .title-mark::before,\r\n.tf-price .title-mark::after {\r\n  content: '';\r\n  width: 72px;\r\n  height: 1px;\r\n  background: var(--c-gold);\r\n  opacity: .72;\r\n}\r\n\r\n.tf-price .title-mark span {\r\n  width: 10px;\r\n  height: 10px;\r\n  background: var(--c-gold);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.tf-price .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 50px;\r\n  padding: 16px 30px;\r\n  border: 0;\r\n  border-radius: var(--r-s);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  line-height: 1.18;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease, border-color .22s ease;\r\n}\r\n\r\n.tf-price .btn-gold {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-gold:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-outline {\r\n  background: transparent;\r\n  color: var(--c-white);\r\n  border: 1.5px solid var(--c-gold);\r\n}\r\n\r\n.tf-price .btn-outline:hover {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-block: clamp(58px, 8vw, 98px) clamp(34px, 5vw, 62px);\r\n  background: #EDEDED;\r\n}\r\n\r\n.tf-price .hero-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);\r\n  gap: clamp(30px, 5vw, 70px);\r\n  align-items: stretch;\r\n}\r\n\r\n.tf-price .hero-copy {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tf-price .hero h1 {\r\n  max-width: 11ch;\r\n  font-size: clamp(2.45rem, 5.2vw, 4.65rem);\r\n  font-weight: 900;\r\n  line-height: 1.06;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.tf-price .hero-sub {\r\n  font-size: clamp(1.08rem, 1.7vw, 1.28rem);\r\n  color: var(--c-navy70);\r\n  line-height: 1.65;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.tf-price .chip-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 16px;\r\n  width: 100%;\r\n}\r\n\r\n.tf-price .chip {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 18px;\r\n  min-height: clamp(92px, 8vw, 118px);\r\n  padding: clamp(20px, 2.6vw, 30px);\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .08);\r\n  border-radius: var(--r-m);\r\n  box-shadow: var(--shadow-m);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1rem, 1.3vw, 1.18rem);\r\n  font-weight: 700;\r\n  line-height: 1.28;\r\n  color: var(--c-navy);\r\n}\r\n\r\n.tf-price .chip svg {\r\n  width: clamp(34px, 3vw, 46px);\r\n  height: clamp(34px, 3vw, 46px);\r\n  color: var(--c-gold);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.tf-price .hero-img {\r\n  overflow: hidden;\r\n  border-radius: var(--r-l);\r\n  box-shadow: var(--shadow-l);\r\n  min-height: clamp(300px, 35vw, 430px);\r\n  background: var(--c-navy);\r\n}\r\n\r\n.tf-price .hero-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: inherit;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .pricing {\r\n  background: var(--c-bg);\r\n}\r\n\r\n.tf-price .pricing-head {\r\n  margin-bottom: clamp(34px, 4vw, 50px);\r\n}\r\n\r\n.tf-price .cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: clamp(18px, 2.5vw, 28px);\r\n}\r\n\r\n.tf-price .price-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100%;\r\n  padding: clamp(26px, 3vw, 34px) clamp(20px, 2.6vw, 28px) 24px;\r\n  background: var(--c-white);\r\n  border: 1px solid rgba(7, 15, 48, .1);\r\n  border-radius: var(--r-m);\r\n  box-shadow: var(--shadow-m);\r\n  text-align: center;\r\n}\r\n\r\n.tf-price .price-card.featured {\r\n  border-color: var(--c-gold);\r\n  box-shadow: 0 16px 42px rgba(219, 147, 72, .22);\r\n}\r\n\r\n.tf-price .badge {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  transform: translateY(-1px);\r\n  padding: 9px 18px;\r\n  border-radius: 0 var(--r-m) 0 var(--r-s);\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n}\r\n\r\n.tf-price .card-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 74px;\r\n  height: 74px;\r\n  margin: 0 auto 18px;\r\n  border-radius: 50%;\r\n  background: var(--c-navy);\r\n  color: var(--c-gold);\r\n}\r\n\r\n.tf-price .card-icon svg {\r\n  width: 36px;\r\n  height: 36px;\r\n}\r\n\r\n.tf-price .price-card h3 {\r\n  font-size: clamp(1.18rem, 2vw, 1.48rem);\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.tf-price .price-sub {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  color: var(--c-navy70);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.tf-price .old-price {\r\n  display: inline-block;\r\n  color: var(--c-navy35, #737A96);\r\n  text-decoration: line-through;\r\n  font-size: 1.02rem;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.tf-price .main-price {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(2rem, 3.6vw, 2.65rem);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  color: var(--c-navy);\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .main-price small {\r\n  font-size: .42em;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tf-price .benefits {\r\n  list-style: none;\r\n  text-align: left;\r\n  display: grid;\r\n  gap: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.tf-price .benefits li {\r\n  position: relative;\r\n  padding-left: 26px;\r\n  font-size: .94rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.55;\r\n}\r\n\r\n.tf-price .benefits li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: .28em;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 0;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/05\/checked.png') center\/contain no-repeat;\r\n}\r\n\r\n.tf-price .benefits li::after {\r\n  display: none;\r\n}\r\n\r\n.tf-price .price-card .btn {\r\n  width: 100%;\r\n  margin-top: auto;\r\n}\r\n\r\n.tf-price .gift {\r\n  background: var(--c-bg);\r\n}\r\n\r\n.tf-price .gift-box {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);\r\n  overflow: hidden;\r\n  border-radius: var(--r-l);\r\n  background: #fdeaf0;\r\n  box-shadow: var(--shadow-m);\r\n}\r\n\r\n.tf-price .gift-img {\r\n  min-height: 310px;\r\n  overflow: hidden;\r\n}\r\n\r\n.tf-price .gift-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: inherit;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .gift-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: clamp(30px, 5vw, 56px);\r\n  background: linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.42));\r\n}\r\n\r\n.tf-price .gift-text h2 {\r\n  font-size: clamp(1.65rem, 3vw, 2.35rem);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.tf-price .gift-text p {\r\n  color: var(--c-navy70);\r\n  line-height: 1.7;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .gift-text .btn {\r\n  width: fit-content;\r\n}\r\n\r\n.tf-price .download {\r\n  background: var(--c-bg);\r\n  padding-top: 0;\r\n}\r\n\r\n.tf-price .download-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 300px;\r\n  border-radius: var(--r-l);\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  box-shadow: var(--shadow-l);\r\n}\r\n\r\n.tf-price .download-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(90deg, rgba(7, 15, 48, .95) 0%, rgba(7, 15, 48, .78) 46%, rgba(7, 15, 48, .25) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.tf-price .download-box img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .download-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 760px;\r\n  padding: clamp(34px, 6vw, 62px);\r\n}\r\n\r\n.tf-price .download-content h2 {\r\n  color: var(--c-white);\r\n  font-size: clamp(1.75rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.tf-price .download-content p {\r\n  color: rgba(255,255,255,.88);\r\n  line-height: 1.75;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .download-gold-text {\r\n  color: var(--c-gold) !important;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: clamp(1.35rem, 2.6vw, 2rem);\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  .tf-price .hero-grid,\r\n  .tf-price .gift-box {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-price .hero h1 {\r\n    max-width: 12.5ch;\r\n  }\r\n\r\n  .tf-price .cards {\r\n    grid-template-columns: 1fr;\r\n    max-width: 620px;\r\n    margin-inline: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .tf-price .chip-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tf-price .chip,\r\n  .tf-price .btn,\r\n  .tf-price .gift-text .btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .tf-price .gift-img {\r\n    min-height: 230px;\r\n  }\r\n\r\n  .tf-price .download-box {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .tf-price .download-box::before {\r\n    background: linear-gradient(180deg, rgba(7, 15, 48, .96) 0%, rgba(7, 15, 48, .85) 62%, rgba(7, 15, 48, .45) 100%);\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<main class=\"tf-price\">\r\n<section class=\"gift sec-tight\">\r\n    <div class=\"wrap\">\r\n      <div class=\"gift-box\">\r\n        <div class=\"gift-img\">\r\n          <img src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/04\/taling_face_utalvany_2026.jpg\" alt=\"Talking Face arcolvas\u00e1s aj\u00e1nd\u00e9kutalv\u00e1ny\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <div class=\"gift-text\">\r\n          <h2>Hozd k\u00f6zelebb a lelkeket \u2013 aj\u00e1nd\u00e9kozz arcolvas\u00e1st!<\/h2>\r\n          <p>Lepd meg szeretteidet egy k\u00fcl\u00f6nleges arcolvas\u00e1s aj\u00e1nd\u00e9kutalv\u00e1nnyal vagy aj\u00e1nd\u00e9kk\u00e1rty\u00e1val \u2013 az \u00f6nismeret \u00e9s a szem\u00e9lyes fejl\u0151d\u00e9s aj\u00e1nd\u00e9k\u00e1val!<\/p>\r\n          <a href=\"https:\/\/arcolvasas.hu\/index.php\/ajandekutalvanyok\/\" class=\"btn btn-gold\">Aj\u00e1nd\u00e9kutalv\u00e1nyok<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d3ccfd e-con-full e-flex e-con e-parent\" data-id=\"4d3ccfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d067c elementor-widget elementor-widget-html\" data-id=\"d2d067c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,700&family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.tf-price,\r\n.tf-price *,\r\n.tf-price *::before,\r\n.tf-price *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tf-price * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tf-price {\r\n  --c-navy: #070F30;\r\n  --c-navy-2: #121B42;\r\n  --c-navy70: #343B5B;\r\n  --c-navy50: #5F6681;\r\n  --c-gold: #DB9348;\r\n  --c-gold-hv: #c07830;\r\n  --c-gold-lt: #F4DDC2;\r\n  --c-gray: #EDEDED;\r\n  --c-bg: #EDEDED;\r\n  --c-white: #FFFFFF;\r\n  --shadow-s: 0 2px 12px rgba(7, 15, 48, .08);\r\n  --shadow-m: 0 10px 30px rgba(7, 15, 48, .13);\r\n  --shadow-l: 0 22px 60px rgba(7, 15, 48, .18);\r\n  --r-s: 8px;\r\n  --r-m: 14px;\r\n  --r-l: 22px;\r\n\r\n  width: 100%;\r\n  overflow-x: clip;\r\n  isolation: isolate;\r\n  background: var(--c-bg);\r\n  color: var(--c-navy);\r\n  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n.tf-price img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.tf-price a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.tf-price p {\r\n  max-width: 70ch;\r\n}\r\n\r\n.tf-price h1,\r\n.tf-price h2,\r\n.tf-price h3,\r\n.tf-price h4 {\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  line-height: 1.14;\r\n  letter-spacing: -.03em;\r\n  color: var(--c-navy);\r\n  text-wrap: balance;\r\n}\r\n\r\n.tf-price a:focus-visible,\r\n.tf-price button:focus-visible {\r\n  outline: 3px solid var(--c-gold-lt);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.tf-price .wrap {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin-inline: auto;\r\n  padding-inline: clamp(18px, 5vw, 56px);\r\n}\r\n\r\n.tf-price .sec {\r\n  padding-block: clamp(54px, 7vw, 92px);\r\n}\r\n\r\n.tf-price .sec-tight {\r\n  padding-block: clamp(38px, 5vw, 60px);\r\n}\r\n\r\n.tf-price .center {\r\n  text-align: center;\r\n}\r\n\r\n.tf-price .center p {\r\n  margin-inline: auto;\r\n}\r\n\r\n.tf-price .eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n  color: var(--c-gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .eyebrow::before {\r\n  content: '';\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: url('https:\/\/arcolvasas.hu\/wp-content\/uploads\/2026\/01\/talking_face_logo_gold-01-768x768-1.png') center\/contain no-repeat;\r\n}\r\n\r\n.tf-price .sec-title {\r\n  font-size: clamp(1.9rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tf-price .sec-lead {\r\n  font-size: 1.08rem;\r\n  color: var(--c-navy70);\r\n  line-height: 1.75;\r\n}\r\n\r\n.tf-price .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 50px;\r\n  padding: 16px 30px;\r\n  border: 0;\r\n  border-radius: var(--r-s);\r\n  font-family: 'Chivo', system-ui, sans-serif;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  line-height: 1.18;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: background .22s ease, color .22s ease, border-color .22s ease;\r\n}\r\n\r\n.tf-price .btn-gold {\r\n  background: var(--c-gold);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .btn-gold:hover {\r\n  background: var(--c-gold-hv);\r\n  color: var(--c-white);\r\n}\r\n\r\n.tf-price .download {\r\n  background: var(--c-bg);\r\n  padding-top: 100px;\r\n  padding-bottom: 100px;\r\n}\r\n\r\n.tf-price .download-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 300px;\r\n  border-radius: var(--r-l);\r\n  background: var(--c-navy);\r\n  color: var(--c-white);\r\n  box-shadow: var(--shadow-l);\r\n}\r\n\r\n.tf-price .download-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(90deg, rgba(7, 15, 48, .95) 0%, rgba(7, 15, 48, .78) 46%, rgba(7, 15, 48, .25) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.tf-price .download-box img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tf-price .download-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 760px;\r\n  padding: clamp(34px, 6vw, 62px);\r\n}\r\n\r\n.tf-price .download-content h2 {\r\n  color: var(--c-white);\r\n  font-size: clamp(1.75rem, 3.4vw, 2.65rem);\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.tf-price .download-content p {\r\n  color: rgba(255,255,255,.88);\r\n  line-height: 1.75;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.tf-price .download-gold-text {\r\n  color: var(--c-gold) !important;\r\n  font-family: 'Noto Sans', system-ui, sans-serif;\r\n  font-size: clamp(.95rem, 1.2vw, 1.08rem);\r\n  font-weight: 600;\r\n  line-height: 1.55;\r\n  margin-bottom: 22px;\r\n  opacity: .88;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .tf-price .btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .tf-price .download-box {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .tf-price .download-box::before {\r\n    background: linear-gradient(180deg, rgba(7, 15, 48, .96) 0%, rgba(7, 15, 48, .85) 62%, rgba(7, 15, 48, .45) 100%);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<main class=\"tf-price\">\r\n  <section class=\"download sec-tight\">\r\n    <div class=\"wrap\">\r\n      <div class=\"download-box\">\r\n        <img src=\"https:\/\/arcolvasas.hu\/wp-content\/uploads\/2024\/08\/85759.jpg\" alt=\"L\u00e1ss \u00e1t a hazugs\u00e1gokon let\u00f6lthet\u0151 anyag\" loading=\"lazy\" decoding=\"async\">\r\n        <div class=\"download-content\">\r\n          <h2>L\u00e1ss \u00e1t a hazugs\u00e1gokon!<\/h2>\r\n          <p>Ebben a prezent\u00e1ci\u00f3ban \u00f6sszeszedtem neked, milyen jelekre kell figyelned, hogy kisz\u0171rd a hazugs\u00e1gokat \u00e9s \u00e9lesebb szem\u0171 lehess a mindennapi \u00e9letben. \u00c9rdekel?<\/p>\r\n          <p class=\"download-gold-text\">T\u00f6ltsd le exkluz\u00edv anyagomat az arcolvas\u00e1s titkainak felt\u00e1r\u00e1s\u00e1hoz!<\/p>\r\n          <a href=\"https:\/\/r3.minicrm.hu\/Form-73684-0mqoqkxj1k09oz21ewhi0l377q9i0j\" class=\"btn btn-gold\" target=\"_blank\" rel=\"noopener\">Let\u00f6lt\u00f6m<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>K\u00e9pz\u00e9sek \u00e9s a tanfolyamok \u00e1rai V\u00e1lj te is az arcolvas\u00e1s mester\u00e9v\u00e9, saj\u00e1t\u00edtsd el a tud\u00e1st a Talking Facet\u0151l. A k\u00e9pz\u00e9sek hangulata Gyakorlati tud\u00e1s Val\u00f3s helyzetekb\u0151l mer\u00edtett p\u00e9ld\u00e1k \u00e9s azonnal alkalmazhat\u00f3 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1904","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/1904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/comments?post=1904"}],"version-history":[{"count":436,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/1904\/revisions"}],"predecessor-version":[{"id":7371,"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/pages\/1904\/revisions\/7371"}],"wp:attachment":[{"href":"https:\/\/arcolvasas.hu\/index.php\/wp-json\/wp\/v2\/media?parent=1904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}