{"id":4189,"date":"2026-02-17T13:22:24","date_gmt":"2026-02-17T12:22:24","guid":{"rendered":"https:\/\/www.thenordicmark.com\/hu\/?post_type=ajanlat&#038;p=4189"},"modified":"2026-04-14T12:28:46","modified_gmt":"2026-04-14T10:28:46","slug":"owatrol-olaj","status":"publish","type":"ajanlat","link":"https:\/\/www.thenordicmark.com\/hu\/ajanlat\/owatrol-olaj\/","title":{"rendered":"OWATROL Olaj"},"content":{"rendered":"\n<!-- Owatrol hero \u2013 desktop + mobil k\u00e9p -->\n<picture>\n  <!-- Mobil (max 768px) -->\n  <source\n    media=\"(max-width: 768px)\"\n    srcset=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_banner_1080x1350_mobile_.png\"\n  \/>\n\n  <!-- Desktop (alap\u00e9rtelmezett) -->\n  <img\n    src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_banner_1920x720_jnew-version.jpg\"\n    alt=\"Owatrol Olaj banner\"\n    style=\"width:100%; height:auto; display:block;\"\n    loading=\"eager\"\n    decoding=\"async\"\n  \/>\n<\/picture>\n\n\n\n<!-- FLOATING CTA BUTTON WITH PRODUCT PHOTO INSIDE -->\n<style>\n  .tnm-float-cta{\n    position: fixed;\n    right: 18px;\n    bottom: 18px;\n    z-index: 99999;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    padding: 12px 16px 12px 12px;\n    border-radius: 999px;\n\n    background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 55%, #ff3b30 100%);\n    color: #111 !important;\n    text-decoration: none !important;\n\n    box-shadow: 0 18px 40px rgba(0,0,0,.32);\n    border: 1px solid rgba(255,255,255,.22);\n\n    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\n    transform: translateZ(0);\n  }\n\n  .tnm-float-cta:hover{\n    transform: translateY(-2px);\n    box-shadow: 0 22px 52px rgba(0,0,0,.36);\n    filter: saturate(1.05);\n  }\n\n  .tnm-float-cta:active{\n    transform: translateY(0) scale(.99);\n  }\n\n  \/* K\u00c9P K\u00d6R: a gomb sz\u00ednes marad, a k\u00e9p pedig egy kis \u201cbadge\u201d-ben van *\/\n  .tnm-float-cta .tnm-cta-badge{\n    width: 44px;\n    height: 44px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.92);\n    display: grid;\n    place-items: center;\n    box-shadow: 0 10px 18px rgba(0,0,0,.22);\n    flex: 0 0 44px;\n  }\n\n  .tnm-float-cta .tnm-cta-badge img{\n    width: 34px;\n    height: 34px;\n    object-fit: contain; \/* teljes term\u00e9kk\u00e9p l\u00e1tsz\u00f3djon *\/\n    display: block;\n  }\n\n  .tnm-float-cta .tnm-cta-text{\n    font-family: Bahnschrift, \"Bahnschrift Condensed\", \"DIN Condensed\", \"Arial Narrow\", Arial, sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: .5px;\n    font-size: 15px;\n    line-height: 1;\n    white-space: nowrap;\n  }\n\n  @media (max-width: 480px){\n    .tnm-float-cta{\n      right: 12px;\n      bottom: 12px;\n      padding: 11px 14px 11px 11px;\n      gap: 10px;\n    }\n    .tnm-float-cta .tnm-cta-badge{\n      width: 40px;\n      height: 40px;\n      flex-basis: 40px;\n    }\n    .tnm-float-cta .tnm-cta-badge img{\n      width: 31px;\n      height: 31px;\n    }\n    .tnm-float-cta .tnm-cta-text{ font-size: 14px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .tnm-float-cta{ transition: none; }\n    .tnm-float-cta:hover{ transform: none; }\n    .tnm-float-cta:active{ transform: none; }\n  }\n<\/style>\n\n<a class=\"tnm-float-cta\" href=\"https:\/\/eshop.thenordicmark.hu\/owatrol-olaj\" target=\"_blank\" rel=\"noopener noreferrer\">\n  <span class=\"tnm-cta-badge\" aria-hidden=\"true\">\n    <img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/Owatrol_OWATROL_OIL_1L_GB-DE.png\"\n         alt=\"\">\n  <\/span>\n  <span class=\"tnm-cta-text\">Ir\u00e1ny az E-Shop<\/span>\n<\/a>\n\n\n\n<!doctype html>\n<html lang=\"hu\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>OWATROL\u00ae OLAJ \u2013 Landing<\/title>\n  <meta name=\"description\" content=\"OWATROL\u00ae OLAJ \u2013 rozsdag\u00e1tl\u00f3 olaj \u00e9s olaj\/alkid fest\u00e9k-adal\u00e9k. Modern, letisztult term\u00e9k landing gal\u00e9ri\u00e1val \u00e9s vide\u00f3val.\" \/>\n\n  <style>\n    :root{\n      --bg:#f6f7f9;\n      --surface:#ffffff;\n      --text:#0f172a;\n      --muted:#475569;\n      --line:rgba(15,23,42,.10);\n\n      --shadow:0 14px 34px rgba(2,6,23,.08);\n      --shadow2:0 10px 22px rgba(2,6,23,.10);\n\n      --accent:#0ea5e9;\n      --accent2:#22c55e;\n\n      --radius:18px;\n      --radius2:14px;\n\n      --maxw:1120px;\n      --navh:72px;\n\n      --stripe: linear-gradient(90deg,\n        rgba(14,165,233,.22),\n        rgba(34,197,94,.18),\n        rgba(14,165,233,.10));\n    }\n\n    *{ box-sizing:border-box; }\n    html{ scroll-behavior:smooth; }\n    body{\n      margin:0;\n      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\n      color:var(--text);\n      background:var(--bg);\n      line-height:1.5;\n      letter-spacing:.1px;\n    }\n    a{ color:inherit; text-decoration:none; }\n    .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 20px; }\n\n    \/* Sticky topbar *\/\n    .topbar{\n      position:sticky; top:0; z-index:50;\n      backdrop-filter: blur(10px);\n      background: rgba(246,247,249,.78);\n      border-bottom:1px solid var(--line);\n    }\n    .topbar .inner{\n      display:flex; align-items:center; justify-content:space-between;\n      padding:14px 0;\n      gap:14px;\n    }\n\n    .brand{ display:flex; align-items:center; gap:12px; min-width: 220px; }\n    .mark{\n      width:42px; height:42px; border-radius:12px;\n      background: linear-gradient(135deg, rgba(14,165,233,.95), rgba(34,197,94,.9));\n      box-shadow: var(--shadow2);\n      display:grid; place-items:center;\n    }\n    .mark svg{ width:22px; height:22px; color:#fff; }\n    .brand .t1{ margin:0; font-size:12px; letter-spacing:.7px; text-transform:uppercase; color:var(--muted); }\n    .brand .t2{ margin:0; font-size:16px; font-weight:800; letter-spacing:-.2px; }\n\n    .nav{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }\n    .nav a{\n      padding:8px 10px;\n      border-radius:12px;\n      font-size:14px;\n      color:var(--muted);\n      transition: background .2s ease, color .2s ease, transform .2s ease;\n    }\n    .nav a:hover{ background: rgba(15,23,42,.06); color: var(--text); }\n\n    .cta{\n      display:inline-flex; align-items:center;\n      padding:10px 14px;\n      border-radius: 14px;\n      border:1px solid rgba(14,165,233,.35);\n      background: rgba(14,165,233,.10);\n      color: var(--text);\n      font-weight:800;\n      white-space:nowrap;\n      transition: transform .18s ease, background .18s ease;\n    }\n    .cta:hover{ background: rgba(14,165,233,.14); transform: translateY(-1px); }\n\n    \/* Sections with TOP color-stripes exactly at section start *\/\n    section{\n      position:relative;\n      padding:28px 0;\n      scroll-margin-top: calc(var(--navh) + 18px);\n    }\n    section::before{\n      content:\"\";\n      position:absolute;\n      left:0; right:0;\n      top:0;\n      height:18px;\n      background: var(--stripe);\n      opacity:.95;\n      pointer-events:none;\n    }\n\n    \/* \u2705 Partner szekci\u00f3ban ne legyen TOP cs\u00edk (\u00edgy alul sem lesz cs\u00edk) *\/\n    #partnereinknel::before{ display:none; }\n\n    \/* \u2705 De legyen cs\u00edk K\u00d6ZVETLEN\u00dcL a partner szekci\u00f3 f\u00f6l\u00f6tt:\n          a katal\u00f3gus szekci\u00f3 alj\u00e1ra tesz\u00fcnk egy cs\u00edkot *\/\n    #termekcsalad{\n      padding-bottom: 40px; \/* hely a bottom cs\u00edknak *\/\n    }\n    #termekcsalad::after{\n      content:\"\";\n      position:absolute;\n      left:0; right:0;\n      bottom:0;\n      height:18px;\n      background: var(--stripe);\n      opacity:.95;\n      pointer-events:none;\n    }\n\n    .hero{ padding:44px 0 18px; }\n    .hero::before{ height:22px; }\n\n    .panel{\n      background: var(--surface);\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      box-shadow: var(--shadow);\n    }\n\n    .hero-grid{\n      display:grid;\n      grid-template-columns: 1.06fr .94fr;\n      gap:18px;\n      align-items:stretch;\n    }\n    @media (max-width:980px){ .hero-grid{ grid-template-columns:1fr; } }\n\n    .hero-left{ padding:26px; }\n    .kicker{\n      display:inline-flex; align-items:center; gap:8px;\n      padding:6px 10px;\n      border-radius:999px;\n      border:1px solid rgba(34,197,94,.28);\n      background: rgba(34,197,94,.08);\n      color: var(--muted);\n      font-size:13px;\n      margin-bottom:12px;\n    }\n    .kicker svg{ width:16px; height:16px; color: var(--accent2); }\n\n    .hero h1{\n      margin:0 0 10px;\n      font-size:38px;\n      line-height:1.08;\n      letter-spacing:-.8px;\n    }\n    .hero p{ margin:0 0 14px; color: var(--muted); font-size:16px; }\n\n    .chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }\n    .chip{\n      display:inline-flex; align-items:center; gap:8px;\n      padding:10px 12px;\n      border-radius:14px;\n      border:1px solid var(--line);\n      background:#fff;\n      box-shadow: 0 6px 14px rgba(2,6,23,.05);\n      font-size:14px;\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    }\n    .chip svg{ width:18px; height:18px; color: var(--accent); }\n    .chip:hover{\n      transform: translateY(-2px);\n      box-shadow: 0 10px 22px rgba(2,6,23,.10);\n      border-color: rgba(14,165,233,.28);\n    }\n\n    \/* Video *\/\n    .hero-right{ padding:16px; display:flex; flex-direction:column; gap:12px; }\n    .video-card{\n      border-radius:16px;\n      overflow:hidden;\n      border:1px solid var(--line);\n      background:#000;\n      box-shadow: 0 14px 26px rgba(2,6,23,.16);\n    }\n    .video-wrap{ position:relative; width:100%; aspect-ratio: 16 \/ 9; background:#000; }\n    .video-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }\n    .mini{\n      padding:12px 12px 6px;\n      color:var(--muted);\n      font-size:13px;\n      display:flex;\n      gap:10px;\n      align-items:flex-start;\n    }\n    .mini svg{ width:18px; height:18px; color: var(--accent); margin-top:1px; }\n\n    \/* Headings *\/\n    .section-head{\n      display:flex;\n      justify-content:space-between;\n      gap:14px;\n      align-items:flex-end;\n      margin-bottom:12px;\n    }\n    .section-head h2{ margin:0; font-size:22px; letter-spacing:-.2px; }\n    .section-head p{ margin:0; color:var(--muted); font-size:14px; }\n\n    \/* Cards *\/\n    .grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }\n    @media (max-width:980px){ .grid-3{ grid-template-columns:1fr; } }\n\n    .card{\n      background: var(--surface);\n      border: 1px solid var(--line);\n      border-radius: var(--radius2);\n      padding:16px;\n      box-shadow: 0 10px 22px rgba(2,6,23,.06);\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    }\n    .card:hover{\n      transform: translateY(-3px);\n      box-shadow: 0 16px 32px rgba(2,6,23,.10);\n      border-color: rgba(14,165,233,.22);\n    }\n\n    .icon{\n      width:42px; height:42px;\n      border-radius:14px;\n      background: rgba(14,165,233,.10);\n      border:1px solid rgba(14,165,233,.18);\n      display:grid; place-items:center;\n      margin-bottom:10px;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n    }\n    .icon svg{ width:20px; height:20px; color: var(--accent); transition: color .18s ease; }\n    .card:hover .icon{\n      transform: translateY(-1px) scale(1.03);\n      background: rgba(34,197,94,.10);\n      border-color: rgba(34,197,94,.22);\n    }\n    .card:hover .icon svg{ color: var(--accent2); }\n\n    .card h3{ margin:0 0 6px; font-size:16px; }\n    .card p,.card li{ margin:0; color:var(--muted); font-size:14px; }\n    ul.clean{ margin:10px 0 0; padding:0 0 0 18px; }\n    ul.clean li{ margin:6px 0; }\n\n    .cols{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }\n    @media (max-width:980px){ .cols{ grid-template-columns:1fr; } }\n\n    \/* Table *\/\n    .table{\n      width:100%;\n      border-collapse:separate;\n      border-spacing:0;\n      overflow:hidden;\n      border-radius: var(--radius2);\n      border:1px solid var(--line);\n      background:#fff;\n    }\n    .table tr+tr td{ border-top:1px solid var(--line); }\n    .table td{ padding:12px 14px; vertical-align:top; font-size:14px; }\n    .table td:first-child{\n      width:34%;\n      font-weight:800;\n      background: rgba(15,23,42,.02);\n    }\n\n    \/* Accordion *\/\n    .acc{\n      border:1px solid var(--line);\n      border-radius: var(--radius2);\n      overflow:hidden;\n      background:#fff;\n    }\n    .acc button{\n      width:100%;\n      padding:14px 14px;\n      border:0;\n      background:#fff;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      cursor:pointer;\n      font-weight:900;\n      font-size:14px;\n      color: var(--text);\n    }\n    .acc button:hover{ background: rgba(15,23,42,.03); }\n    .chev{ width:18px; height:18px; color: var(--muted); transition: transform .2s ease; }\n    .acc .body{\n      display:none;\n      padding:0 14px 14px;\n      color: var(--muted);\n      font-size:14px;\n    }\n    .acc.open .body{ display:block; }\n    .acc.open .chev{ transform: rotate(180deg); }\n\n    \/* Gallery *\/\n    .gallery.panel{ padding:18px; }\n    .gallery-top{\n      display:flex; justify-content:space-between; align-items:flex-end; gap:14px;\n      margin-bottom:12px;\n    }\n    .gallery-top .hint{ color:var(--muted); font-size:13px; }\n\n    .carousel{\n      position:relative;\n      border-radius: 16px;\n      overflow:hidden;\n      border:1px solid var(--line);\n      background:#fff;\n      box-shadow: 0 14px 26px rgba(2,6,23,.10);\n    }\n    .track{\n      display:flex;\n      overflow:auto;\n      scroll-snap-type: x mandatory;\n      scroll-behavior:smooth;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n    .track::-webkit-scrollbar{ display:none; }\n\n    .slide{\n      flex: 0 0 100%;\n      scroll-snap-align: center;\n      position:relative;\n      aspect-ratio: 16 \/ 9;\n      background: #0b1220;\n    }\n    @media (max-width: 640px){\n      .slide{ aspect-ratio: 4 \/ 5; }\n    }\n    .slide img{\n      width:100%; height:100%;\n      object-fit:cover;\n      display:block;\n    }\n\n    .ctrl{\n      position:absolute;\n      top:50%;\n      transform: translateY(-50%);\n      width:42px; height:42px;\n      border-radius: 14px;\n      border:1px solid rgba(255,255,255,.28);\n      background: rgba(15,23,42,.42);\n      color:#fff;\n      display:grid; place-items:center;\n      cursor:pointer;\n      transition: transform .18s ease, background .18s ease;\n      user-select:none;\n    }\n    .ctrl:hover{ transform: translateY(-50%) scale(1.05); background: rgba(15,23,42,.55); }\n    .ctrl:active{ transform: translateY(-50%) scale(.98); }\n    .ctrl.prev{ left:12px; }\n    .ctrl.next{ right:12px; }\n    .ctrl svg{ width:20px; height:20px; }\n\n    .dots{\n      display:flex;\n      gap:8px;\n      justify-content:center;\n      padding:12px 0 0;\n    }\n    .dot{\n      width:10px; height:10px;\n      border-radius:999px;\n      border:1px solid rgba(15,23,42,.18);\n      background: rgba(15,23,42,.08);\n      cursor:pointer;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n    }\n    .dot.active{\n      background: rgba(14,165,233,.35);\n      border-color: rgba(14,165,233,.55);\n      transform: scale(1.2);\n    }\n\n    \/* Catalog section *\/\n    .catalog.panel{ padding:18px; }\n    .catalog-grid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap:14px;\n      align-items:start;\n    }\n    @media (max-width:980px){ .catalog-grid{ grid-template-columns:1fr; } }\n\n    .catalog-left{ display:flex; justify-content:center; }\n    .catalog-card{\n      width:min(360px, 100%);\n      border-radius:16px;\n      overflow:hidden;\n      border:1px solid var(--line);\n      background:#fff;\n      box-shadow: 0 14px 26px rgba(2,6,23,.10);\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    }\n    .catalog-card:hover{\n      transform: translateY(-3px);\n      box-shadow: 0 18px 34px rgba(2,6,23,.14);\n      border-color: rgba(14,165,233,.22);\n    }\n    .catalog-card img{ width:100%; height:auto; display:block; }\n\n    .catalog-right{\n      padding:4px 0;\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n      justify-content:flex-start;\n    }\n    .catalog-title{\n      font-weight:900;\n      font-size:18px;\n      letter-spacing:-.2px;\n    }\n\n    .btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:12px 14px;\n      border-radius: 14px;\n      border:1px solid rgba(14,165,233,.35);\n      background: rgba(14,165,233,.10);\n      font-weight:900;\n      width: fit-content;\n      transition: transform .18s ease, background .18s ease;\n    }\n    .btn:hover{ transform: translateY(-1px); background: rgba(14,165,233,.14); }\n\n    \/* Partner section *\/\n    .partner.panel{ padding:18px; }\n    .partner-inner{\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n      align-items:center;\n      text-align:center;\n    }\n    .partner-title{\n      font-weight:900;\n      font-size:22px;\n      letter-spacing:-.2px;\n      margin:0;\n    }\n    .partner-sub{\n      margin:0;\n      color:var(--muted);\n      font-size:14px;\n      max-width: 760px;\n    }\n\n    .small{ font-size:13px; color:var(--muted); }\n  <\/style>\n<\/head>\n\n<body>\n  <header class=\"topbar\">\n    <div class=\"wrap inner\">\n      <div class=\"brand\">\n        <div class=\"mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 2.5c3.2 4.2 6.9 8 6.9 12.3A6.9 6.9 0 1 1 5.1 14.8C5.1 10.5 8.8 6.7 12 2.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M8.3 14.6c.3 2.2 2.2 3.9 4.5 3.9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <p class=\"t1\">Sz\u00edntelen, m\u00e9lyen besz\u00edv\u00f3d\u00f3<\/p>\n          <p class=\"t2\">OWATROL\u00ae OLAJ<\/p>\n        <\/div>\n      <\/div>\n\n      <nav class=\"nav\" aria-label=\"Navig\u00e1ci\u00f3\">\n        <a href=\"#elonyok\">El\u0151ny\u00f6k<\/a>\n        <a href=\"#galeria\">Gal\u00e9ria<\/a>\n        <a href=\"#felhasznalas\">Felhaszn\u00e1l\u00e1s<\/a>\n        <a href=\"#partnereinknel\" class=\"cta\">Keresse partnereinkn\u00e9l<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <main>\n    <!-- HERO -->\n    <section class=\"hero\" id=\"top\">\n      <div class=\"wrap hero-grid\">\n        <div class=\"panel hero-left\">\n          <div class=\"kicker\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 2.8 20.2 7v10L12 21.2 3.8 17V7L12 2.8Z\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n              <path d=\"M8.2 12.2 11 15l5-6.2\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            Rozsdag\u00e1tl\u00f3 olaj \u00e9s olaj\/alkid fest\u00e9k-adal\u00e9k\n          <\/div>\n\n          <h1>Rozsd\u00e1ra. F\u00e1ra. Fest\u00e9khez.<\/h1>\n          <p>\n            Az OWATROL\u00ae Olaj sz\u00edntelen, leveg\u0151n sz\u00e1rad\u00f3, nagy behatol\u00f3k\u00e9pess\u00e9g\u0171 olaj.\n            Haszn\u00e1lhat\u00f3 \u00f6nmag\u00e1ban (rozsdag\u00e1tl\u00f3k\u00e9nt vagy faimpregn\u00e1l\u00e1sra), illetve olaj\/alkid alap\u00fa fest\u00e9kekhez adal\u00e9kk\u00e9nt.\n          <\/p>\n\n          <div class=\"chips\" aria-label=\"Gyors inf\u00f3k\">\n            <div class=\"chip\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M5 18h14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M7 7h10v10H7V7Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n              <strong>Fed\u0151k\u00e9pess\u00e9g:<\/strong>&nbsp;15\u201320 m\u00b2\/l\n            <\/div>\n\n            <div class=\"chip\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 7v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n              <strong>\u00c9rint\u00e9ssz\u00e1raz:<\/strong>&nbsp;12 \u00f3ra\n            <\/div>\n\n            <div class=\"chip\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M4 20h7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M13 19 20 12l-3-3-7 7v3Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <strong>\u00c1tfesthet\u0151:<\/strong>&nbsp;24\u201348 \u00f3ra\n            <\/div>\n          <\/div>\n\n          <p class=\"small\" style=\"margin-top:14px\">\n            <strong style=\"color:var(--text)\">Kiszerel\u00e9sek:<\/strong>\n            1 L \u00b7 5 L\n          <\/p>\n        <\/div>\n\n        <div class=\"panel hero-right\">\n          <div class=\"video-card\">\n            <div class=\"video-wrap\">\n              <iframe\n                title=\"OWATROL\u00ae OLAJ vide\u00f3\"\n                src=\"https:\/\/www.youtube.com\/embed\/tnjZO2i4Tbw?autoplay=1&mute=1&loop=1&playlist=tnjZO2i4Tbw&cc_load_policy=1&rel=0&modestbranding=1&playsinline=1\"\n                allow=\"autoplay; encrypted-media; picture-in-picture\"\n                allowfullscreen>\n              <\/iframe>\n            <\/div>\n          <\/div>\n\n          <div class=\"mini\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M4 7h16v10H4V7Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"M9 10v4M15 10v4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            <div>\n              <strong style=\"color:var(--text)\">N\u00e9zze meg hogyan m\u0171k\u00f6dik!<\/strong><br\/>\n              Gyors \u00e9s k\u00f6nny\u0171 alkalmazhat\u00f3s\u00e1g, tart\u00f3s v\u00e9geredm\u00e9ny.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- BENEFITS -->\n    <section id=\"elonyok\">\n      <div class=\"wrap\">\n        <div class=\"section-head\">\n          <div>\n            <h2>Mi\u00e9rt j\u00f3 v\u00e1laszt\u00e1s?<\/h2>\n            <p>R\u00f6viden: stabilabb fel\u00fclet, szebb felhord\u00e1s, megb\u00edzhat\u00f3bb bevonat.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid-3\">\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2.5c3.2 4.2 6.9 8 6.9 12.3A6.9 6.9 0 1 1 5.1 14.8C5.1 10.5 8.8 6.7 12 2.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <h3>M\u00e9lyen behatol a rozsd\u00e1ba<\/h3>\n            <p>Kiszor\u00edtja a nedvess\u00e9get \u00e9s a leveg\u0151t, stabiliz\u00e1lva a rozsd\u00e1s fel\u00fcletet.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M7 12.5 10.2 16 17 8.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M4 12a8 8 0 1 0 16 0\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Jobb ter\u00fcl\u00e9s \u00e9s tapad\u00e1s<\/h3>\n            <p>Olaj\/alkid fest\u00e9kekn\u00e9l seg\u00edt szebben eldolgozni \u00e9s biztosabban tapadni.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M8 20V8a4 4 0 0 1 8 0v12\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M6 20h12\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Fa p\u00f3rusainak tel\u00edt\u00e9se<\/h3>\n            <p>Kit\u00f6lti a por\u00f3zus fa p\u00f3rusait, seg\u00edt megel\u0151zni a fest\u00e9k lev\u00e1l\u00e1s\u00e1t.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M7 7h10v10H7V7Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Egyenletesebb fel\u00fcletk\u00e9p<\/h3>\n            <p>Nehezebb k\u00f6r\u00fclm\u00e9nyek k\u00f6z\u00f6tt is seg\u00edt a sz\u00e9p szintez\u00e9sben \u00e9s eldolgoz\u00e1sban.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                <path d=\"M12 7v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Hosszabb \u201enyitott id\u0151\u201d<\/h3>\n            <p>T\u00f6bb id\u0151 az eldolgoz\u00e1sra: kev\u00e9sb\u00e9 \u201er\u00e1nt\u201d a fest\u00e9k, kontroll\u00e1ltabb a felhord\u00e1s.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M7 14c2.8-2.7 7.2-2.7 10 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 3v5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M4 20h16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Nem v\u00e1ltoztat a megjelen\u00e9sen<\/h3>\n            <p>Adal\u00e9kk\u00e9nt a fest\u00e9k eredeti min\u0151s\u00e9g\u00e9t megtartja, nem befoly\u00e1solja annak megjelen\u00e9s\u00e9t.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n<style>\n  .tnm-inline-cta-wrap{\n    text-align: center;            \/* k\u00f6z\u00e9pre igaz\u00edt\u00e1s *\/\n    margin: 18px 0;\n  }\n\n  .tnm-inline-cta{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    padding: 12px 18px 12px 14px;\n    border-radius: 999px;\n\n    background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 55%, #ff3b30 100%);\n    color: #111 !important;\n    text-decoration: none !important;\n\n    box-shadow: 0 14px 30px rgba(0,0,0,.22);\n    border: 1px solid rgba(255,255,255,.22);\n\n    font-family: Bahnschrift, \"Bahnschrift Condensed\", \"DIN Condensed\", \"Arial Narrow\", Arial, sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: .5px;\n    font-size: 15px;\n    line-height: 1;\n    white-space: nowrap;\n\n    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\n  }\n  .tnm-inline-cta:hover{\n    transform: translateY(-2px);\n    box-shadow: 0 18px 40px rgba(0,0,0,.26);\n    filter: saturate(1.05);\n  }\n  .tnm-inline-cta:active{\n    transform: translateY(0) scale(.99);\n  }\n\n  \/* kis term\u00e9kk\u00e9p badge \u2013 \"kicsibe\" \u00e9s teljesen l\u00e1tsz\u00f3djon *\/\n  .tnm-inline-cta .tnm-inline-cta-badge{\n    width: 44px;\n    height: 44px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.92);\n    display: grid;\n    place-items: center;\n    box-shadow: 0 10px 18px rgba(0,0,0,.18);\n    flex: 0 0 44px;\n  }\n  .tnm-inline-cta .tnm-inline-cta-badge img{\n    width: 34px;\n    height: 34px;\n    object-fit: contain;\n    display: block;\n  }\n\n  @media (max-width: 480px){\n    .tnm-inline-cta{\n      padding: 11px 16px 11px 12px;\n      gap: 10px;\n      font-size: 14px;\n    }\n    .tnm-inline-cta .tnm-inline-cta-badge{\n      width: 40px;\n      height: 40px;\n      flex-basis: 40px;\n    }\n    .tnm-inline-cta .tnm-inline-cta-badge img{\n      width: 31px;\n      height: 31px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .tnm-inline-cta{ transition: none; }\n    .tnm-inline-cta:hover{ transform: none; }\n    .tnm-inline-cta:active{ transform: none; }\n  }\n<\/style>\n\n<div class=\"tnm-inline-cta-wrap\">\n  <a class=\"tnm-inline-cta\" href=\"https:\/\/www.thenordicmark.com\/hu\/ajanlat\/owatrol-olaj\/#partnereinknel\">\n    <span class=\"tnm-inline-cta-badge\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/Owatrol_OWATROL_OIL_1L_GB-DE.png\" alt=\"\">\n    <\/span>\n    HOL KAPHAT\u00d3?\n  <\/a>\n<\/div>\n<p>\n    <!-- GALLERY -->\n    <section id=\"galeria\">\n      <div class=\"wrap\">\n        <div class=\"panel gallery\">\n          <div class=\"gallery-top\">\n            <div>\n              <h2 style=\"margin:0;font-size:22px;letter-spacing:-.2px\">Term\u00e9kgal\u00e9ria<\/h2>\n              <div class=\"hint\">H\u00fazd oldalra mobilon, vagy haszn\u00e1ld a nyilakat.<\/div>\n            <\/div>\n            <div class=\"hint\">11 k\u00e9p<\/div>\n          <\/div>\n\n          <div class=\"carousel\" aria-label=\"Owatrol gal\u00e9ria\">\n            <div class=\"track\" id=\"galleryTrack\">\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_11.jpg\" alt=\"Owatrol olaj 11\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_10.jpg\" alt=\"Owatrol olaj 10\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_9.jpg\"  alt=\"Owatrol olaj 9\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_8.jpg\"  alt=\"Owatrol olaj 8\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_7.jpg\"  alt=\"Owatrol olaj 7\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_6.jpg\"  alt=\"Owatrol olaj 6\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_5.jpg\"  alt=\"Owatrol olaj 5\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_4.jpg\"  alt=\"Owatrol olaj 4\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_3.jpg\"  alt=\"Owatrol olaj 3\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_2.jpg\"  alt=\"Owatrol olaj 2\"><\/div>\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/owatrol_olaj_1.jpg\"  alt=\"Owatrol olaj 1\"><\/div>\n            <\/div>\n\n            <div class=\"ctrl prev\" id=\"prevBtn\" aria-label=\"El\u0151z\u0151 k\u00e9p\" role=\"button\" tabindex=\"0\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M15 6l-6 6 6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"ctrl next\" id=\"nextBtn\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\" role=\"button\" tabindex=\"0\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n\n          <div class=\"dots\" id=\"dots\" aria-label=\"Gal\u00e9ria lapoz\u00f3 p\u00f6tty\u00f6k\"><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- USE CASES -->\n    <section id=\"felhasznalas\">\n      <div class=\"wrap\">\n        <div class=\"section-head\">\n          <div>\n            <h2>Felhaszn\u00e1l\u00e1s \u2013 3 tipikus m\u00f3d<\/h2>\n            <p>V\u00e1lassz c\u00e9l szerint: rozsdag\u00e1tl\u00e1s \/ fest\u00e9k-adal\u00e9k \/ fa impregn\u00e1l\u00e1s.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cols\">\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2.5c3.2 4.2 6.9 8 6.9 12.3A6.9 6.9 0 1 1 5.1 14.8C5.1 10.5 8.8 6.7 12 2.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <h3>1) Rozsdag\u00e1tl\u00f3k\u00e9nt<\/h3>\n            <ul class=\"clean\">\n              <li>K\u00f6zvetlen\u00fcl rozsd\u00e1s fel\u00fcletre is haszn\u00e1lhat\u00f3.<\/li>\n              <li>Alkalmazhat\u00f3 <strong>antikol\u00e1sra<\/strong> is, amellyel t\u00e1rgyaknak id\u0151s, kopottas, vintage hat\u00e1st k\u00f6lcs\u00f6n\u00f6zhet\u00fcnk <\/li>\n              <li>Nem sz\u00fcks\u00e9ges f\u00e9mtiszt\u00e1ra csiszolni: a j\u00f3l k\u00f6t\u00f6tt rozsd\u00e1t nem kell elt\u00e1vol\u00edtani.<\/li>\n            <\/ul>\n\n            <div style=\"height:12px\"><\/div>\n\n            <div class=\"acc\" data-acc>\n              <button type=\"button\" aria-expanded=\"false\">\n                Gyors fel\u00fclet-el\u0151k\u00e9sz\u00edt\u00e9s (kivonat)\n                <svg class=\"chev\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/button>\n              <div class=\"body\">\n                <ul class=\"clean\">\n                  <li>Tiszta, sz\u00e1raz, zs\u00edr- \u00e9s pormentes fel\u00fclet.<\/li>\n                  <li>Laza rozsda \/ perg\u0151 r\u00e9tegek elt\u00e1vol\u00edt\u00e1sa, \u00e9lek elsim\u00edt\u00e1sa.<\/li>\n                  <li>S\u00f3\/vegyszer terhel\u00e9s ut\u00e1n b\u0151 vizes mos\u00e1s vagy g\u0151z, majd teljes sz\u00e1rad\u00e1s.<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 20h7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M13 19 20 12l-3-3-7 7v3Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3>2) Fest\u00e9k-adal\u00e9kanyagk\u00e9nt<\/h3>\n            <p style=\"margin:0;color:var(--muted);font-size:14px\">\n              Olaj\/alkid alap\u00fa fest\u00e9kekhez keverve seg\u00edt a ter\u00fcl\u00e9sben, feldolgozhat\u00f3s\u00e1gban \u00e9s tapad\u00e1sban. A h\u00edg\u00edt\u00e1si ar\u00e1nyok az al\u00e1bbiak szerint alakulnak:\n            <\/p>\n\n            <div style=\"height:12px\"><\/div>\n\n            <table class=\"table\" aria-label=\"Kever\u00e9si ar\u00e1nyok\">\n              <tbody>\n                <tr><td>Fed\u0151r\u00e9teg<\/td><td>Sz\u00fcks\u00e9g szerint, jellemz\u0151en 5\u201320% (t\u00e9rfogat)<\/td><\/tr>\n                <tr><td>K\u00f6zbens\u0151<\/td><td>Legfeljebb 30% (t\u00e9rfogat)<\/td><\/tr>\n                <tr><td>Alapoz\u00f3<\/td><td>Legfeljebb 50% (t\u00e9rfogat)<\/td><\/tr>\n              <\/tbody>\n            <\/table>\n\n            <div class=\"small\" style=\"margin-top:10px\">\n              Tipp: ha a fest\u00e9k cs\u00edkosodik \/ t\u00fal gyorsan k\u00f6t \/ nem ter\u00fcl, fokozatosan adagold, \u00e9s keverd alaposan.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cols\" style=\"margin-top:14px\">\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M6 20h12\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M8 6h8l2 4H6l2-4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n                <path d=\"M7 10v10h10V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <h3>3) Fa impregn\u00e1l\u00e1s\u00e1ra<\/h3>\n            <ul class=\"clean\">\n              <li>Por\u00f3zus f\u00e1n tel\u00edt \u00e9s seg\u00edt megel\u0151zni a bevonat lev\u00e1l\u00e1s\u00e1t.<\/li>\n              <li>S\u00e9r\u00fclt, puha fa eset\u00e9n 2\u20134 \u201enedves a nedvesre\u201d r\u00e9teg javasolt, am\u00edg a fa felveszi.<\/li>\n              <li>A felesleget fel kell t\u00f6r\u00f6lni, majd hagyni megsz\u00e1radni.<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"card\">\n            <div class=\"icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                <path d=\"M12 7v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Sz\u00e1rad\u00e1s & tiszt\u00edt\u00e1s<\/h3>\n            <ul class=\"clean\">\n              <li>\u00c9rint\u00e9ssz\u00e1raz: kb. 12 \u00f3ra<\/li>\n              <li>Teljes sz\u00e1rad\u00e1s: kb. 24 \u00f3ra (k\u00f6r\u00fclm\u00e9nyf\u00fcgg\u0151)<\/li>\n              <li>\u00c1tfesthet\u0151: 24\u201348 \u00f3ra<\/li>\n              <li>Tiszt\u00edt\u00e1s: White spirit<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n<style>\n  .tnm-inline-cta-wrap{\n    text-align: center;            \/* k\u00f6z\u00e9pre igaz\u00edt\u00e1s *\/\n    margin: 18px 0;\n  }\n\n  .tnm-inline-cta{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    padding: 12px 18px 12px 14px;\n    border-radius: 999px;\n\n    background: linear-gradient(135deg, #ffcc00 0%, #ff8a00 55%, #ff3b30 100%);\n    color: #111 !important;\n    text-decoration: none !important;\n\n    box-shadow: 0 14px 30px rgba(0,0,0,.22);\n    border: 1px solid rgba(255,255,255,.22);\n\n    font-family: Bahnschrift, \"Bahnschrift Condensed\", \"DIN Condensed\", \"Arial Narrow\", Arial, sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: .5px;\n    font-size: 15px;\n    line-height: 1;\n    white-space: nowrap;\n\n    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\n  }\n  .tnm-inline-cta:hover{\n    transform: translateY(-2px);\n    box-shadow: 0 18px 40px rgba(0,0,0,.26);\n    filter: saturate(1.05);\n  }\n  .tnm-inline-cta:active{\n    transform: translateY(0) scale(.99);\n  }\n\n  \/* kis term\u00e9kk\u00e9p badge \u2013 \"kicsibe\" \u00e9s teljesen l\u00e1tsz\u00f3djon *\/\n  .tnm-inline-cta .tnm-inline-cta-badge{\n    width: 44px;\n    height: 44px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.92);\n    display: grid;\n    place-items: center;\n    box-shadow: 0 10px 18px rgba(0,0,0,.18);\n    flex: 0 0 44px;\n  }\n  .tnm-inline-cta .tnm-inline-cta-badge img{\n    width: 34px;\n    height: 34px;\n    object-fit: contain;\n    display: block;\n  }\n\n  @media (max-width: 480px){\n    .tnm-inline-cta{\n      padding: 11px 16px 11px 12px;\n      gap: 10px;\n      font-size: 14px;\n    }\n    .tnm-inline-cta .tnm-inline-cta-badge{\n      width: 40px;\n      height: 40px;\n      flex-basis: 40px;\n    }\n    .tnm-inline-cta .tnm-inline-cta-badge img{\n      width: 31px;\n      height: 31px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .tnm-inline-cta{ transition: none; }\n    .tnm-inline-cta:hover{ transform: none; }\n    .tnm-inline-cta:active{ transform: none; }\n  }\n<\/style>\n\n<div class=\"tnm-inline-cta-wrap\">\n  <a class=\"tnm-inline-cta\" href=\"https:\/\/www.thenordicmark.com\/hu\/ajanlat\/owatrol-olaj\/#partnereinknel\">\n    <span class=\"tnm-inline-cta-badge\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2026\/02\/Owatrol_OWATROL_OIL_1L_GB-DE.png\" alt=\"\">\n    <\/span>\n    HOL KAPHAT\u00d3?\n  <\/a>\n<\/div>\n<p>\n\n    <!-- CATALOG -->\n    <section id=\"termekcsalad\">\n      <div class=\"wrap\">\n        <div class=\"section-head\">\n          <div>\n            <h2>Fedezd az Owatrol term\u00e9kcsal\u00e1dot!<\/h2>\n            <p>Kattints a katal\u00f3gusra, \u00e9s lapozd v\u00e9gig a teljes v\u00e1laszt\u00e9kot.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"panel catalog\">\n          <div class=\"catalog-grid\">\n            <div class=\"catalog-left\">\n              <a class=\"catalog-card\" href=\"https:\/\/www.thenordicmark.com\/hu\/katalogusok\/#flipbook-df_768\/1\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Owatrol term\u00e9kkatal\u00f3gus megnyit\u00e1sa\">\n                <img decoding=\"async\" src=\"https:\/\/www.thenordicmark.com\/hu\/wp-content\/uploads\/2023\/05\/OWATROL-Termekkatalogus.jpg\"\n                     alt=\"Owatrol term\u00e9kkatal\u00f3gus\">\n              <\/a>\n            <\/div>\n\n            <div class=\"catalog-right\">\n              <div class=\"catalog-title\">Owatrol katal\u00f3gus<\/div>\n\n              <div class=\"small\" style=\"font-size:14px; line-height:1.45\">\n                Fedezze felz az Owatrol pr\u00e9mium megold\u00e1sait a fa- \u00e9s f\u00e9m fel\u00fcletek v\u00e9delm\u00e9re \u00e9s d\u00edsz\u00edt\u00e9s\u00e9re.\n              <\/div>\n\n              <a class=\"btn\" href=\"https:\/\/www.thenordicmark.com\/hu\/katalogusok\/#flipbook-df_768\/1\/\" target=\"_blank\" rel=\"noopener\">\n                Katal\u00f3gus megnyit\u00e1sa\n              <\/a>\n\n              <div class=\"small\">(\u00daj lapon ny\u00edlik.)<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PARTNERS (BOTTOM) -->\n    <section id=\"partnereinknel\">\n      <div class=\"wrap\">\n        <div class=\"panel partner\">\n          <div class=\"partner-inner\">\n            <h2 class=\"partner-title\">Keresse partnereinkn\u00e9l<\/h2>\n            <p class=\"partner-sub\">V\u00e1lassza ki az \u00d6nh\u00f6z legk\u00f6zelebb es\u0151 partner\u00fczlet\u00fcnket az al\u00e1bbi t\u00e9rk\u00e9pen!<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <script>\n    \/\/ Accordion\n    document.querySelectorAll('[data-acc]').forEach(acc => {\n      const btn = acc.querySelector('button');\n      if (!btn) return;\n      btn.addEventListener('click', () => {\n        const isOpen = acc.classList.toggle('open');\n        btn.setAttribute('aria-expanded', String(isOpen));\n      });\n    });\n\n    \/\/ Gallery carousel (scroll-snap + arrows + dots)\n    const track = document.getElementById('galleryTrack');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    const dotsWrap = document.getElementById('dots');\n    const slides = Array.from(track.querySelectorAll('.slide'));\n    const dots = [];\n\n    function getIndexByScroll(){\n      const w = track.clientWidth;\n      const i = Math.round(track.scrollLeft \/ w);\n      return Math.max(0, Math.min(slides.length - 1, i));\n    }\n    function scrollToIndex(i){\n      const w = track.clientWidth;\n      track.scrollTo({ left: i * w, behavior: 'smooth' });\n    }\n    function setActiveDot(i){\n      dots.forEach((d, idx) => d.classList.toggle('active', idx === i));\n    }\n\n    slides.forEach((_, i) => {\n      const dot = document.createElement('button');\n      dot.type = 'button';\n      dot.className = 'dot' + (i === 0 ? ' active' : '');\n      dot.setAttribute('aria-label', `Ugr\u00e1s a(z) ${i+1}. k\u00e9pre`);\n      dot.addEventListener('click', () => scrollToIndex(i));\n      dotsWrap.appendChild(dot);\n      dots.push(dot);\n    });\n\n    let raf = null;\n    track.addEventListener('scroll', () => {\n      if (raf) cancelAnimationFrame(raf);\n      raf = requestAnimationFrame(() => {\n        setActiveDot(getIndexByScroll());\n      });\n    });\n\n    prevBtn.addEventListener('click', () => {\n      const i = getIndexByScroll();\n      scrollToIndex(Math.max(0, i - 1));\n    });\n    nextBtn.addEventListener('click', () => {\n      const i = getIndexByScroll();\n      scrollToIndex(Math.min(slides.length - 1, i + 1));\n    });\n\n    [prevBtn, nextBtn].forEach(btn => {\n      btn.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00f3b\u00e1lja ki az Owatrol Olajat \u00e9s tegye ellen\u00e1ll\u00f3v\u00e1 f\u00e9mfel\u00fcleteit vagy haszn\u00e1lja fest\u00e9kadal\u00e9kk\u00e9nt!<\/p>\n","protected":false},"featured_media":4234,"template":"","class_list":["post-4189","ajanlat","type-ajanlat","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.thenordicmark.com\/hu\/wp-json\/wp\/v2\/ajanlat\/4189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thenordicmark.com\/hu\/wp-json\/wp\/v2\/ajanlat"}],"about":[{"href":"https:\/\/www.thenordicmark.com\/hu\/wp-json\/wp\/v2\/types\/ajanlat"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thenordicmark.com\/hu\/wp-json\/wp\/v2\/media\/4234"}],"wp:attachment":[{"href":"https:\/\/www.thenordicmark.com\/hu\/wp-json\/wp\/v2\/media?parent=4189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}