{"id":736,"date":"2026-10-14T16:03:15","date_gmt":"2026-10-14T16:03:15","guid":{"rendered":"https:\/\/webavatarai.pl\/?page_id=736"},"modified":"2026-10-18T14:50:29","modified_gmt":"2026-10-18T14:50:29","slug":"3d-bibliotheek","status":"publish","type":"page","link":"https:\/\/webavatarai.pl\/en\/3d-bibliotheek\/","title":{"rendered":"3D-BIBLIOTHEEK"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"736\" class=\"elementor elementor-736\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9a7f98 e-con e-atomic-element e-flexbox-base e-default-div e-7da961c\" data-id=\"c9a7f98\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9a7f98\">\n    <div class=\"elementor-element elementor-element-4ee2135 e-con e-atomic-element e-flexbox-base e-default-div e-48b9a95\" data-id=\"4ee2135\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4ee2135\">\n    \t\t<div class=\"elementor-element elementor-element-dc2849d elementor-widget elementor-widget-html\" data-id=\"dc2849d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* WEBAVATARAI BIBLIOTHEEK MASTER HERO *\/\r\n\r\n.wai-lib-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n  container-type: inline-size;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 0;\r\n  min-height: 510px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding: clamp(25px, 4vw, 46px);\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n\r\n  background: linear-gradient(\r\n    140deg,\r\n    rgba(18, 40, 72, 0.83),\r\n    rgba(5, 18, 39, 0.76)\r\n  );\r\n\r\n  border: 1px solid rgba(130, 210, 255, 0.34);\r\n\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n\r\n  box-shadow:\r\n    0 20px 55px rgba(0,0,0,0.24),\r\n    0 0 32px rgba(0,160,255,0.12),\r\n    inset 0 1px 0 rgba(255,255,255,0.14);\r\n\r\n  transition:\r\n    border-color 0.4s ease,\r\n    box-shadow 0.4s ease;\r\n}\r\n\r\n\/* ROZCI\u0104GANIE WIDGETU HTML *\/\r\n\r\n.elementor-widget-html:has(.wai-lib-hero) {\r\n  height: 100%;\r\n  align-self: stretch;\r\n}\r\n\r\n.elementor-widget-html:has(.wai-lib-hero)\r\n> .elementor-widget-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.wai-lib-hero {\r\n  flex: 1 1 auto;\r\n}\r\n\r\n\/* NIEBIESKA PO\u015aWIATA *\/\r\n\r\n.wai-lib-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  width: 320px;\r\n  height: 320px;\r\n\r\n  top: -130px;\r\n  right: -130px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(0,190,255,0.26),\r\n    rgba(0,120,255,0.10) 45%,\r\n    transparent 75%\r\n  );\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* ANIMOWANY PRZEB\u0141YSK *\/\r\n\r\n.wai-lib-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  top: -30%;\r\n  left: 0;\r\n\r\n  width: 40%;\r\n  height: 160%;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(160,225,255,0.04),\r\n    rgba(215,245,255,0.16),\r\n    rgba(160,225,255,0.04),\r\n    transparent\r\n  );\r\n\r\n  transform: translateX(-350%) rotate(18deg);\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n\r\n  animation: waiLibShine 11s ease-in-out infinite;\r\n}\r\n\r\n@keyframes waiLibShine {\r\n  0%, 12% {\r\n    transform: translateX(-350%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  22% {\r\n    opacity: 0.65;\r\n  }\r\n\r\n  58% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: 0.65;\r\n  }\r\n\r\n  70%, 100% {\r\n    transform: translateX(650%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.wai-lib-hero > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.wai-lib-hero:hover {\r\n  border-color: rgba(130,225,255,0.65);\r\n\r\n  box-shadow:\r\n    0 24px 60px rgba(0,0,0,0.26),\r\n    0 0 42px rgba(0,175,255,0.22),\r\n    inset 0 1px 0 rgba(255,255,255,0.16);\r\n}\r\n\r\n\/* ETYKIETA *\/\r\n\r\n.wai-lib-hero .wai-lib-label {\r\n  display: inline-block;\r\n  align-self: flex-start;\r\n\r\n  margin-bottom: 27px;\r\n  padding: 8px 15px;\r\n\r\n  border-radius: 30px;\r\n\r\n  background: rgba(0,155,255,0.15);\r\n  border: 1px solid rgba(120,215,255,0.34);\r\n\r\n  color: #9de7ff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n\r\n  letter-spacing: 1.5px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK *\/\r\n\r\n.wai-lib-hero .wai-lib-title {\r\n  margin: 0 0 28px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n\r\n  font-size: clamp(25px, 7.4cqw, 42px) !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.22 !important;\r\n\r\n  letter-spacing: -0.7px !important;\r\n  text-transform: none !important;\r\n\r\n  overflow-wrap: normal;\r\n  word-break: normal;\r\n  hyphens: none;\r\n}\r\n\r\n\/* PIERWSZA LINIA *\/\r\n\r\n.wai-lib-hero .wai-lib-line-one {\r\n  display: block;\r\n\r\n  color: #ffffff !important;\r\n\r\n  text-shadow:\r\n    0 0 12px rgba(255,255,255,0.30),\r\n    0 0 26px rgba(160,220,255,0.16);\r\n}\r\n\r\n\/* DRUGA LINIA *\/\r\n\r\n.wai-lib-hero .wai-lib-line-two {\r\n  display: block;\r\n  margin-top: 10px;\r\n\r\n  color: #9de7ff !important;\r\n\r\n  text-shadow:\r\n    0 0 10px rgba(80,215,255,0.65),\r\n    0 0 25px rgba(0,175,255,0.40),\r\n    0 0 45px rgba(0,150,255,0.20);\r\n}\r\n\r\n\/* OPIS *\/\r\n\r\n.wai-lib-hero .wai-lib-text {\r\n  max-width: 520px;\r\n\r\n  margin: 0 0 32px !important;\r\n\r\n  color: #dceaf6 !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 15px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.85 !important;\r\n  text-transform: none !important;\r\n}\r\n\r\n\/* PRZYCISK *\/\r\n\r\n.wai-lib-hero .wai-lib-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  align-self: flex-start;\r\n\r\n  gap: 14px;\r\n\r\n  max-width: 100%;\r\n  box-sizing: border-box;\r\n\r\n  padding: 16px 28px;\r\n\r\n  border-radius: 13px;\r\n\r\n  background: rgba(0,155,255,0.18);\r\n  border: 1px solid rgba(110,215,255,0.65);\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-weight: 700 !important;\r\n\r\n  line-height: 1.5;\r\n  text-decoration: none !important;\r\n  text-transform: none !important;\r\n\r\n  box-shadow:\r\n    0 0 20px rgba(0,170,255,0.16);\r\n\r\n  transition:\r\n    background 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.wai-lib-hero .wai-lib-button:hover {\r\n  background: rgba(0,175,255,0.32);\r\n\r\n  box-shadow:\r\n    0 0 30px rgba(0,185,255,0.38);\r\n\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.wai-lib-hero .wai-lib-button:focus-visible {\r\n  outline: 3px solid #9de7ff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* TELEFON *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .elementor-widget-html:has(.wai-lib-hero),\r\n  .elementor-widget-html:has(.wai-lib-hero)\r\n  > .elementor-widget-container {\r\n    height: auto;\r\n  }\r\n\r\n  .wai-lib-hero {\r\n    height: auto;\r\n    min-height: 0;\r\n\r\n    padding: 30px 22px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-lib-hero .wai-lib-title {\r\n    font-size: clamp(23px, 7.2cqw, 35px) !important;\r\n  }\r\n\r\n  .wai-lib-hero .wai-lib-text {\r\n    font-size: 14px !important;\r\n    line-height: 1.75 !important;\r\n  }\r\n\r\n  .wai-lib-hero .wai-lib-button {\r\n    width: 100%;\r\n    align-self: stretch;\r\n    padding: 15px 18px;\r\n  }\r\n}\r\n\r\n\/* OGRANICZENIE ANIMACJI *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wai-lib-hero::after {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .wai-lib-hero,\r\n  .wai-lib-button {\r\n    transition: none !important;\r\n  }\r\n\r\n  .wai-lib-hero .wai-lib-button:hover {\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"wai-lib-hero\"\r\naria-labelledby=\"wai-lib-heading\">\r\n\r\n  <div class=\"wai-lib-label\">\r\n    WEBAVATARAI \u00b7 BIBLIOTHEEK\r\n  <\/div>\r\n\r\n  <h1 class=\"wai-lib-title\"\r\n      id=\"wai-lib-heading\">\r\n\r\n    <span class=\"wai-lib-line-one\">\r\n      Ontdek onze\r\n    <\/span>\r\n\r\n    <span class=\"wai-lib-line-two\">\r\n      digitale creaties\r\n    <\/span>\r\n\r\n  <\/h1>\r\n\r\n  <p class=\"wai-lib-text\">\r\n\r\n    Ontdek hoe bewegende achtergronden,\r\n    elegante glaseffecten en interactieve\r\n    3D-objecten samenkomen in unieke\r\n    digitale presentaties.\r\n\r\n    <br><br>\r\n\r\n    Laat je inspireren door onze\r\n    visuele mogelijkheden en ontdek\r\n    wat wij voor jouw onderneming\r\n    kunnen cre\u00ebren.\r\n\r\n  <\/p>\r\n\r\n  <a class=\"wai-lib-button\"\r\n     href=\"#bibliotheek-voorbeelden\">\r\n\r\n    Bekijk de voorbeelden\r\n\r\n    <span aria-hidden=\"true\">\u2192<\/span>\r\n\r\n  <\/a>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c23f611 e-con e-atomic-element e-flexbox-base e-default-div e-4d5479e\" data-id=\"c23f611\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c23f611\">\n    \t\t<div class=\"elementor-element elementor-element-869f6ea we-earth-stage elementor-widget elementor-widget-html\" data-id=\"869f6ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/4.1.0\/model-viewer.min.js\"><\/script>\r\n\r\n<div class=\"wa-earth-stage\">\r\n\r\n  <!-- VIDEO BACKGROUND -->\r\n  <video\r\n    class=\"wa-earth-video\"\r\n    autoplay\r\n muted\r\n loop\r\n playsinline\r\n preload=\"metadata\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <source\r\n      src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/video\/kosmos-petla-20sek.mp4\"\r\n      type=\"video\/mp4\"\r\n    >\r\n  <\/video>\r\n\r\n  <!-- ATMOSPHERIC GLOW -->\r\n  <div class=\"wa-earth-glow\"><\/div>\r\n\r\n  <!-- INTERACTIVE EARTH -->\r\n  <div class=\"wa-earth-globe-layer\">\r\n\r\n    <model-viewer\r\n      src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/3d\/ziemia.glb\"\r\n      alt=\"Interactieve 3D-globe van de aarde\"\r\n      camera-controls\r\n auto-rotate\r\n auto-rotate-delay=\"2000\"\r\n      rotation-per-second=\"6deg\"\r\n      interaction-prompt=\"none\"\r\n      disable-zoom\r\n disable-pan\r\n tone-mapping=\"neutral\"\r\n      shadow-intensity=\"0\"\r\n      exposure=\"1\"\r\n      loading=\"eager\">\r\n    <\/model-viewer>\r\n\r\n  <\/div>\r\n\r\n  <!-- DECORATIVE OVERLAY -->\r\n  <div class=\"wa-earth-overlay\">\r\n\r\n    <div class=\"wa-top-badge\">\r\n      DIGITAL EXPERIENCE\r\n    <\/div>\r\n\r\n    <div class=\"wa-side-line wa-side-left\"><\/div>\r\n    <div class=\"wa-side-line wa-side-right\"><\/div>\r\n\r\n    <!-- MOBILE INTERACTION HINT -->\r\n    <div class=\"wa-earth-touch-hint\">\r\n      <span class=\"wa-touch-symbol\">\u2194<\/span>\r\n      Sleep om de wereld te draaien\r\n    <\/div>\r\n\r\n    <!-- GLASS PANEL -->\r\n    <div class=\"wa-bottom-panel\">\r\n\r\n      <h3>\r\n        Design dat de wereld beweegt\r\n      <\/h3>\r\n\r\n      <p>\r\n        Interactieve 3D-beleving voor moderne websites\r\n      <\/p>\r\n\r\n      <div class=\"wa-feature-row\">\r\n\r\n        <div class=\"wa-pill\">\r\n          <span class=\"wa-pill-title\">MOTION<\/span>\r\n          <span class=\"wa-pill-sub\">Vloeiend<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wa-pill\">\r\n          <span class=\"wa-pill-title\">GLOBE<\/span>\r\n          <span class=\"wa-pill-sub\">Interactief<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wa-pill\">\r\n          <span class=\"wa-pill-title\">PREMIUM<\/span>\r\n          <span class=\"wa-pill-sub\">Elegant<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* ==================================\r\n   WEBAVATARAI \u2014 EARTH 3D MASTER\r\n   DESKTOP + MOBILE\r\n================================== *\/\r\n\r\n\/* MAIN STAGE *\/\r\n\r\n.wa-earth-stage {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 440px;\r\n  overflow: hidden;\r\n  border-radius: 24px;\r\n  background: #050b1c;\r\n  isolation: isolate;\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(120,160,255,.18),\r\n    0 20px 50px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* VIDEO BACKGROUND *\/\r\n\r\n.wa-earth-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: center center;\r\n\r\n  transform: scale(1.10);\r\n\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* BLUE GLOW *\/\r\n\r\n.wa-earth-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n  pointer-events: none;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 44%,\r\n      rgba(80,140,255,.14) 0%,\r\n      rgba(80,140,255,.05) 22%,\r\n      rgba(0,0,0,0) 50%\r\n    ),\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(3,8,25,.12),\r\n      rgba(3,8,25,.24)\r\n    );\r\n}\r\n\r\n\/* ==================================\r\n   INTERACTIVE GLOBE \u2014 DESKTOP\r\n================================== *\/\r\n\r\n.wa-earth-globe-layer {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.wa-earth-globe-layer model-viewer {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  max-width: 220px;\r\n  height: 220px;\r\n\r\n  background: transparent;\r\n  --poster-color: transparent;\r\n\r\n  pointer-events: auto;\r\n\r\n  filter:\r\n    drop-shadow(0 0 14px rgba(80,150,255,.20))\r\n    drop-shadow(0 0 30px rgba(80,150,255,.12));\r\n}\r\n\r\n\/* ==================================\r\n   OVERLAY\r\n================================== *\/\r\n\r\n.wa-earth-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 4;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* TOP BADGE *\/\r\n\r\n.wa-top-badge {\r\n  position: absolute;\r\n  top: 18px;\r\n  left: 18px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  padding: 10px 16px;\r\n  border-radius: 999px;\r\n\r\n  background: rgba(19,31,70,.42);\r\n  border: 1px solid rgba(140,180,255,.16);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  color: #cfe1ff;\r\n\r\n  font-size: 11px;\r\n  letter-spacing: 1.4px;\r\n  font-weight: 600;\r\n\r\n  text-transform: uppercase;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* DECORATIVE LINES *\/\r\n\r\n.wa-side-line {\r\n  position: absolute;\r\n\r\n  top: 58px;\r\n  bottom: 58px;\r\n\r\n  width: 1px;\r\n\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(120,170,255,0),\r\n    rgba(120,170,255,.28),\r\n    rgba(120,170,255,0)\r\n  );\r\n\r\n  opacity: .7;\r\n}\r\n\r\n.wa-side-left {\r\n  left: 16px;\r\n}\r\n\r\n.wa-side-right {\r\n  right: 16px;\r\n}\r\n\r\n\/* MOBILE HINT \u2014 HIDDEN ON DESKTOP *\/\r\n\r\n.wa-earth-touch-hint {\r\n  display: none;\r\n}\r\n\r\n\/* ==================================\r\n   BOTTOM GLASS PANEL\r\n================================== *\/\r\n\r\n.wa-bottom-panel {\r\n  position: absolute;\r\n\r\n  left: 18px;\r\n  right: 18px;\r\n  bottom: 18px;\r\n\r\n  padding: 18px 18px 16px;\r\n\r\n  border-radius: 22px;\r\n\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(18,28,66,.34),\r\n    rgba(10,18,45,.48)\r\n  );\r\n\r\n  border: 1px solid rgba(140,180,255,.16);\r\n\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.06),\r\n    0 12px 30px rgba(0,0,0,.26);\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.wa-bottom-panel h3 {\r\n  margin: 0 0 6px 0;\r\n\r\n  color: #eef4ff;\r\n\r\n  font-size: 26px;\r\n  line-height: 1.08;\r\n\r\n  font-weight: 600;\r\n  letter-spacing: -0.02em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.wa-bottom-panel p {\r\n  margin: 0 0 14px 0;\r\n\r\n  color: rgba(220,232,255,.82);\r\n\r\n  font-size: 13px;\r\n  line-height: 1.45;\r\n\r\n  max-width: 420px;\r\n}\r\n\r\n\/* ==================================\r\n   FEATURE PILLS\r\n================================== *\/\r\n\r\n.wa-feature-row {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.wa-pill {\r\n  min-width: 96px;\r\n\r\n  padding: 10px 12px;\r\n  border-radius: 16px;\r\n\r\n  background: rgba(14,23,54,.44);\r\n  border: 1px solid rgba(140,180,255,.14);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.04);\r\n}\r\n\r\n.wa-pill-title {\r\n  display: block;\r\n\r\n  color: #dbe8ff;\r\n\r\n  font-size: 11px;\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n  letter-spacing: 1.2px;\r\n\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.wa-pill-sub {\r\n  display: block;\r\n\r\n  color: rgba(214,228,255,.74);\r\n\r\n  font-size: 12px;\r\n  line-height: 1.1;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n\/* ==================================\r\n   MOBILE MASTER \u2014 MAX 767PX\r\n================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  \/* RESPONSIVE STAGE *\/\r\n\r\n  .wa-earth-stage {\r\n    height: auto;\r\n    min-height: 0;\r\n\r\n    padding: 62px 14px 16px;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* VIDEO STAYS BEHIND CONTENT *\/\r\n\r\n  .wa-earth-video {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n  }\r\n\r\n  \/* SUBTLE MOBILE GLOW *\/\r\n\r\n  .wa-earth-glow {\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 30%,\r\n        rgba(60,130,255,.22) 0%,\r\n        rgba(40,90,200,.08) 38%,\r\n        transparent 65%\r\n      ),\r\n      linear-gradient(\r\n        to bottom,\r\n        rgba(3,8,25,.10),\r\n        rgba(3,8,25,.32)\r\n      );\r\n  }\r\n\r\n  \/* GLOBE HAS OWN SPACE *\/\r\n\r\n  .wa-earth-globe-layer {\r\n    position: relative;\r\n\r\n    inset: auto;\r\n\r\n    width: 100%;\r\n    height: 260px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* BIGGER VISIBLE EARTH *\/\r\n\r\n  .wa-earth-globe-layer model-viewer {\r\n    display: block;\r\n\r\n    width: 250px;\r\n    max-width: 100%;\r\n    height: 250px;\r\n\r\n    background: transparent;\r\n    --poster-color: transparent;\r\n\r\n    pointer-events: auto;\r\n\r\n    filter:\r\n      drop-shadow(0 0 18px rgba(80,150,255,.30))\r\n      drop-shadow(0 0 38px rgba(80,150,255,.18));\r\n  }\r\n\r\n  \/* OVERLAY ENTERS NORMAL FLOW *\/\r\n\r\n  .wa-earth-overlay {\r\n    position: relative;\r\n\r\n    inset: auto;\r\n\r\n    width: 100%;\r\n\r\n    z-index: 4;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* TOP BADGE *\/\r\n\r\n  .wa-top-badge {\r\n    position: absolute;\r\n\r\n    top: -308px;\r\n    left: 0;\r\n\r\n    z-index: 5;\r\n\r\n    font-size: 10px;\r\n    letter-spacing: 1.2px;\r\n\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  \/* REMOVE DECORATIVE LINES *\/\r\n\r\n  .wa-side-line {\r\n    display: none;\r\n  }\r\n\r\n  \/* MOBILE INTERACTION HINT *\/\r\n\r\n  .wa-earth-touch-hint {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    width: fit-content;\r\n    max-width: 100%;\r\n\r\n    margin: 0 auto 12px;\r\n    padding: 7px 14px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background: rgba(10,25,60,.48);\r\n    border: 1px solid rgba(130,185,255,.22);\r\n\r\n    color: #d9e8ff;\r\n\r\n    font-size: 11px;\r\n    line-height: 1.3;\r\n    letter-spacing: .2px;\r\n\r\n    text-align: center;\r\n  }\r\n\r\n  .wa-touch-symbol {\r\n    color: #83caff;\r\n    font-size: 18px;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* PANEL BELOW THE GLOBE *\/\r\n\r\n  .wa-bottom-panel {\r\n    position: relative;\r\n\r\n    left: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n\r\n    margin-top: 0;\r\n\r\n    padding: 16px;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(18,28,66,.60),\r\n      rgba(10,18,45,.78)\r\n    );\r\n\r\n    border: 1px solid rgba(140,180,255,.20);\r\n\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,.07),\r\n      0 12px 30px rgba(0,0,0,.20);\r\n  }\r\n\r\n  \/* MOBILE HEADING *\/\r\n\r\n  .wa-bottom-panel h3 {\r\n    margin: 0 0 9px 0;\r\n\r\n    font-size: clamp(19px, 5vw, 23px);\r\n    line-height: 1.16;\r\n\r\n    font-weight: 600;\r\n    letter-spacing: -.02em;\r\n\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  \/* MOBILE DESCRIPTION *\/\r\n\r\n  .wa-bottom-panel p {\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  \/* THREE EQUAL COLUMNS *\/\r\n\r\n  .wa-feature-row {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 6px;\r\n  }\r\n\r\n  .wa-pill {\r\n    min-width: 0;\r\n\r\n    padding: 10px 4px;\r\n\r\n    border-radius: 12px;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wa-pill-title {\r\n    font-size: 10px;\r\n\r\n    line-height: 1.2;\r\n    letter-spacing: .3px;\r\n\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .wa-pill-sub {\r\n    font-size: 10px;\r\n    line-height: 1.3;\r\n  }\r\n}\r\n\r\n\/* ==================================\r\n   EXTRA SMALL MOBILE \u2014 MAX 360PX\r\n================================== *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n  .wa-earth-stage {\r\n    padding-left: 10px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  .wa-earth-globe-layer {\r\n    height: 235px;\r\n  }\r\n\r\n  .wa-earth-globe-layer model-viewer {\r\n    width: 225px;\r\n    height: 225px;\r\n  }\r\n\r\n  .wa-top-badge {\r\n    top: -283px;\r\n  }\r\n\r\n  .wa-bottom-panel {\r\n    padding: 13px;\r\n  }\r\n\r\n  .wa-bottom-panel h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .wa-pill-title {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .wa-pill-sub {\r\n    font-size: 9px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-4744450 e-con e-atomic-element e-flexbox-base e-default-div e-d7a203e\" data-id=\"4744450\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4744450\">\n    \t\t<div class=\"elementor-element elementor-element-b096283 elementor-widget elementor-widget-html\" data-id=\"b096283\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WEBAVATARAI | WELLNESS BACKGROUND 02 | GLAMOUR -->\r\n\r\n<style>\r\n.wva-wellness-02 {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-height: 520px;\r\n  overflow: hidden;\r\n  border-radius: 20px;\r\n  background: #dce6e2;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ORYGINALNY FILM *\/\r\n.wva-wellness-02 .wva-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* MLECZNA SZYBA NA CALYM OBRAZIE *\/\r\n.wva-wellness-02 .wva-milk-glass {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background: rgba(239, 245, 242, 0.52);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n\/* ZAWARTOSC *\/\r\n.wva-wellness-02 .wva-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: 520px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  padding: 45px 7%;\r\n}\r\n\r\n.wva-wellness-02 .wva-text {\r\n  width: 100%;\r\n  max-width: 490px;\r\n  padding: 30px 0;\r\n  background: transparent;\r\n}\r\n\r\n\/* MA\u0141Y NAG\u0141\u00d3WEK *\/\r\n.wva-wellness-02 .wva-small {\r\n  color: #9a7f6a;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin: 0 0 18px;\r\n}\r\n\r\n\/* G\u0141\u00d3WNY NAPIS *\/\r\n.wva-wellness-02 .wva-text h2 {\r\n  color: #5e4d43;\r\n  font-size: clamp(30px, 3.5vw, 46px);\r\n  font-weight: 500;\r\n  line-height: 1.16;\r\n  letter-spacing: 0;\r\n  text-transform: none;\r\n  margin: 0 0 22px;\r\n  padding: 0;\r\n}\r\n\r\n\/* OPIS *\/\r\n.wva-wellness-02 .wva-description {\r\n  color: #6e6259;\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  margin: 0 0 30px;\r\n  max-width: 420px;\r\n}\r\n\r\n\/* PRZYCISK GLAMOUR *\/\r\n.wva-wellness-02 .wva-button {\r\n  position: relative;\r\n  display: inline-block;\r\n  padding: 15px 30px;\r\n  background: linear-gradient(135deg, #7e9e92 0%, #bfa58a 100%);\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  border-radius: 32px;\r\n  border: 1px solid rgba(255,255,255,0.55);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.2px;\r\n  overflow: hidden;\r\n  box-shadow:\r\n    0 8px 20px rgba(110, 95, 78, 0.18),\r\n    inset 0 1px 1px rgba(255,255,255,0.65),\r\n    inset 0 -2px 6px rgba(255,255,255,0.18);\r\n  transition:\r\n    transform 0.35s ease,\r\n    box-shadow 0.35s ease,\r\n    filter 0.35s ease;\r\n}\r\n\r\n\/* PO\u0141YSK *\/\r\n.wva-wellness-02 .wva-button::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -20%;\r\n  left: -120%;\r\n  width: 55%;\r\n  height: 160%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(255,255,255,0) 0%,\r\n    rgba(255,255,255,0.45) 50%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n  transform: rotate(20deg);\r\n  transition: left 0.65s ease;\r\n}\r\n\r\n.wva-wellness-02 .wva-button:hover {\r\n  color: #ffffff !important;\r\n  transform: translateY(-2px) scale(1.02);\r\n  filter: brightness(1.04);\r\n  box-shadow:\r\n    0 0 18px rgba(191,165,138,0.35),\r\n    0 10px 24px rgba(110,95,78,0.22),\r\n    inset 0 1px 1px rgba(255,255,255,0.75),\r\n    inset 0 -2px 6px rgba(255,255,255,0.22);\r\n}\r\n\r\n.wva-wellness-02 .wva-button:hover::before {\r\n  left: 135%;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n  .wva-wellness-02 .wva-content {\r\n    padding: 35px 6%;\r\n  }\r\n\r\n  .wva-wellness-02 .wva-text {\r\n    max-width: 430px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .wva-wellness-02 {\r\n    min-height: 470px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .wva-wellness-02 .wva-content {\r\n    min-height: 470px;\r\n    padding: 25px;\r\n    align-items: center;\r\n  }\r\n\r\n  .wva-wellness-02 .wva-text {\r\n    max-width: 100%;\r\n    padding: 15px 0;\r\n  }\r\n\r\n  .wva-wellness-02 .wva-text h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .wva-wellness-02 .wva-description {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .wva-wellness-02 .wva-milk-glass {\r\n    background: rgba(239,245,242,0.60);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n  }\r\n\r\n  .wva-wellness-02 .wva-button {\r\n    padding: 14px 26px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"wva-wellness-02\">\r\n\r\n  <!-- ORYGINALNY FILM MP4 -->\r\n  <video\r\n    class=\"wva-video\"\r\n    autoplay\r\n muted\r\n loop\r\n playsinline\r\n preload=\"metadata\"\r\n    aria-hidden=\"true\">\r\n    <source\r\n      src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/2026\/10\/wellnes-tlo-10s-davinci.mp4\"\r\n      type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- MLECZNA SZYBA -->\r\n  <div class=\"wva-milk-glass\"><\/div>\r\n\r\n  <!-- TRE\u015a\u0106 -->\r\n  <div class=\"wva-content\">\r\n    <div class=\"wva-text\">\r\n\r\n      <p class=\"wva-small\">\r\n        WELLNESS & BEAUTY\r\n      <\/p>\r\n\r\n      <h2>\r\n        Een moment<br>\r\n        helemaal voor jezelf\r\n      <\/h2>\r\n\r\n      <p class=\"wva-description\">\r\n        Ontsnap aan de dagelijkse drukte.\r\n        Ontdek rust, schoonheid en pure\r\n        ontspanning in een unieke omgeving.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/webavatarai.pl\/en\/contact\/\"\r\n        class=\"wva-button\">\r\n        Ontdek de mogelijkheden\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-56af26f e-con e-atomic-element e-flexbox-base e-default-div e-0619e5e\" data-id=\"56af26f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"56af26f\">\n    \t\t<div class=\"elementor-element elementor-element-3d01a74 elementor-widget elementor-widget-html\" data-id=\"3d01a74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================\r\n   WEBAVATARAI WELLNESS MASTER V6\r\n   LIGHT GLASS PANEL LEFT\r\n========================================= *\/\r\n\r\n.wai-wellness {\r\n  position: relative;\r\n  isolation: isolate;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n\r\n  width: 100%;\r\n  min-height: 690px;\r\n  margin: 0;\r\n  padding: 35px;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  border-radius: 26px;\r\n  background: #dce4e9;\r\n  border: 1px solid rgba(255,255,255,0.45);\r\n\r\n  box-shadow: 0 20px 55px rgba(0,0,0,0.18);\r\n}\r\n\r\n\/* VIDEO *\/\r\n\r\n.wai-wellness-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: 56% center;\r\n\r\n  transform: scale(1.90);\r\n  transform-origin: center center;\r\n\r\n  filter:\r\n    blur(3px)\r\n    saturate(0.78)\r\n    contrast(0.94);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* GLOBAL FROST *\/\r\n\r\n.wai-wellness-frost {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n\r\n  background: linear-gradient(\r\n    110deg,\r\n    rgba(255,255,255,0.42) 0%,\r\n    rgba(248,251,253,0.38) 45%,\r\n    rgba(235,243,249,0.37) 100%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.wai-wellness-frost::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 20% 40%,\r\n      rgba(255,255,255,0.18),\r\n      transparent 60%\r\n    ),\r\n    radial-gradient(\r\n      ellipse at 75% 55%,\r\n      rgba(180,220,255,0.10),\r\n      transparent 55%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* LIGHT PANEL LEFT *\/\r\n\r\n.wai-wellness-glass {\r\n  position: relative;\r\n  z-index: 2;\r\n  isolation: isolate;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n\r\n  width: clamp(310px, 39%, 410px);\r\n  min-width: 0;\r\n  min-height: 530px;\r\n\r\n  padding: 36px 30px;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  border-radius: 25px;\r\n\r\n  background: linear-gradient(\r\n    145deg,\r\n    rgba(255,255,255,0.40),\r\n    rgba(245,250,255,0.22)\r\n  );\r\n\r\n  border: 1px solid rgba(255,255,255,0.65);\r\n\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n\r\n  box-shadow:\r\n    0 18px 50px rgba(32,73,109,0.14),\r\n    inset 0 1px 0 rgba(255,255,255,0.75);\r\n}\r\n\r\n\/* SOFT SHINE *\/\r\n\r\n.wai-wellness-glass::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -35%;\r\n  left: 0;\r\n  width: 30%;\r\n  height: 170%;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,0.05),\r\n    rgba(255,255,255,0.36),\r\n    rgba(255,255,255,0.05),\r\n    transparent\r\n  );\r\n\r\n  transform: translateX(-380%) rotate(18deg);\r\n  animation: waiWellnessLight 14s ease-in-out infinite;\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n@keyframes waiWellnessLight {\r\n  0%, 18% {\r\n    transform: translateX(-380%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n  30% {\r\n    opacity: 0.55;\r\n  }\r\n  58% {\r\n    transform: translateX(700%) rotate(18deg);\r\n    opacity: 0.55;\r\n  }\r\n  74%, 100% {\r\n    transform: translateX(700%) rotate(18deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.wai-wellness-glass > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* LABEL *\/\r\n\r\n.wai-wellness-label {\r\n  display: inline-block;\r\n  max-width: 100%;\r\n\r\n  margin-bottom: 24px;\r\n  padding: 8px 14px;\r\n\r\n  border-radius: 30px;\r\n\r\n  background: rgba(130,205,245,0.16);\r\n  border: 1px solid rgba(170,225,255,0.48);\r\n\r\n  color: #3a6d8c !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  line-height: 1.6;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.wai-wellness .wai-wellness-title {\r\n  margin: 0 0 22px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #1f3344 !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: clamp(32px, 3vw, 43px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.15 !important;\r\n  letter-spacing: -0.8px !important;\r\n  text-transform: none !important;\r\n}\r\n\r\n.wai-wellness-title span {\r\n  display: block;\r\n  margin-top: 8px;\r\n\r\n  color: #79cfff !important;\r\n\r\n  text-shadow:\r\n    0 0 10px rgba(125,210,255,0.45),\r\n    0 0 24px rgba(125,210,255,0.24);\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.wai-wellness .wai-wellness-text {\r\n  margin: 0 0 25px !important;\r\n\r\n  color: #2b4659 !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.78 !important;\r\n  text-transform: none !important;\r\n}\r\n\r\n\/* TAGS *\/\r\n\r\n.wai-wellness-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.wai-wellness-tag {\r\n  padding: 8px 10px;\r\n  border-radius: 10px;\r\n\r\n  background: rgba(255,255,255,0.46);\r\n  border: 1px solid rgba(175,220,245,0.42);\r\n\r\n  color: #416581;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.35px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.wai-wellness-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n\r\n  max-width: 100%;\r\n  box-sizing: border-box;\r\n\r\n  padding: 15px 21px;\r\n  border-radius: 12px;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(122,203,247,0.92),\r\n    rgba(94,176,235,0.92)\r\n  );\r\n\r\n  border: 1px solid rgba(255,255,255,0.65);\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  text-decoration: none !important;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(93,178,235,0.28),\r\n    0 0 18px rgba(125,210,255,0.22);\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    filter 0.3s ease;\r\n}\r\n\r\n.wai-wellness-button:hover {\r\n  transform: translateY(-2px);\r\n  filter: brightness(1.04);\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(93,178,235,0.34),\r\n    0 0 22px rgba(125,210,255,0.30);\r\n}\r\n\r\n.wai-wellness-button:focus-visible {\r\n  outline: 3px solid #9bddff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .wai-wellness {\r\n    padding: 25px;\r\n  }\r\n\r\n  .wai-wellness-glass {\r\n    width: 43%;\r\n    min-width: 290px;\r\n    padding: 28px 23px;\r\n  }\r\n\r\n  .wai-wellness-video {\r\n    transform: scale(1.85);\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n  .wai-wellness {\r\n    min-height: 700px;\r\n    padding: 20px;\r\n    align-items: flex-end;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-wellness-video {\r\n    object-position: 56% center;\r\n    transform: scale(1.65);\r\n  }\r\n\r\n  .wai-wellness-glass {\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: auto;\r\n    padding: 27px 22px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .wai-wellness .wai-wellness-title {\r\n    font-size: 31px !important;\r\n  }\r\n\r\n  .wai-wellness .wai-wellness-text {\r\n    font-size: 13px !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n\r\n  .wai-wellness-button {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .wai-wellness-glass::before {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .wai-wellness-video {\r\n    display: none;\r\n  }\r\n\r\n  .wai-wellness-button {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"wai-wellness\">\r\n\r\n  <video\r\n    class=\"wai-wellness-video\"\r\n    autoplay\r\n muted\r\n loop\r\n playsinline\r\n preload=\"metadata\"\r\n    aria-hidden=\"true\"\r\n    src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/2026\/10\/well-davinci20sek1.mp4\">\r\n  <\/video>\r\n\r\n  <div class=\"wai-wellness-frost\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wai-wellness-glass\">\r\n\r\n    <div class=\"wai-wellness-label\">\r\n      WEBAVATARAI \u00b7 WELLNESS EXPERIENCE\r\n    <\/div>\r\n\r\n    <h2 class=\"wai-wellness-title\">\r\n      Wellness\r\n      <span>in beweging<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"wai-wellness-text\">\r\n      Ontdek hoe een stijlvolle wellnessomgeving\r\n      tot leven komt met subtiele beweging,\r\n      natuurlijke lichtreflecties en een elegante digitale uitstraling.\r\n\r\n      <br><br>\r\n\r\n      Een inspirerend voorbeeld van premium webdesign voor beauty- en wellnessmerken.\r\n    <\/p>\r\n\r\n    <div class=\"wai-wellness-tags\">\r\n      <div class=\"wai-wellness-tag\">MOTION DESIGN<\/div>\r\n      <div class=\"wai-wellness-tag\">PREMIUM GLASS<\/div>\r\n      <div class=\"wai-wellness-tag\">VISUAL EXPERIENCE<\/div>\r\n    <\/div>\r\n\r\n    <a class=\"wai-wellness-button\" href=\"#bibliotheek-voorbeelden\">\r\n      Bekijk meer voorbeelden\r\n      <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-52a76a8 e-con e-atomic-element e-flexbox-base e-default-div e-c6734ab\" data-id=\"52a76a8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"52a76a8\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-51dd78d e-con e-atomic-element e-flexbox-base e-default-div e-87f13c3\" data-id=\"51dd78d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"51dd78d\">\n    <div class=\"elementor-element elementor-element-96a2e69 e-con e-atomic-element e-flexbox-base e-default-div e-ff47c69\" data-id=\"96a2e69\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96a2e69\">\n    \t\t<div class=\"elementor-element elementor-element-29dcb96 elementor-widget elementor-widget-html\" data-id=\"29dcb96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"module\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@google\/model-viewer@4.4.0\/dist\/model-viewer.min.js\"><\/script>\r\n\r\n<div class=\"wa-wellness-scene\">\r\n\r\n  <!-- VIDEO BACKGROUND -->\r\n  <video\r\n    class=\"wa-wellness-video\"\r\n    autoplay\r\n muted\r\n loop\r\n playsinline\r\n preload=\"auto\"\r\n    aria-hidden=\"true\">\r\n    <source src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/2026\/10\/wellnes-water-branches-loop010s.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- INTERACTIVE BOTTLE -->\r\n  <model-viewer\r\n    class=\"wa-wellness-model\"\r\n    src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/3d\/wellnes-butelka-do-wody-final.glb\"\r\n    alt=\"Interactieve wellnessfles in 3D\"\r\n    camera-controls\r\n auto-rotate\r\n auto-rotate-delay=\"1200\"\r\n    rotation-per-second=\"10deg\"\r\n    camera-orbit=\"0deg 75deg auto\"\r\n    field-of-view=\"32deg\"\r\n    min-camera-orbit=\"auto auto auto\"\r\n    max-camera-orbit=\"auto auto auto\"\r\n    tone-mapping=\"neutral\"\r\n    environment-image=\"neutral\"\r\n    exposure=\"1\"\r\n    shadow-intensity=\"0.15\"\r\n    shadow-softness=\"0.8\"\r\n    interaction-prompt=\"none\"\r\n    touch-action=\"pan-y\"\r\n    disable-zoom\r\n loading=\"eager\">\r\n  <\/model-viewer>\r\n\r\n  <!-- INTERACTIVE LABEL -->\r\n  <div class=\"wa-wellness-note\">\r\n    <span class=\"wa-note-badge\">INTERACTIEF 3D<\/span>\r\n    <div class=\"wa-note-title\">Draai de fles 360\u00b0<\/div>\r\n    <div class=\"wa-note-subtitle\">Sleep met je muis of vinger<\/div>\r\n  <\/div>\r\n\r\n  <!-- SOFT SHADOW -->\r\n  <div class=\"wa-wellness-shadow\"><\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.wa-wellness-scene{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:100%;\r\n  height:560px;\r\n  overflow:hidden;\r\n  border-radius:24px;\r\n  background:transparent !important;\r\n  isolation:isolate;\r\n  box-sizing:border-box;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.wa-wellness-video{\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 center;\r\n  display:block;\r\n  z-index:1;\r\n  pointer-events:none;\r\n  background:transparent !important;\r\n}\r\n\r\n.wa-wellness-model{\r\n  position:absolute;\r\n  left:39%;\r\n  top:56%;\r\n  width:24%;\r\n  height:40%;\r\n  transform:translate(-50%,-50%);\r\n  z-index:3;\r\n  background:transparent !important;\r\n  --poster-color: transparent;\r\n}\r\n\r\n.wa-wellness-shadow{\r\n  position:absolute;\r\n  left:39%;\r\n  top:72%;\r\n  width:12%;\r\n  height:3%;\r\n  transform:translate(-50%,-50%);\r\n  border-radius:50%;\r\n  background:rgba(50,38,24,.22);\r\n  filter:blur(10px);\r\n  z-index:2;\r\n  pointer-events:none;\r\n}\r\n\r\n.wa-wellness-note{\r\n  position:absolute;\r\n  right:22px;\r\n  bottom:22px;\r\n  z-index:4;\r\n  max-width:280px;\r\n  padding:14px 16px;\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.14);\r\n  border:1px solid rgba(255,255,255,.24);\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n  box-shadow:0 10px 30px rgba(0,0,0,.12);\r\n  color:#ffffff;\r\n}\r\n\r\n.wa-note-badge{\r\n  display:inline-block;\r\n  margin-bottom:8px;\r\n  padding:6px 10px;\r\n  border-radius:999px;\r\n  background:rgba(103, 196, 255, .18);\r\n  border:1px solid rgba(103,196,255,.34);\r\n  color:#dff6ff;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.9px;\r\n}\r\n\r\n.wa-note-title{\r\n  font-size:22px;\r\n  line-height:1.1;\r\n  font-weight:800;\r\n  margin:0 0 5px;\r\n  color:#ffffff;\r\n}\r\n\r\n.wa-note-subtitle{\r\n  font-size:14px;\r\n  line-height:1.45;\r\n  color:#eef7ff;\r\n}\r\n\r\n\/* wa\u017cne: usuwa mo\u017cliwe czarne t\u0142o z model-viewer *\/\r\nmodel-viewer::part(default-progress-bar){\r\n  display:none;\r\n}\r\n\r\nmodel-viewer{\r\n  background-color:transparent !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width:1024px){\r\n  .wa-wellness-scene{\r\n    height:500px;\r\n  }\r\n\r\n  .wa-wellness-model{\r\n    left:39%;\r\n    top:57%;\r\n    width:28%;\r\n    height:42%;\r\n  }\r\n\r\n  .wa-wellness-shadow{\r\n    left:39%;\r\n    top:73%;\r\n    width:14%;\r\n  }\r\n\r\n  .wa-wellness-note{\r\n    right:16px;\r\n    bottom:16px;\r\n    max-width:240px;\r\n  }\r\n\r\n  .wa-note-title{\r\n    font-size:19px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:767px){\r\n  .wa-wellness-scene{\r\n    height:420px;\r\n    border-radius:18px;\r\n  }\r\n\r\n  .wa-wellness-model{\r\n    left:44%;\r\n    top:60%;\r\n    width:42%;\r\n    height:42%;\r\n  }\r\n\r\n  .wa-wellness-shadow{\r\n    left:44%;\r\n    top:75%;\r\n    width:18%;\r\n    height:3.5%;\r\n  }\r\n\r\n  .wa-wellness-note{\r\n    left:12px;\r\n    right:12px;\r\n    bottom:12px;\r\n    max-width:none;\r\n    padding:12px 14px;\r\n  }\r\n\r\n  .wa-note-title{\r\n    font-size:18px;\r\n  }\r\n\r\n  .wa-note-subtitle{\r\n    font-size:13px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-20183c7 e-con e-atomic-element e-flexbox-base e-default-div e-57fe1f4\" data-id=\"20183c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"20183c7\">\n    \n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-b1388d6 e-con e-atomic-element e-flexbox-base e-default-div e-2208078\" data-id=\"b1388d6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b1388d6\">\n    <div class=\"elementor-element elementor-element-6173fbd e-con e-atomic-element e-flexbox-base e-default-div e-684bc5e\" data-id=\"6173fbd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6173fbd\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-eda487a e-con e-atomic-element e-flexbox-base e-default-div e-74311cb\" data-id=\"eda487a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eda487a\">\n    \n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-d7f34bd e-con e-atomic-element e-flexbox-base e-default-div e-b96e5db\" data-id=\"d7f34bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d7f34bd\">\n    <div class=\"elementor-element elementor-element-39ed03c e-con e-atomic-element e-flexbox-base e-default-div e-632e686\" data-id=\"39ed03c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"39ed03c\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-0291db8 e-con e-atomic-element e-flexbox-base e-default-div e-68bc21f\" data-id=\"0291db8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0291db8\">\n    \n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-aa36743 e-con e-atomic-element e-flexbox-base e-default-div e-438f641\" data-id=\"aa36743\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aa36743\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-678e068 e-con e-atomic-element e-flexbox-base e-default-div e-3dad09e\" data-id=\"678e068\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"678e068\">\n    \t\t<div class=\"elementor-element elementor-element-54b14ad elementor-widget elementor-widget-html\" data-id=\"54b14ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- WEBAVATARAI \u2014 MASTER FOOTER 3D -->\r\n\r\n<footer class=\"wa-master-footer\" id=\"wa-master-footer-v2\">\r\n\r\n  <!-- ANIMOWANE T\u0141O MP4 -->\r\n\r\n  <div class=\"wa-footer-background\" aria-hidden=\"true\">\r\n    <video\r\n      class=\"wa-footer-wave\"\r\n      muted\r\n loop\r\n autoplay\r\n playsinline\r\n preload=\"none\"\r\n      data-src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/2026\/10\/Petla-wwwavatar.mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <!-- TRZY KOLUMNY -->\r\n\r\n  <div class=\"wa-footer-container\">\r\n\r\n    <!-- NAWIGACJA -->\r\n\r\n    <nav class=\"wa-footer-navigation\"\r\n         aria-label=\"Footernavigatie\">\r\n\r\n      <h3>NAVIGATIE<\/h3>\r\n\r\n      <ul>\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/\">\r\n            Home\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/over-ons-en-diensten\/\">\r\n            Over ons &amp; Diensten\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/prijzen\/\">\r\n            Prijzen\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/3d-bibliotheek\/\">\r\n            3D Bibliotheek\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a href=\"https:\/\/webavatarai.pl\/en\/contact\/\">\r\n            Contact\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n    <\/nav>\r\n\r\n    <!-- INTERAKTYWNE LOGO 3D -->\r\n\r\n    <div class=\"wa-footer-center\">\r\n\r\n      <div class=\"wa-footer-cube\">\r\n\r\n        <video\r\n          class=\"wa-footer-cube-video\"\r\n          muted\r\n loop\r\n autoplay\r\n playsinline\r\n preload=\"none\"\r\n          data-src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/3d\/wa-3d-cube-loop-final1.mp4\"\r\n          aria-hidden=\"true\">\r\n        <\/video>\r\n\r\n        <model-viewer\r\n          class=\"wa-footer-logo\"\r\n          data-src=\"https:\/\/webavatarai.pl\/wp-content\/uploads\/3d\/WA.glb\"\r\n          camera-controls\r\n auto-rotate\r\n rotation-per-second=\"12deg\"\r\n          interaction-prompt=\"none\"\r\n          disable-zoom\r\n shadow-intensity=\"0\"\r\n          tone-mapping=\"neutral\"\r\n          loading=\"lazy\"\r\n          alt=\"Interactief 3D-logo van WebAvatarAI\">\r\n        <\/model-viewer>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"wa-footer-brand\">\r\n        WEB<span>AVATAR<\/span>AI\r\n      <\/div>\r\n\r\n      <p class=\"wa-footer-tagline\">\r\n        Digitale ervaringen die indruk maken.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- KONTAKT -->\r\n\r\n    <div class=\"wa-footer-contact\">\r\n\r\n      <h3>CONTACT<\/h3>\r\n\r\n      <h4>\r\n        Samen iets bijzonders maken?\r\n      <\/h4>\r\n\r\n      <p>\r\n        Moderne websites, interactieve\r\n        3D-ervaringen en slimme\r\n        AI-oplossingen.\r\n      <\/p>\r\n\r\n      <p>\r\n        Vertel ons over jouw idee.\r\n        Wij denken graag met je mee.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/webavatarai.pl\/en\/contact\/\"\r\n        class=\"wa-footer-contact-button\">\r\n        Neem contact op\r\n        <span aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- DOLNY PASEK -->\r\n\r\n  <div class=\"wa-footer-bottom\">\r\n\r\n    <div>\r\n      \u00a9 2026 WebAvatarAI.\r\n      Alle rechten voorbehouden.\r\n    <\/div>\r\n\r\n    <div>\r\n      Premium Websites \u00b7 3D \u00b7 AI\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<!-- GOOGLE MODEL VIEWER -->\r\n\r\n<script\r\n  type=\"module\"\r\n  src=\"https:\/\/unpkg.com\/@google\/model-viewer\/dist\/model-viewer.min.js\">\r\n<\/script>\r\n\r\n<style>\r\n\r\n\/* G\u0141\u00d3WNY FOOTER *\/\r\n\r\n.wa-master-footer {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-height: 450px;\r\n  overflow: hidden;\r\n  background: #020814;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  padding: 55px 30px 22px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wa-master-footer *,\r\n.wa-master-footer *::before,\r\n.wa-master-footer *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ANIMOWANA FALA *\/\r\n\r\n.wa-footer-background {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.wa-footer-wave {\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 center;\r\n  display: block;\r\n  filter: none;\r\n  opacity: 1;\r\n}\r\n\r\n\/* TRZY KOLUMNY *\/\r\n\r\n.wa-footer-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    minmax(250px, 320px)\r\n    minmax(0, 1fr);\r\n  column-gap: 55px;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* NAG\u0141\u00d3WKI *\/\r\n\r\n.wa-master-footer h3 {\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 2px;\r\n  color: #65d5ff;\r\n  margin: 0 0 24px;\r\n  text-shadow:\r\n    0 0 12px rgba(0,120,255,.4);\r\n}\r\n\r\n\/* NAWIGACJA *\/\r\n\r\n.wa-footer-navigation {\r\n  min-width: 0;\r\n}\r\n\r\n.wa-footer-navigation ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.wa-footer-navigation li {\r\n  margin: 0 0 16px;\r\n  padding: 0;\r\n}\r\n\r\n.wa-footer-navigation a {\r\n  display: inline-block;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  text-decoration: none;\r\n  text-shadow:\r\n    0 2px 10px rgba(0,0,0,.65);\r\n  transition:\r\n    color .3s ease,\r\n    transform .3s ease,\r\n    text-shadow .3s ease;\r\n}\r\n\r\n.wa-footer-navigation a:hover {\r\n  color: #60d9ff;\r\n  transform: translateX(5px);\r\n  text-shadow:\r\n    0 0 15px rgba(0,180,255,.65);\r\n}\r\n\r\n\/* \u015aRODEK 3D *\/\r\n\r\n.wa-footer-center {\r\n  width: 100%;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.wa-footer-cube {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 300px;\r\n  aspect-ratio: 1 \/ 1;\r\n  background: #020814;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  box-shadow:\r\n    0 0 22px rgba(0,125,255,.22),\r\n    0 0 45px rgba(0,90,255,.12);\r\n}\r\n\r\n\/* WIDEO KOSTKI *\/\r\n\r\n.wa-footer-cube-video {\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  z-index: 1;\r\n  display: block;\r\n  background: #020814;\r\n}\r\n\r\n\/* INTERAKTYWNE LOGO *\/\r\n\r\n.wa-footer-logo {\r\n  position: absolute;\r\n  top: 15%;\r\n  left: 15%;\r\n  width: 70%;\r\n  height: 70%;\r\n  z-index: 2;\r\n  display: block;\r\n  background: transparent;\r\n  --poster-color: transparent;\r\n  outline: none;\r\n}\r\n\r\n\/* BRANDING *\/\r\n\r\n.wa-footer-brand {\r\n  margin-top: 19px;\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 21px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  letter-spacing: 1.8px;\r\n  text-shadow:\r\n    0 0 12px rgba(0,140,255,.65),\r\n    0 0 25px rgba(0,100,255,.3);\r\n}\r\n\r\n.wa-footer-brand span {\r\n  color: #52cfff;\r\n}\r\n\r\n.wa-footer-tagline {\r\n  margin: 8px 0 0;\r\n  color: #d6e9ff;\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  letter-spacing: .3px;\r\n  text-shadow:\r\n    0 2px 8px rgba(0,0,0,.75);\r\n}\r\n\r\n\/* KONTAKT *\/\r\n\r\n.wa-footer-contact {\r\n  min-width: 0;\r\n}\r\n\r\n.wa-footer-contact h4 {\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 1.35;\r\n  letter-spacing: .2px;\r\n  margin: 0 0 18px;\r\n  text-transform: none;\r\n  text-shadow:\r\n    0 2px 12px rgba(0,0,0,.65);\r\n}\r\n\r\n.wa-footer-contact p {\r\n  color: #e1efff;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n  margin: 0 0 14px;\r\n  text-shadow:\r\n    0 2px 10px rgba(0,0,0,.75);\r\n}\r\n\r\n\/* PRZYCISK KONTAKT *\/\r\n\r\n.wa-footer-contact-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  margin-top: 14px;\r\n  padding: 13px 21px;\r\n  color: #ffffff !important;\r\n  background: rgba(0,105,255,.22);\r\n  border:\r\n    1px solid rgba(93,208,255,.65);\r\n  border-radius: 11px;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-decoration: none !important;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  box-shadow:\r\n    0 0 18px rgba(0,115,255,.2);\r\n  transition:\r\n    background .3s ease,\r\n    box-shadow .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.wa-footer-contact-button:hover {\r\n  color: #ffffff !important;\r\n  background: rgba(0,140,255,.38);\r\n  box-shadow:\r\n    0 0 25px rgba(0,145,255,.45);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.wa-footer-contact-button span {\r\n  font-size: 17px;\r\n}\r\n\r\n\/* DOLNY PASEK *\/\r\n\r\n.wa-footer-bottom {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 45px auto 0;\r\n  padding-top: 22px;\r\n  border-top:\r\n    1px solid rgba(160,210,255,.28);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 15px;\r\n  color: #d0e2f5;\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n  text-shadow:\r\n    0 2px 8px rgba(0,0,0,.7);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .wa-master-footer {\r\n    padding: 45px 25px 22px;\r\n  }\r\n\r\n  .wa-footer-container {\r\n    grid-template-columns: 1fr 1fr;\r\n    column-gap: 45px;\r\n    row-gap: 45px;\r\n  }\r\n\r\n  .wa-footer-center {\r\n    grid-column: 1 \/ -1;\r\n    grid-row: 1;\r\n  }\r\n\r\n  .wa-footer-navigation {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n  }\r\n\r\n  .wa-footer-contact {\r\n    grid-column: 2;\r\n    grid-row: 2;\r\n  }\r\n\r\n  .wa-footer-cube {\r\n    max-width: 280px;\r\n  }\r\n\r\n}\r\n\r\n\/* TELEFON *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .wa-master-footer {\r\n    padding: 38px 22px 20px;\r\n  }\r\n\r\n  .wa-footer-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 35px;\r\n  }\r\n\r\n  .wa-footer-center {\r\n    order: 1;\r\n  }\r\n\r\n  .wa-footer-navigation {\r\n    order: 2;\r\n  }\r\n\r\n  .wa-footer-contact {\r\n    order: 3;\r\n  }\r\n\r\n  .wa-footer-cube {\r\n    max-width: 270px;\r\n    margin: 0 auto;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .wa-footer-brand {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .wa-footer-navigation h3,\r\n  .wa-footer-contact h3 {\r\n    font-size: 14px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .wa-footer-navigation li {\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .wa-footer-navigation a {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .wa-footer-contact h4 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .wa-footer-contact p {\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .wa-footer-bottom {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 8px;\r\n    margin-top: 35px;\r\n    font-size: 11px;\r\n  }\r\n\r\n}\r\n\r\n\/* OGRANICZENIE ANIMACJI *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wa-footer-navigation a,\r\n  .wa-footer-contact-button {\r\n    transition: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- OPTYMALIZACJA \u0141ADOWANIA -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  const footer = document.getElementById(\r\n    \"wa-master-footer-v2\"\r\n  );\r\n\r\n  if (!footer) return;\r\n\r\n  const wave = footer.querySelector(\r\n    \".wa-footer-wave\"\r\n  );\r\n\r\n  const cubeVideo = footer.querySelector(\r\n    \".wa-footer-cube-video\"\r\n  );\r\n\r\n  const logo = footer.querySelector(\r\n    \".wa-footer-logo\"\r\n  );\r\n\r\n  if (!wave || !cubeVideo || !logo) return;\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  let initialized = false;\r\n\r\n  function initializeScene() {\r\n\r\n    if (initialized) return;\r\n\r\n    initialized = true;\r\n\r\n    wave.src = wave.dataset.src;\r\n    cubeVideo.src = cubeVideo.dataset.src;\r\n\r\n    wave.muted = true;\r\n    cubeVideo.muted = true;\r\n\r\n    wave.load();\r\n    cubeVideo.load();\r\n\r\n    logo.setAttribute(\r\n      \"src\",\r\n      logo.dataset.src\r\n    );\r\n\r\n  }\r\n\r\n  function safePlay(video) {\r\n\r\n    const promise = video.play();\r\n\r\n    if (\r\n      promise &&\r\n      typeof promise.catch === \"function\"\r\n    ) {\r\n      promise.catch(function () {});\r\n    }\r\n\r\n  }\r\n\r\n  function updateScene(visible) {\r\n\r\n    if (visible) {\r\n\r\n      initializeScene();\r\n\r\n      if (!reducedMotion) {\r\n\r\n        safePlay(wave);\r\n        safePlay(cubeVideo);\r\n\r\n        logo.setAttribute(\r\n          \"auto-rotate\",\r\n          \"\"\r\n        );\r\n\r\n      }\r\n\r\n    } else {\r\n\r\n      wave.pause();\r\n      cubeVideo.pause();\r\n\r\n      logo.removeAttribute(\r\n        \"auto-rotate\"\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n\r\n    const observer = new IntersectionObserver(\r\n\r\n      function (entries) {\r\n\r\n        entries.forEach(function (entry) {\r\n\r\n          updateScene(entry.isIntersecting);\r\n\r\n        });\r\n\r\n      },\r\n\r\n      {\r\n        rootMargin: \"200px 0px\",\r\n        threshold: 0.01\r\n      }\r\n\r\n    );\r\n\r\n    observer.observe(footer);\r\n\r\n  } else {\r\n\r\n    updateScene(true);\r\n\r\n  }\r\n\r\n  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        wave.pause();\r\n        cubeVideo.pause();\r\n\r\n      } else {\r\n\r\n        const rect = footer.getBoundingClientRect();\r\n\r\n        const nearViewport =\r\n          rect.bottom > -200 &&\r\n          rect.top < window.innerHeight + 200;\r\n\r\n        if (nearViewport) {\r\n          updateScene(true);\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- KONIEC WEBAVATARAI MASTER FOOTER 3D -->\r\n\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>WEBAVATARAI \u00b7 BIBLIOTHEEK Ontdek onze digitale creaties Ontdek hoe bewegende achtergronden, elegante glaseffecten en interactieve 3D-objecten samenkomen in unieke digitale presentaties. Laat je inspireren door onze visuele mogelijkheden en ontdek wat wij voor jouw onderneming kunnen cre\u00ebren. Bekijk de voorbeelden \u2192 DIGITAL EXPERIENCE \u2194 Sleep om de wereld te draaien Design dat de wereld beweegt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-736","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages\/736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/comments?post=736"}],"version-history":[{"count":136,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages\/736\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/pages\/736\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/webavatarai.pl\/en\/wp-json\/wp\/v2\/media?parent=736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}