.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-50 .elementor-element.elementor-element-efa0c05 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-6aac28b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-3123692 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-fa55910{margin-top:60px;margin-bottom:60px;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-50 .elementor-element.elementor-element-51e737f .elementor-cta .elementor-cta__bg, .elementor-50 .elementor-element.elementor-element-51e737f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-50 .elementor-element.elementor-element-51e737f .elementor-cta__content{min-height:450px;text-align:start;background-color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-51e737f .elementor-cta__title{font-family:"Playfair Display", Sans-serif;font-weight:600;line-height:32px;}.elementor-50 .elementor-element.elementor-element-51e737f .elementor-cta__description{font-family:"IBM Plex Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-50 .elementor-element.elementor-element-51e737f .elementor-cta__description:not(:last-child){margin-bottom:20px;}.elementor-50 .elementor-element.elementor-element-3d335d8 .elementor-cta .elementor-cta__bg, .elementor-50 .elementor-element.elementor-element-3d335d8 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-50 .elementor-element.elementor-element-3d335d8 .elementor-cta__content{min-height:450px;text-align:start;background-color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-3d335d8 .elementor-cta__title{font-family:"Playfair Display", Sans-serif;font-weight:600;line-height:32px;}.elementor-50 .elementor-element.elementor-element-3d335d8 .elementor-cta__description{font-family:"IBM Plex Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-50 .elementor-element.elementor-element-3d335d8 .elementor-cta__description:not(:last-child){margin-bottom:20px;}.elementor-50 .elementor-element.elementor-element-2f0f98a .elementor-cta .elementor-cta__bg, .elementor-50 .elementor-element.elementor-element-2f0f98a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-50 .elementor-element.elementor-element-2f0f98a .elementor-cta__content{min-height:450px;text-align:start;background-color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-2f0f98a .elementor-cta__title{font-family:"Playfair Display", Sans-serif;font-weight:600;line-height:32px;}.elementor-50 .elementor-element.elementor-element-2f0f98a .elementor-cta__description{font-family:"IBM Plex Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-50 .elementor-element.elementor-element-2f0f98a .elementor-cta__description:not(:last-child){margin-bottom:20px;}.elementor-50 .elementor-element.elementor-element-447684d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-804cc8a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-c995607{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-4d77dad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-41e2d91{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-0a0fe7d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-21119de{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-b283a88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-1fdd769{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-9f11880 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-50 .elementor-element.elementor-element-27ccd62{border-style:solid;border-width:1px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-50 .elementor-element.elementor-element-f12ae0e{text-align:start;}.elementor-50 .elementor-element.elementor-element-f12ae0e img{width:30%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-50 .elementor-element.elementor-element-aca2cb2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50 .elementor-element.elementor-element-aca2cb2{column-gap:0px;font-family:"Playfair Display", Sans-serif;font-size:1rem;font-weight:700;line-height:1px;color:#222222;}.elementor-50 .elementor-element.elementor-element-aca2cb2 p{margin-block-end:0px;}.elementor-50 .elementor-element.elementor-element-b8aba76{font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:400;color:#222222;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-62fc327{width:30.804%;}.elementor-50 .elementor-element.elementor-element-d48b47b{width:69.196%;}}/* Start custom CSS */.elementor-widget-call-to-action {box-shadow:1px 1px 6px #ddd;}

/* =========================================================
   nlc × Yataş Bedding – „Új alvásvilág” landing
   Közös CSS minden blokkhoz (Elementor: Site Settings › Custom CSS,
   vagy az oldal Custom CSS mezője). Minden szabály .yt- előtagú,
   hogy ne ütközzön a témával. A :root előtag a szelektorokban szándékos:
   így a szabályok erősebbek az Elementor Global Fonts / téma stílusainál.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Lato:wght@400;700&display=swap');

:root {
  --yt-blue: #4597cb;
  --yt-blue-dark: #3a7da8;
  --yt-ink: #1c1c1c;
  --yt-text: #3f434a;
  --yt-muted: #50545c;
  --yt-label: #5b5f66;
  --yt-gold: #8a6a3a;
  --yt-ivory: #f5f1ea;
  --yt-line: #e2ddd4;
  --yt-serif: 'Playfair Display', Georgia, serif;
  --yt-sans: Lato, 'Helvetica Neue', Arial, sans-serif;
  --yt-wrap: 1040px;
  --yt-gutter: 20px;
}

/* ---------- Alap ---------- */
:root .yt, :root .yt *, :root .yt *::before, :root .yt *::after { box-sizing: border-box; }
:root .yt { font-family: var(--yt-sans); color: var(--yt-ink); line-height: 1.5; }
:root :where(.yt) h1, :root :where(.yt) h2, :root :where(.yt) h3, :root :where(.yt) h4, :root :where(.yt) p, :root :where(.yt) ul { margin: 0; }
:root :where(.yt) img { display: block; max-width: 100%; height: auto; }
:root :where(.yt) a { color: inherit; text-decoration: none; }
/* Elementor Global Fonts / téma felülírás ellen */
:root .yt :where(h1, h2, h3, h4) { margin: 0; padding: 0; line-height: 1.3; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; }
:root .yt :where(ul) { margin: 0; list-style: disc; }
:root .yt :where(li) { margin: 0; padding: 0; }
:root .yt :where(li)::before { content: none; }

:root .yt-wrap { width: 100%; max-width: calc(var(--yt-wrap) + 2 * var(--yt-gutter)); margin: 0 auto; padding: 0 var(--yt-gutter); }

:root .yt-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--yt-gold); }
:root .yt-label { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--yt-label); }
:root .yt-h2 { font-family: var(--yt-serif); font-weight: 500; font-size: 36px; line-height: 1.2; color: var(--yt-blue); }

:root .yt-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none;
  min-height: 44px; padding: 13px 28px;
  border: 1px solid currentColor; background: transparent;
  font-family: var(--yt-sans); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  transition: background-color .2s, color .2s;
}
:root .yt-btn--blue { color: var(--yt-blue); }
:root .yt-btn--blue:hover { background: var(--yt-blue); color: #fff; }
:root .yt-btn--white { color: #fff; }
:root .yt-btn--white:hover { background: #fff; color: var(--yt-blue); }

/* ---------- 01 Fejléc ---------- */
:root .yt-topbar { height: 80px; background: #fff; border-bottom: 1px solid #ece7df; display: flex; align-items: center; justify-content: center; }
:root .yt-topbar img { height: 40px; width: auto; }

/* ---------- 02 Hero ---------- */
:root .yt-hero { display: grid; grid-template-columns: minmax(0, 600fr) minmax(0, 680fr); min-height: 640px; background: var(--yt-ivory); }
:root .yt-hero__text { display: flex; flex-direction: column; align-items: flex-end; padding: 56px 72px; }
:root .yt-hero__main, :root .yt-hero__sponsor { width: 100%; max-width: 460px; }
:root .yt-hero__main { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; gap: 40px; }
:root .yt-hero__title { font-family: var(--yt-serif); font-weight: 500; font-size: 50px; line-height: 1.12; letter-spacing: .01em; color: var(--yt-ink); }
:root .yt-hero__rule { width: 56px; height: 3px; background: var(--yt-blue); }
:root .yt-hero__sponsor { display: flex; align-items: center; gap: 28px; padding-top: 24px; border-top: 1px solid #ddd5c8; }
:root .yt-hero__sponsor-logo { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }
:root .yt-hero__sponsor-logo .yt-label { font-size: 10px; }
:root .yt-hero__sponsor-logo img { width: 170px; }
:root .yt-hero__motto { font-size: 13px; line-height: 1.55; font-style: italic; color: var(--yt-muted); }
:root .yt-hero__img { position: relative; min-height: 640px; }
:root .yt-hero__img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* ---------- 03 Cikkajánlók ---------- */
:root .yt-articles { padding: 80px 0; }
:root .yt-articles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
:root .yt-card { text-decoration: none; color: inherit; display: flex; flex-direction: column; background: #fff; box-shadow: 0 1px 3px rgba(20, 24, 35, .12); transition: box-shadow .2s; }
:root .yt-card:hover { box-shadow: 0 6px 18px rgba(20, 24, 35, .14); }
:root .yt-card__img { width: 100%; height: 200px; max-width: none; object-fit: cover; }
:root .yt-card__body { padding: 22px 22px 26px; display: flex; flex-direction: column; gap: 12px; }
:root .yt-card__title { font-family: var(--yt-serif); font-weight: 500; font-size: 21px; line-height: 1.3; color: var(--yt-ink); }
:root .yt-card__lead { font-size: 14px; line-height: 1.6; color: var(--yt-muted); }

/* ---------- 04 Okos matracválasztó ---------- */
:root .yt-finder { display: grid; grid-template-columns: 640px minmax(0, 1fr); background: var(--yt-ivory); }
:root .yt-finder__img { position: relative; min-height: 620px; }
:root .yt-finder__img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
:root .yt-finder__text { padding: 64px 72px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 18px; }
:root .yt-finder__title { font-family: var(--yt-serif); font-weight: 500; font-size: 36px; line-height: 1.2; color: var(--yt-blue); }
:root .yt-finder__lead { font-size: 16px; line-height: 1.65; color: var(--yt-text); }
:root .yt-finder__text > * { max-width: 560px; }
:root .yt-finder .yt-btn { margin-top: 10px; }

/* ---------- 05 Videó ---------- */
:root .yt-video { padding: 88px 0; }
:root .yt-video .yt-h2 { font-size: 34px; line-height: 1.25; margin-bottom: 28px; }
:root .yt-video__frame { position: relative; aspect-ratio: 16 / 9; background: #1e2330; }
:root .yt-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ---------- 06 Termékteszt ---------- */
:root .yt-test { position: relative; min-height: 380px; display: flex; align-items: center; justify-content: center; padding: 64px var(--yt-gutter); background-color: var(--yt-blue); background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; }
:root .yt-test::before { content: ''; position: absolute; inset: 0; background: rgba(69, 151, 203, .9); }
:root .yt-test__inner { position: relative; max-width: 640px; display: flex; flex-direction: column; align-items: center; gap: 18px; color: #fff; }
:root .yt-test .yt-eyebrow { color: #fff; letter-spacing: .18em; }
:root .yt-test__title { font-family: var(--yt-serif); font-weight: 500; font-size: 38px; line-height: 1.2; color: #fff; }
:root .yt-test__lead { font-size: 16px; line-height: 1.6; color: #fff; }
:root .yt-test .yt-btn { margin-top: 8px; }

/* ---------- 07 Termékgaléria ---------- */
:root .yt-gallery { padding: 96px 0 64px; }
:root .yt-gallery__cats { display: flex; flex-direction: column; gap: 56px; margin-top: 56px; }
:root .yt-cat__title { font-family: var(--yt-serif); font-weight: 500; font-size: 24px; color: var(--yt-ink); padding-bottom: 12px; border-bottom: 1px solid var(--yt-line); margin-bottom: 20px; }
:root .yt-cat__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

:root .yt-tile { text-decoration: none; color: #fff; display: flex; flex-direction: column; background: var(--yt-blue); transition: transform .2s; }
:root .yt-tile:hover { transform: translateY(-3px); }
:root .yt-tile__media { position: relative; height: 220px; background: var(--yt-blue-dark); overflow: hidden; }
:root .yt-tile__media img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
:root .yt-tile__tag { position: absolute; left: 0; right: 0; top: 14px; padding: 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #4597cb; text-align: center; background:#fff; width: fit-content;
  margin: 0px auto;; }
:root .yt-tile__body { flex-grow: 1; padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 10px; color: #fff; }
:root .yt-tile__name { font-family: var(--yt-serif); font-size: 18px; font-weight: 600; text-align: center; color: #fff; }
:root .yt-tile__list { padding-left: 18px; font-size: 13px; line-height: 1.55; color: #fff; }
:root .yt-tile__more { margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .2); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-align: center; color: #fff; }

/* ---------- 08 Támogató + social ---------- */
:root .yt-social { padding: 0 0 100px; }
:root .yt-social__inner { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
:root .yt-social__inner img { width: 220px; }
:root .yt-social__title { font-family: var(--yt-serif); font-weight: 500; font-size: 21px; line-height: 1.3; color: var(--yt-ink); }
:root .yt-social__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
:root .yt-social__btn { text-decoration: none; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px 0 14px; border: 1px solid var(--yt-ink); font-size: 12px; font-weight: 700; letter-spacing: .1em; color: var(--yt-ink); transition: background-color .2s, color .2s; }
:root .yt-social__btn svg { stroke: var(--yt-blue); }
:root .yt-social__btn:hover { background: var(--yt-ink); color: #fff; }

/* =========================================================
   Reszponzív
   ========================================================= */
@media (max-width: 1024px) {
  :root .yt-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 560px; }
  :root .yt-hero__text { padding: 48px 40px; }
  :root .yt-hero__title { font-size: 40px; }
  :root .yt-hero__sponsor { flex-direction: column; align-items: flex-start; gap: 14px; }
  :root .yt-finder { grid-template-columns: 360px minmax(0, 1fr); }
  :root .yt-finder__text { padding: 48px var(--yt-gutter) 48px 48px; }
  :root .yt-cat__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  :root .yt-h2, :root .yt-finder__title, :root .yt-video .yt-h2 { font-size: 28px; }
  :root .yt-topbar { height: 64px; }
  :root .yt-topbar img { height: 32px; }

  :root .yt-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  :root .yt-hero__img { order: -1; min-height: 0; aspect-ratio: 4 / 3; }
  :root .yt-hero__text { padding: 32px var(--yt-gutter) 36px; align-items: stretch; }
  :root .yt-hero__main, :root .yt-hero__sponsor { max-width: none; }
  :root .yt-hero__main { gap: 24px; margin-bottom: 28px; }
  :root .yt-hero__title { font-size: 32px; }

  :root .yt-articles { padding: 48px 0; }
  :root .yt-articles__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }

  :root .yt-finder { grid-template-columns: minmax(0, 1fr); }
  :root .yt-finder__img { min-height: 0; aspect-ratio: 4 / 3; }
  :root .yt-finder__text { padding: 36px var(--yt-gutter) 44px; }

  :root .yt-video { padding: 56px 0; }
  :root .yt-test { min-height: 0; padding: 56px var(--yt-gutter); }
  :root .yt-test__title { font-size: 30px; }

  :root .yt-gallery { padding: 56px 0 48px; }
  :root .yt-gallery__cats { gap: 40px; margin-top: 36px; }
  :root .yt-cat__grid { gap: 12px; }
  :root .yt-tile__media { height: 180px; }
  :root .yt-tile__body { padding: 14px 14px 16px; }
  :root .yt-tile__name { font-size: 16px; }

  :root .yt-social { padding-bottom: 64px; }
}

@media (max-width: 479px) {
  :root .yt-cat__grid { grid-template-columns: minmax(0, 1fr); }
  :root .yt-tile__media { height: 220px; }
}/* End custom CSS */