{"id":1317,"date":"2026-05-12T11:50:34","date_gmt":"2026-05-12T11:50:34","guid":{"rendered":"https:\/\/frita.muzamna.com\/new-demo\/"},"modified":"2026-06-20T10:09:15","modified_gmt":"2026-06-20T10:09:15","slug":"new-demo","status":"publish","type":"page","link":"https:\/\/frita.muzamna.com\/pl\/","title":{"rendered":"Frita"},"content":{"rendered":"\n<div>\n<style>\n\n\/* Responsive Styles \n@media (max-width:720px) {\n  .banner-rpf-stage {\n    clip-path: polygon(0 0, 100% 0, 100% 92%, 50% 100%, 0 92%);\n  }\n}*\/\n\n<\/style>\n\n\n\n<header class=\"gb-element-54d6636b mz-element hero hero-banner\" id=\"hero\">\n<section class=\"gb-element-986cdf89 mz-element banner-rpf\">\n<div class=\"gb-element-5cfd6138 mz-element banner-rpf-stage\">\n<div class=\"gb-element-c72f36e7 mz-element banner-rpf-media\"><\/div>\n<\/div>\n<\/section>\n<\/header>\n\n\n\n<div>\n<style data-wp-block-html=\"css\">\n\/* \u2550\u2550 Frita Flavour Showcase \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ff-showcase {\n    background: #FAF7EC;\n    padding: 150px 0 80px;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n    margin-top: -150px;\n}\n.ff-showcase *, .ff-showcase *::before, .ff-showcase *::after { box-sizing: border-box; }\n\n\/* Background sparkle deco \n.ff-showcase::before {\n  content: \"\";\n  position: absolute;\n  top: 12%; left: -120px;\n  width: 320px; height: 320px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,225,105,.5) 0%, transparent 70%);\n  filter: blur(60px);\n  pointer-events: none;\n}\n.ff-showcase::after {\n  content: \"\";\n  position: absolute;\n  bottom: 8%; right: -120px;\n  width: 360px; height: 360px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(208,74,74,.25) 0%, transparent 70%);\n  filter: blur(60px);\n  pointer-events: none;\n}*\/\n\n\/* \u2500\u2500 Fry doodle decorations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ff-doodle {\n  position: absolute;\n  pointer-events: none;\n  opacity: .12;\n  filter: drop-shadow(0 6px 16px rgba(26,27,58,.18));\n  z-index: 1;\n  animation: ff-doodle-drift 14s ease-in-out infinite;\n}\n.ff-doodle--tl    { top:  60px;  left:  -50px; width: 200px; transform: rotate(-22deg); }\n.ff-doodle--tr    { top: 180px;  right: -20px; width: 170px; transform: rotate(35deg);  animation-delay: -3s; }\n.ff-doodle--mid-l { top:  45%;   left:  -30px; width: 140px; opacity: .19; transform: rotate(15deg); animation-delay: -6s; }\n.ff-doodle--mid-r { top:  55%;   right:  20px; width: 110px; opacity: .18; transform: rotate(-40deg); animation-delay: -9s; }\n.ff-doodle--bl    { bottom: 180px; left:  30px; width: 130px; opacity: .20; transform: rotate(120deg); animation-delay: -2s; }\n.ff-doodle--br    { bottom:  40px; right: -50px; width: 220px; transform: rotate(140deg); animation-delay: -5s; }\n.ff-doodle--center{ top:  30%;   left:  48%; width:  80px; opacity: .16; transform: translate(-50%,-50%) rotate(20deg); animation-delay: -7s; }\n\n@keyframes ff-doodle-drift {\n  0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); }\n  50%      { transform: translateY(-14px) rotate(calc(var(--r, 0deg) + 4deg)); }\n}\n\n\/* preserve each doodle's base rotation through the animation *\/\n.ff-doodle--tl    { --r: -22deg; }\n.ff-doodle--tr    { --r:  35deg; }\n.ff-doodle--mid-l { --r:  15deg; }\n.ff-doodle--mid-r { --r: -40deg; }\n.ff-doodle--bl    { --r: 120deg; }\n.ff-doodle--br    { --r: 140deg; }\n.ff-doodle--center{ --r:  20deg; }\n\n.ff-showcase-wrap {\n  max-width: 1440px;\n  margin: 0 auto;\n      padding-right: 20px;\n    padding-left: 20px;\n  position: relative;\n  z-index: 2;\n}\n\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.ff-head {\n  text-align: center;\n  margin-bottom: 60px;\n}\n.ff-head .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--blue-900);\n  color: #FFE169;\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  font-weight: 600;\n  transform: rotate(-1.5deg);\n  margin-bottom: 16px;\n}\n.ff-head h2 {\n  font-family: 'Unbounded', sans-serif;\n  font-weight: 900;\n  font-size: clamp(36px, 5vw, 64px);\n  line-height: .96;\n  letter-spacing: -.035em;\n  color: #1A1B3A;\n  margin: 0 0 14px;\n}\n.ff-head h2 em {\n  font-family: Georgia, serif;\n  font-style: italic;\n  font-weight: 400;\n  color: #D04A4A;\n  display: inline-block;\n  transform: rotate(-2deg);\n}\n.ff-head p {\n  max-width: 56ch;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.6;\n  color: #3a3c60;\n}\n\n\/* \u2500\u2500 Item \u2500\u2500 *\/\n.ff-item {\n  display: grid;\n  grid-template-columns: 1.3fr 1fr;\n  gap: 80px;\n  align-items: center;\n  padding: 70px 0;\n  position: relative;\n}\n\n.ff-item.flip.in-view{\n  grid-template-columns:  1fr 1.3fr;\n}\n\n\n.ff-item + .ff-item {\n  border-top: 1.5px dashed rgba(26,27,58,.03);\n}\n\n\/* Alternating direction without breaking DOM order *\/\n.ff-item.flip .ff-text  { order: 2; }\n.ff-item.flip .ff-image { order: 1; }\n\n\/* \u2500\u2500 Text column \u2500\u2500 *\/\n.ff-text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 22px;\n  position: relative;\n}\n\n.ff-num {\n  font-family: 'Unbounded', sans-serif;\n  font-weight: 900;\n  font-size: 14px;\n  letter-spacing: .2em;\n  color: var(--blue-800);\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n.ff-num::before {\n  content: \"\";\n  width: 32px;\n  height: 2.5px;\n  background: var(--ff-accent, #D04A4A);\n  border-radius: 2px;\n}\n\n.ff-title {\n  font-family: 'Unbounded', sans-serif;\n  font-weight: 800;\n  font-size: clamp(28px, 3.4vw, 48px);\n  line-height: 1.02;\n  letter-spacing: -.03em;\n  color: var(--blue-600);\n  margin: 0;\n  text-transform: uppercase;\n}\n\n.ff-desc {\n  font-family: 'Inter', sans-serif;\n  font-size: 16px;\n  line-height: 1.65;\n  color: #3a3c60;\n  max-width: 50ch;\n  margin: 0;\n  font-weight: 500;\n}\n\n.ff-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 12px;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    font-weight: 700;\n    text-decoration: none;\n    color: var(--blue-600);\n    padding: 14px 24px;\n    background: transparent;\n    border: 2px solid var(--blue-600);\n    border-radius: 999px;\n    box-shadow: 3px 3px 0 var(--blue-600);\n    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\n    margin-top: 6px;\n}\n.ff-link:hover {\n    transform: translate(-2px, -2px);\n    box-shadow: 2px 2px 0 var(--ff-accent, #D04A4A);\n    background: var(--blue-600);\n    color: #FFE169;\n}\n.ff-link .arrow {\n  display: inline-block;\n  transition: transform .25s ease;\n}\n.ff-link:hover .arrow { transform: translateX(4px); }\n\n\/* \u2500\u2500 Image column (splash + product) \u2500\u2500 *\/\n.ff-image {\n  position: relative;\n  aspect-ratio: 1 \/ 1;\n  display: grid;\n  place-items: center;\n}\n.ff-image .splash {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 1;\n  opacity: .95;\n  pointer-events: none;\n}\n.ff-item.flip .ff-image .splash {\n  animation-direction: reverse;\n}\n@keyframes ff-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n.ff-image .product {\n  position: relative;\n  width: 62%;\n  height: auto;\n  z-index: 2;\n  filter: drop-shadow(0 28px 36px rgba(26,27,58,.28));\n  animation: ff-float 5.5s ease-in-out infinite;\n  transition: transform .4s cubic-bezier(.16,1,.3,1);\ncursor: auto;\npointer-events: none;\n}\n.ff-image .product:hover {\n  transform: scale(1.9) rotate(4deg);\n}\n@keyframes ff-float {\n  0%, 100% { transform: translateY(0) rotate(-2deg); }\n  50%      { transform: translateY(-18px) rotate(2deg); }\n}\n\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n.ff-item .ff-text,\n.ff-item .ff-image {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1);\n}\n.ff-item.in-view .ff-text  { opacity: 1; transform: translateY(0); transition-delay: .1s; }\n.ff-item.in-view .ff-image { opacity: 1; transform: translateY(0); transition-delay: .2s; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .ff-showcase { padding: 70px 0 50px; }\n  .ff-item {\n    grid-template-columns: 1fr !important;\n    gap: 32px;\n    padding: 50px 0;\n  }\n  .ff-item.flip .ff-text  { order: 2; }\n  .ff-item.flip .ff-image { order: 1; }\n  .ff-item:not(.flip) .ff-image { order: 1; }\n  .ff-item:not(.flip) .ff-text  { order: 2; }\n  .ff-image { max-width: 330px; margin: 0 auto; width: 100%; }\n  .ff-text { align-items: center; text-align: center; }\n  .ff-desc { text-align: center; }\n  \/* Hide some doodles on mobile to reduce clutter *\/\n  .ff-doodle--mid-l, .ff-doodle--mid-r, .ff-doodle--center { display: none; }\n  .ff-doodle--tl, .ff-doodle--tr, .ff-doodle--bl, .ff-doodle--br { width: 120px; opacity: .08; }\n}\n<\/style>\n\n<section class=\"ff-showcase\" id=\"ff-showcase\">\n\n  <!-- Background fry doodles -->\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--tl\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--tr\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-2-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--mid-l\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-2-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--mid-r\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--center\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-2-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--bl\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-2-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n  <img decoding=\"async\" class=\"ff-doodle ff-doodle--br\" src=\"\/wp-content\/uploads\/2026\/05\/final-sea-salt-1.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n\n  <div class=\"ff-showcase-wrap\">\n\n    <!-- 01 \u2014 Tomato Ketchup -->\n    <div class=\"ff-item\" style=\"--ff-accent:#D04A4A\">\n      <div class=\"ff-text\">\n        <h2 class=\"ff-title\">Frita Chips Fries o smaku Ketchup pomidorowy<\/h2>\n        <p class=\"ff-desc\">Ulubiony smak dzieci\u0144stwa w nowej ods\u0142onie! Chrupi\u0105ce ziemniaczane paluszki o bogatym, naturalnym smaku ketchupu zapewniaj\u0105 idealn\u0105 r\u00f3wnowag\u0119 s\u0142odyczy i kwaskowato\u015bci. Dodatkowy sos nie jest potrzebny.<\/p>\n        <a class=\"ff-link\" href=\"https:\/\/frita.muzamna.com\/pl\/snack\/frita-chips-fries-tomato-ketchup-flavour\/\">\n          <span>Zobacz Ketchup pomidorowy<\/span>\n          <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"ff-image\">\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/06\/snack-bg-7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"product\" src=\"\/wp-content\/uploads\/2026\/06\/tomato-Ketchup-s-7.webp\" alt=\"Frita Chips Fries Tomato Ketchup Flavour\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n    <!-- 02 \u2014 Nacho Cheese -->\n    <div class=\"ff-item flip\" style=\"--ff-accent:#E89A3A\">\n      <div class=\"ff-text\">\n        <h2 class=\"ff-title\">Frita Chips Fries o smaku Ser nacho<\/h2>\n        <p class=\"ff-desc\">Chrupi\u0105ce ziemniaczane paluszki otulone bogatym, kremowym smakiem sera nacho. Idealne po\u0142\u0105czenie chrupko\u015bci i serowej przyjemno\u015bci \u2014 bez glutenu, z niewielk\u0105 ilo\u015bci\u0105 oleju i mn\u00f3stwem smaku.<\/p>\n        <a class=\"ff-link\" href=\"https:\/\/frita.muzamna.com\/pl\/snack\/frita-chips-fries-nacho-cheese-flavour\/\">\n          <span>Zobacz Ser nacho<\/span>\n          <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"ff-image\">\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/06\/snack-bg-7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"product\" src=\"\/wp-content\/uploads\/2026\/06\/Nacho-Cheese-s-7.webp\" alt=\"Frita Chips Fries Nacho Cheese Flavour\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n    <!-- 03 \u2014 Sea Salt -->\n    <div class=\"ff-item\" style=\"--ff-accent:#FFE169\">\n      <div class=\"ff-text\">\n        <h2 class=\"ff-title\">Frita Chips Fries o smaku S\u00f3l morska<\/h2>\n        <p class=\"ff-desc\">Czysta klasyka \u2014 wysokiej jako\u015bci ziemniaczane paluszki doprawione czyst\u0105 sol\u0105 morsk\u0105. Przek\u0105ska, kt\u00f3ra nigdy nie wychodzi z mody. Prosta, chrupi\u0105ca i doskonale wywa\u017cona.<\/p>\n        <a class=\"ff-link\" href=\"https:\/\/frita.muzamna.com\/pl\/snack\/frita-chips-fries-sea-salt\/\">\n          <span>Zobacz S\u00f3l morska<\/span>\n          <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"ff-image\">\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/06\/snack-bg-7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"product\" src=\"\/wp-content\/uploads\/2026\/06\/sea-salt-s-7.webp\" alt=\"Frita Chips Fries Sea Salt\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n    <!-- 04 \u2014 Jalape\u00f1o Chili -->\n    <div class=\"ff-item flip\" style=\"--ff-accent:#8E5FBF\">\n      <div class=\"ff-text\">\n        <h2 class=\"ff-title\">Frita Chips Fries o smaku Jalape\u00f1o chili<\/h2>\n        <p class=\"ff-desc\">Czas na odrobin\u0119 ognia. Chrupi\u0105ce ziemniaczane paluszki w pikantnej przyprawie jalape\u00f1o chili maj\u0105 naprawd\u0119 wyrazisty charakter \u2014 stworzone dla mi\u0142o\u015bnik\u00f3w odwa\u017cnych smak\u00f3w.<\/p>\n        <a class=\"ff-link\" href=\"https:\/\/frita.muzamna.com\/pl\/snack\/frita-chips-fries-jalapeno-chili-flavour\/\">\n          <span>Zobacz Jalape\u00f1o chili<\/span>\n          <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"ff-image\">\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/06\/snack-bg-7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"product\" src=\"\/wp-content\/uploads\/2026\/06\/Jalapeno-s-7.webp\" alt=\"Frita Chips Fries Jalape\u00f1o Chili Flavour\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n    <!-- 05 \u2014 Special Seasoning -->\n    <div class=\"ff-item\" style=\"--ff-accent:#2E3075\">\n      <div class=\"ff-text\">\n        <h2 class=\"ff-title\">Frita Chips Fries o smaku Specjalna mieszanka przypraw<\/h2>\n        <p class=\"ff-desc\">Tajemnicza kompozycja naszego szefa kuchni \u2014 wytrawna przyprawa stworzona dla mi\u0142o\u015bnik\u00f3w przek\u0105sek szukaj\u0105cych czego\u015b innego. Zaskakuj\u0105ca, uzale\u017cniaj\u0105ca i nie spos\u00f3b si\u0119 od niej oderwa\u0107.<\/p>\n        <a class=\"ff-link\" href=\"https:\/\/frita.muzamna.com\/pl\/snack\/frita-chips-fries-special-seasoning\/\">\n          <span>Zobacz Specjalna mieszanka przypraw<\/span>\n          <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"ff-image\">\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/06\/snack-bg-7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"product\" src=\"\/wp-content\/uploads\/2026\/06\/Special-Potato-Seasoning-s-7.webp\" alt=\"Frita Chips Fries Special Seasoning\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<script>\n(function () {\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach((e) => {\n      if (e.isIntersecting) {\n        e.target.classList.add('in-view');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.18 });\n  document.querySelectorAll('#ff-showcase .ff-item').forEach((el) => io.observe(el));\n})();\n<\/script>\n<\/div>\n\n\n\n<div>\n<style>\n\/* \u2550\u2550 .fr-intro \u2014 Frita bulk-colour redesign \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.fr-intro {\n  --fr-ink:    #1A1B3A;\n  --fr-yellow: #FFE169;\n  --fr-deep:   #FFC73A;\n  --fr-red:    #D04A4A;\n  --fr-cream:  #FAF7EC;\n  --fr-paper:  #fff;\n\n  position: relative;\n  background: var(--fr-cream);\n  color: var(--blue-600);\n  font-family: 'Inter', system-ui, sans-serif;\n  padding: 100px 24px 100px;\n  overflow: hidden;\n  isolation: isolate;\n}\n.fr-intro * { box-sizing: border-box; }\n\/*\n.fr-intro::before {\n  content: \"\"; position: absolute;\n  top: 10%; left: -120px;\n  width: 360px; height: 360px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,225,105,.55) 0%, transparent 70%);\n  filter: blur(60px);\n  pointer-events: none; z-index: 1;\n}\n.fr-intro::after {\n  content: \"\"; position: absolute;\n  bottom: 8%; right: -100px;\n  width: 320px; height: 320px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(208,74,74,.30) 0%, transparent 70%);\n  filter: blur(60px);\n  pointer-events: none; z-index: 1;\n}\n*\/\n.fr-intro__doodle {\n  position: absolute; pointer-events: none;\n  opacity: .14;\n  filter: drop-shadow(0 6px 16px rgba(26,27,58,.18));\n  z-index: 1;\n}\n.fr-intro__doodle--tl  { top: 30px;    left: -50px;  width: 200px; transform: rotate(-22deg); }\n.fr-intro__doodle--br  { bottom: 20px; right: -60px; width: 220px; transform: rotate(140deg); }\n.fr-intro__doodle--mid { top: 50%; left: 48%; width: 90px; opacity: .08; transform: translate(-50%,-50%) rotate(35deg); }\n\n.fr-intro__inner {\n  position: relative; z-index: 3;\n  max-width: var(--gb-container-width, 1440px);\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start;\n}\n\n\/* ===== LEFT \u2014 copy only ===== *\/\n.fr-intro__content { position: relative; }\n\n.fr-intro__badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--blue-600); color: var(--fr-yellow);\n  font-family: 'JetBrains Mono', monospace;\n  font-weight: 700; font-size: 11px;\n  letter-spacing: .18em; text-transform: uppercase;\n  padding: 8px 18px;\n  border-radius: 999px;\n  border: 2px solid var(--blue-600);\n  transform: rotate(-2deg);\n  box-shadow: 3px 3px 0 var(--fr-yellow);\n  margin-bottom: 26px;\n  animation: fr-badge-bob 5s ease-in-out infinite;\n}\n.fr-intro__badge::before { content: '\u2605'; font-size: 13px; line-height: 1; }\n@keyframes fr-badge-bob {\n  0%,100% { transform: rotate(-2deg) translateY(0); }\n  50%     { transform: rotate(0deg)  translateY(-4px); }\n}\n\n.fr-intro__heading {\n  font-family: 'Unbounded', sans-serif;\n  font-size: clamp(38px, 4.6vw, 64px);\n  font-weight: 900;\n  line-height: .96;\n  letter-spacing: -.04em;\n  margin: 0 0 26px;\n  color: var(--blue-600);\n}\n.fr-intro__heading-mark {\n  position: relative;\n  display: inline-block;\n  font-family: Georgia, serif;\n  font-style: italic;\n  font-weight: 400;\n  color: var(--fr-red);\n  transform: rotate(-2deg);\n}\n.fr-intro__heading-mark svg {\n  position: absolute;\n  left: -6px; right: -6px; bottom: -10px;\n  width: calc(100% + 12px);\n  height: 14px;\n  pointer-events: none;\n}\n\n.fr-intro__copy {\n  font-family: 'Inter', sans-serif;\n  font-size: 16px;\n  line-height: 1.7;\n  color: #3a3c60;\n  margin: 0 0 16px;\n  max-width: 540px;\n  font-weight: 500;\n}\n.fr-intro__copy b {\n  color: var(--blue-600);\n  font-weight: 700;\n  background: linear-gradient(transparent 60%, var(--fr-yellow) 60%);\n  padding: 0 3px;\n}\n\n\/* ===== Tags (now lives inside .fr-intro__certs) ===== *\/\n.fr-intro__tags {\n  display: flex; flex-wrap: wrap; gap: 10px;\n  margin: 24px 0 20px;\n}\n.fr-intro__tag {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--fr-paper);\n  border: 2px solid var(--blue-600);\n  color: var(--blue-600);\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10px; font-weight: 700;\n  letter-spacing: .14em; text-transform: uppercase;\n  padding: 8px 14px;\n  border-radius: 999px;\n  box-shadow: 3px 3px 0 var(--blue-600);\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n  cursor: default;\n}\n.fr-intro__tag:nth-child(1) { background: #E1F1E6; }\n.fr-intro__tag:nth-child(2) { background: #FFE6E6; }\n.fr-intro__tag:nth-child(3) { background: #FBEFD9; }\n.fr-intro__tag:nth-child(4) { background: #ECE8F7; }\n.fr-intro__tag:hover {\n  transform: translate(-2px, -2px) rotate(-1deg);\n  box-shadow: 5px 5px 0 var(--blue-600);\n}\n.fr-intro__tag svg { width: 12px; height: 12px; }\n\n\/* CTAs (now lives inside .fr-intro__certs) *\/\n.fr-intro__cta { display: flex; gap: 14px; flex-wrap: wrap; }\n.fr-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-family: 'Unbounded', sans-serif;\n  font-weight: 700; font-size: 13px;\n  letter-spacing: -.005em; text-transform: uppercase;\n  text-decoration: none;\n  padding: 16px 28px;\n  border-radius: 999px;\n  cursor: pointer;\n  border: 2px solid var(--blue-600);\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\n  white-space: nowrap;\n}\n.fr-btn--yellow {\n  background: var(--fr-yellow); color: var(--blue-600);\n  box-shadow: 4px 4px 0 var(--blue-600);\n}\n.fr-btn--yellow:hover {\n  transform: translate(-3px, -3px);\n  box-shadow: 7px 7px 0 var(--blue-600);\n}\n.fr-btn--ghost {\n  background: var(--fr-paper); color: var(--blue-600);\n  box-shadow: 4px 4px 0 var(--blue-600);\n}\n.fr-btn--ghost:hover {\n  background: var(--blue-600); color: var(--fr-yellow);\n  transform: translate(-3px, -3px);\n  box-shadow: 7px 7px 0 var(--fr-yellow);\n}\n.fr-btn svg { width: 14px; height: 14px; transition: transform .25s ease; }\n.fr-btn:hover svg { transform: translate(3px, -3px); }\n\n\/* ===== RIGHT \u2014 Certification card + tags + CTAs ===== *\/\n.fr-intro__certs {\n  position: relative;\n  background: var(--fr-paper);\n  border: 2.5px solid var(--blue-600);\n  border-radius: 32px;\n  box-shadow: 10px 10px 0 var(--blue-600);\n  padding: 48px 44px;\n  transform: rotate(-1deg);\n  transition: transform .35s ease, box-shadow .35s ease;\n}\n.fr-intro__certs:hover {\n  transform: rotate(0deg) translate(-3px, -3px);\n  box-shadow: 13px 13px 0 var(--blue-600);\n}\n\n.fr-intro__certs-sticker {\n  position: absolute;\n  top: -22px; right: -16px;\n  z-index: 3;\n  background: var(--fr-red);\n  color: var(--fr-paper);\n  width: 90px; height: 90px;\n  border-radius: 50%;\n  display: grid; place-items: center;\n  font-family: 'Unbounded', sans-serif;\n  font-weight: 800; font-size: 10px;\n  letter-spacing: .14em; text-transform: uppercase;\n  text-align: center; line-height: 1.15;\n  transform: rotate(14deg);\n  border: 2.5px solid var(--blue-600);\n  box-shadow: 4px 4px 0 var(--blue-600);\n  animation: fr-sticker-wobble 4.5s ease-in-out infinite;\n  pointer-events: none;\n}\n.fr-intro__certs-sticker span {\n  display: block; font-size: 16px;\n  margin-top: 3px;\n  color: var(--fr-yellow);\n}\n@keyframes fr-sticker-wobble {\n  0%,100% { transform: rotate(14deg) scale(1); }\n  50%     { transform: rotate(6deg)  scale(1.05); }\n}\n\n.fr-intro__certs-head {\n  text-align: center;\n  margin-bottom: 30px;\n}\n.fr-intro__certs-eyebrow {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--fr-yellow);\n  border: 2px solid var(--blue-600);\n  color: var(--blue-600);\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10px; font-weight: 700;\n  letter-spacing: .18em; text-transform: uppercase;\n  padding: 7px 16px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n}\n.fr-intro__certs-title {\n  font-family: 'Unbounded', sans-serif;\n  font-weight: 800;\n  font-size: clamp(22px, 2.2vw, 30px);\n  line-height: 1.05;\n  letter-spacing: -.025em;\n  color: var(--blue-600);\n  margin: 0;\n}\n.fr-intro__certs-title em {\n  font-family: Georgia, serif;\n  font-style: italic;\n  font-weight: 400;\n  color: var(--fr-red);\n  display: inline-block;\n  transform: rotate(-1.5deg);\n}\n\n.fr-intro__certs-img {\n  display: block;\n  \/*width: 100%;*\/\n  height: auto;\n  object-fit: contain;\n  max-height: 220px;\n  margin: 0 auto;\n}\n\n.fr-intro__certs-foot {\n  margin-top: 26px;\n  padding-top: 22px;\n  border-top: 1.5px dashed rgba(26,27,58,.18);\n  text-align: center;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10px;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  font-weight: 700;\n  color: rgba(26,27,58,.55);\n}\n.fr-intro__certs-foot span { color: var(--blue-600); }\n\n\/* Tags separator inside card *\/\n.fr-intro__certs .fr-intro__tags {\n  margin-top: 28px;\n  padding-top: 24px;\n  border-top: 1.5px dashed rgba(26,27,58,.18);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 960px) {\n  .fr-intro { padding: 70px 20px; }\n  .fr-intro__inner { grid-template-columns: 1fr; gap: 60px; }\n  .fr-intro__doodle--mid { display: none; }\n  .fr-intro__certs { transform: none; max-width: 540px; margin: 0 auto; }\n  .fr-intro__certs:hover { transform: translate(-3px, -3px); }\n  .fr-intro__certs-sticker { display: none; }\n}\n@media (max-width: 560px) {\n  .fr-intro__heading { font-size: 34px; }\n  .fr-btn { padding: 14px 22px; font-size: 12px; }\n  .fr-intro__certs { padding: 32px 24px; border-radius: 24px; }\n  .fr-intro__certs-img { max-height: 160px; }\n}\n<\/style>\n\n<section class=\"fr-intro\" id=\"fr-intro\" aria-label=\"About Frita\">\n\n  <img decoding=\"async\" class=\"fr-intro__doodle fr-intro__doodle--tl\" src=\"\/wp-content\/uploads\/2026\/04\/final-sea-salt.png\" alt=\"\" aria-hidden=\"true\">\n  <img decoding=\"async\" class=\"fr-intro__doodle fr-intro__doodle--mid\" src=\"\/wp-content\/uploads\/2026\/04\/final-sea-salt-2.png\" alt=\"\" aria-hidden=\"true\">\n  <img decoding=\"async\" class=\"fr-intro__doodle fr-intro__doodle--br\" src=\"\/wp-content\/uploads\/2026\/04\/final-sea-salt.png\" alt=\"\" aria-hidden=\"true\">\n\n  <div class=\"fr-intro__inner\">\n\n    <!-- ===== LEFT \u2014 badge + heading + copy only ===== -->\n    <div class=\"fr-intro__content\">\n      <span class=\"fr-intro__badge\">Dlaczego Frita<\/span>\n\n      <h2 class=\"fr-intro__heading\">\n        Chrupi\u0105ce paluszki,\n        <em class=\"fr-intro__heading-mark\">z prawdziwych ziemniak\u00f3w<\/em>\n       \n      <\/h2>\n\n      <p class=\"fr-intro__copy\">\n        Frita to gotowe do spo\u017cycia <b>chipsy ziemniaczane<\/b> w formie chrupi\u0105cych paluszk\u00f3w.\n        S\u0105 sma\u017cone w oleju s\u0142onecznikowym w <b>niskiej temperaturze<\/b>, aby zachowa\u0107\n        warto\u015bci od\u017cywcze ziemniak\u00f3w i zapewni\u0107 nisk\u0105 zawarto\u015b\u0107 akrylamidu.\n      <\/p>\n      <p class=\"fr-intro__copy\">\n        Produkt jest doprawiany <b>naturalnymi przyprawami<\/b> i nie zawiera\n        konserwant\u00f3w, sztucznych barwnik\u00f3w ani syntetycznych aromat\u00f3w.\n      <\/p>\n      <p class=\"fr-intro__copy\">\n        Frita jest produkowana i pakowana w <b>w pe\u0142ni zautomatyzowanym procesie<\/b>,\n        dzi\u0119ki czemu nie ma kontaktu z d\u0142o\u0144mi. Wszystko odbywa si\u0119 zgodnie z najnowszymi\n        \u015bwiatowymi standardami, aby zachowa\u0107 najwy\u017csz\u0105 jako\u015b\u0107 produktu.\n      <\/p>\n    <\/div>\n\n    <!-- ===== RIGHT \u2014 certs card + tags + CTAs ===== -->\n      <figure class=\"fr-intro__certs\">\n<!--\n     <div class=\"fr-intro__certs-sticker\" aria-hidden=\"true\">\n        100%<span>SAFE<\/span>\n      <\/div>-->\n\n      <div class=\"fr-intro__certs-head\">\n        <span class=\"fr-intro__certs-eyebrow\">\u2605 Certyfikowane &amp; zgodne ze standardami<\/span>\n        <h3 class=\"fr-intro__certs-title\">\n          Poparte <em>prawdziwymi dowodami<\/em>.\n        <\/h3>\n      <\/div>\n\n      <img class=\"fr-intro__certs-img\" src=\"\/wp-content\/uploads\/2026\/06\/badge.webp\" alt=\"Frita certifications\" loading=\"lazy\" decoding=\"async\">\n\n      <div class=\"fr-intro__certs-foot\">\n        Cenione <span>na ca\u0142ym \u015bwiecie<\/span> \u00b7 Niezale\u017cnie <span>audytowane<\/span>\n      <\/div>\n\n      <!-- Tags \u2014 moved from left column -->\n      <div class=\"fr-intro__tags\">\n        <span class=\"fr-intro__tag\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          Bez glutenu\n        <\/span>\n        <span class=\"fr-intro__tag\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          Naturalne aromaty\n        <\/span>\n        <span class=\"fr-intro__tag\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          Olej s\u0142onecznikowy\n        <\/span>\n        <span class=\"fr-intro__tag\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          Produkcja bez kontaktu z d\u0142o\u0144mi\n        <\/span>\n      <\/div>\n\n      <!-- CTAs \u2014 moved from left column -->\n      <div class=\"fr-intro__cta\">\n        <a href=\".\/events\/\" class=\"fr-btn fr-btn--yellow\">\n          Wydarzenia\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n        <\/a>\n        <a href=\".\/snacks\/\" class=\"fr-btn fr-btn--ghost\">\n          Przek\u0105ski\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n        <\/a>\n      <\/div>\n    <\/figure>\n\n  <\/div>\n\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n    <defs>\n      <symbol id=\"fr-scribble\" viewBox=\"0 0 240 18\" preserveAspectRatio=\"none\">\n        <path d=\"M3 11 C 40 4, 80 16, 120 9 S 200 14, 237 6\" fill=\"none\" stroke=\"#FFE169\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n      <\/symbol>\n    <\/defs>\n  <\/svg>\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var mark = document.querySelector('.fr-intro__heading-mark');\n  if (mark && !mark.querySelector('svg')) {\n    var svgNS = 'http:\/\/www.w3.org\/2000\/svg';\n    var svg = document.createElementNS(svgNS, 'svg');\n    var use = document.createElementNS(svgNS, 'use');\n    use.setAttributeNS('http:\/\/www.w3.org\/1999\/xlink', 'href', '#fr-scribble');\n    use.setAttribute('href', '#fr-scribble');\n    svg.appendChild(use);\n    mark.appendChild(svg);\n  }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"gb-element-fb389de0\">\n<style>\n.fr-marquee {\n  overflow: hidden;\n  display: flex;\n  width: 100%;\n}\n\n.fr-marquee__group {\n  flex-shrink: 0;\n  display: inline-flex;\n  white-space: nowrap;\n  min-width: max-content;\n  animation: fr-marquee 18s linear infinite;\n  will-change: transform;\n}\n\n@keyframes fr-marquee {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n\n<\/style>\n\n\n\n<div class=\"gb-element-2042e7d1 mz-element fr-marquee fr-marquee--light\" aria-hidden=\"true\">\n<div class=\"gb-element-b9bb70e1 mz-element fr-marquee__track\">\n<span class=\"gb-text gb-text-886f8528 fr-marquee__group\">S\u00f3l morska <em>\u25cf<\/em>\n      Ketchup pomidorowy <em>\u25cf<\/em>\n      Ser nacho <em>\u25cf<\/em>\n      Jalape\u00f1o chili <em>\u25cf<\/em>\n      Tajemniczy smak <em>\u25cf<\/em>\n      S\u00f3l morska <em>\u25cf<\/em>\n      Ketchup pomidorowy <em>\u25cf<\/em>\n      Ser nacho <em>\u25cf<\/em>\n      Jalape\u00f1o chili <em>\u25cf<\/em>\n      Specjalna mieszanka przypraw <em>\u25cf<\/em><\/span>\n\n\n\n<span class=\"gb-text gb-text-e1ad9bba fr-marquee__group\">S\u00f3l morska <em>\u25cf<\/em>\n      Ketchup pomidorowy <em>\u25cf<\/em>\n      Ser nacho <em>\u25cf<\/em>\n      Jalape\u00f1o chili <em>\u25cf<\/em>\n      Tajemniczy smak <em>\u25cf<\/em>\n      S\u00f3l morska <em>\u25cf<\/em>\n      Ketchup pomidorowy <em>\u25cf<\/em>\n      Ser nacho <em>\u25cf<\/em>\n      Jalape\u00f1o chili <em>\u25cf<\/em>\n      Specjalna mieszanka przypraw <em>\u25cf<\/em><\/span>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-9dc7a88f\">\n<style>\n\/* =========================================================================\n   .fr-fryrain \u2014 Fries falling over a deep blue gradient\n   Single-root scope. All tokens declared on the section.\n   No literal ampersand chars in JS (WordPress-safe).\n   ========================================================================= *\/\n.fr-fryrain {\n    --fr-radius: 999px;\n    --fr-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    position: relative;\n    margin: 0;\n    padding: clamp(4rem, 10vw, 7.5rem) 1.5rem;\n    \/* min-height: min(720px, 90vh); *\/\n    background: #f9f7ec;\n    overflow: hidden;\n    color: var(--white);\n    font-family: var(--font-body);\n    -webkit-font-smoothing: antialiased;\n}\n\n \n\/* Scoped reset \u2014 minimal so component margins survive *\/\n.fr-fryrain *{box-sizing:border-box}\n.fr-fryrain button{font:inherit;color:inherit;cursor:pointer}\n\n \n\/* Inner container *\/\n.fr-fryrain__inner{\n  position:relative;\n  z-index:2;\n  max-width:var(--gb-container-width, 1200px);\n  margin:0 auto;\n  text-align:center;\n}\n \n\/* Eyebrow *\/\n.fr-fryrain__eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:0.625rem;\n  font-family:var(--fr-font-mono);\n  font-size:0.6875rem;\n  letter-spacing:0.16em;\n  text-transform:uppercase;\n  color:var(--fr-yellow);\n  opacity:0.85;\n}\n.fr-fryrain__eyebrow::before{\n  content:\"\";\n  width:18px;\n  height:1.5px;\n  background:var(--fr-yellow);\n  opacity:0.6;\n}\n \n\/* Heading *\/\n.fr-fryrain__title{\n  font-family:var(--fr-font-display);\n  font-weight:700;\n  font-size:clamp(44px, 6vw, 96px);\n  line-height:0.96;\n  letter-spacing:-0.035em;\n  margin-top:1.125rem;\n  margin-bottom:1.125rem;\n  margin-left:auto;\n  margin-right:auto;\n  color:var(--fr-white);\n  max-width:14ch;\n  text-align:center;\n}\n.fr-fryrain__title u{\n  text-decoration:none;\n  background:var(--fr-yellow);\n  color:var(--fr-blue-900);\n  padding:0 0.15em;\n  -webkit-box-decoration-break:clone;\n  box-decoration-break:clone;\n}\n \n\/* Lede *\/\n.fr-fryrain__lede{\n  max-width:560px;\n  margin-left:auto;\n  margin-right:auto;\n  font-size:1.0625rem;\n  line-height:1.55;\n  color:rgba(255,255,255,0.78);\n  text-align:center;\n}\n \n\/* Buttons *\/\n.fr-fryrain__ctas{\n  display:flex;\n  justify-content:center;\n  gap:0.875rem;\n  margin-top:2.25rem;\n  flex-wrap:wrap;\n}\n.fr-fryrain__btn{\n  display:inline-flex;\n  align-items:center;\n  gap:0.5rem;\n  padding:0.875rem 1.5rem;\n  border-radius:var(--fr-radius);\n  font-family:var(--fr-font-mono);\n  font-size:0.6875rem;\n  letter-spacing:0.15em;\n  text-transform:uppercase;\n  font-weight:500;\n  text-decoration:none;\n  border:2px solid transparent;\n  cursor:pointer;\n  transition:transform var(--fr-transition), box-shadow var(--fr-transition), background var(--fr-transition), color var(--fr-transition), border-color var(--fr-transition);\n}\n.fr-fryrain__btn svg{width:14px;height:14px;flex-shrink:0}\n.fr-fryrain__btn--primary{background:var(--fr-yellow);color:var(--fr-blue-900)}\n.fr-fryrain__btn--primary:hover,\n.fr-fryrain__btn--primary:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,225,105,0.32)}\n.fr-fryrain__btn--ghost{background:transparent;border-color:rgba(255,255,255,0.30);color:var(--fr-white)}\n.fr-fryrain__btn--ghost:hover,\n.fr-fryrain__btn--ghost:focus-visible{border-color:var(--fr-yellow);color:var(--fr-yellow)}\n.fr-fryrain__btn:focus-visible{outline:2px solid var(--fr-yellow);outline-offset:3px}\n \n\/* Footer caption *\/\n.fr-fryrain__caption{\n  position:absolute;\n  bottom:1.75rem;\n  left:50%;\n  transform:translateX(-50%);\n  font-family:var(--fr-font-mono);\n  font-size:0.6875rem;\n  letter-spacing:0.14em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,0.55);\n  z-index:3;\n  white-space:nowrap;\n  padding:0 1rem;\n}\n \n\/* Falling fries field *\/\n.fr-fryrain__field{\n  position:absolute;\n  inset:0;\n  overflow:hidden;\n  pointer-events:none;\n  z-index:2;opacity: 0.4;\n}\n.fr-fryrain__stick{\n  position:absolute;\n  display:block;\n  left:var(--fr-col, 50%);\n  top:-10%;\n  width:var(--fr-size, 90px);\n  height:auto;\n  opacity:0;\n  will-change:transform, opacity;\n  animation-name:fr-fryrain-drop;\n  animation-duration:var(--fr-fall-time, 14s);\n  animation-timing-function:linear;\n  animation-delay:var(--fr-fall-offset, 0s);\n  animation-iteration-count:infinite;\n  animation-fill-mode:both;\n}\n \n@keyframes fr-fryrain-drop{\n  0%   { transform:translate3d(0, -20%, 0) rotate(var(--fr-start-turn, 0deg)); opacity:0; }\n  8%   { opacity:0.85; }\n  50%  { transform:translate3d(var(--fr-sway, 0px), 50vh, 0) rotate(var(--fr-mid-turn, 180deg)); opacity:0.85; }\n  92%  { opacity:0.85; }\n  100% { transform:translate3d(calc(var(--fr-sway, 0px) * -0.4), 110vh, 0) rotate(var(--fr-end-turn, 360deg)); opacity:0; }\n}\n \n\/* Reveal *\/\n.fr-fryrain .mz-reveal{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity 0.7s var(--fr-transition), transform 0.7s var(--fr-transition);\n}\n.fr-fryrain .mz-reveal.mz-is-visible{opacity:1;transform:none}\n.fr-fryrain .mz-reveal[data-delay=\"1\"]{transition-delay:0.08s}\n.fr-fryrain .mz-reveal[data-delay=\"2\"]{transition-delay:0.16s}\n.fr-fryrain .mz-reveal[data-delay=\"3\"]{transition-delay:0.24s}\n \n\/* Responsive *\/\n@media (max-width:600px){\n  .fr-fryrain__ctas{flex-direction:column;align-items:stretch}\n  .fr-fryrain__btn{justify-content:center}\n  .fr-fryrain__caption{font-size:0.625rem;letter-spacing:0.1em}\n}\n \n\/* Reduced motion\n@media (prefers-reduced-motion: reduce){\n  .fr-fryrain__stick{animation:none !important;display:none}\n  .fr-fryrain *,\n  .fr-fryrain *::before,\n  .fr-fryrain *::after{\n    transition-duration:0.01ms !important;\n  }\n  .fr-fryrain .mz-reveal{opacity:1;transform:none}\n} *\/\n<\/style>\n \n<!-- ============================================================\n     Fry rain section\n     ============================================================ -->\n<section class=\"fr-fryrain\" id=\"fr-fryrain\" aria-labelledby=\"fr-fryrain-heading\">\n  <div class=\"fr-fryrain__field\" data-fr-field=\"\" aria-hidden=\"true\"><\/div>\n<\/section>\n \n<script>\n(function(){\n  'use strict';\n \n  function init(){\n    var root = document.querySelector('.fr-fryrain');\n    if (!root) return;\n \n    \/* ---------- Reveal on scroll ---------- *\/\n    var revealEls = root.querySelectorAll('.mz-reveal');\n    if (!('IntersectionObserver' in window)){\n      for (var r = 0; r < revealEls.length; r++) revealEls[r].classList.add('mz-is-visible');\n    } else {\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if (entry.isIntersecting){\n            entry.target.classList.add('mz-is-visible');\n            io.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n      for (var x = 0; x < revealEls.length; x++) io.observe(revealEls[x]);\n    }\n \n    \/* ---------- Fry rain ---------- *\/\n    \/\/var prefersReduced = false;\n    \/\/if (window.matchMedia){\n     \/\/ prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    \/\/}\n    \/\/if (prefersReduced) return;\n \n    var field = root.querySelector('[data-fr-field]');\n    if (!field) return;\n \n    var FRY_SINGLE = 'https:\/\/frita.muzamna.com\/wp-content\/uploads\/2026\/05\/final-sea-salt-1.webp';\n    var FRY_STACK  = 'https:\/\/frita.muzamna.com\/wp-content\/uploads\/2026\/05\/final-sea-salt-2.webp';\n \n    var FRIES = [\n      { src: FRY_SINGLE, weight: 0.72, min: 60,  max: 120 },\n      { src: FRY_STACK,  weight: 0.28, min: 110, max: 180 }\n    ];\n \n    function rand(a, b){ return a + Math.random() * (b - a); }\n    function flip(n){ return Math.random() < 0.5 ? -n : n; }\n \n    function pickSprite(){\n      var r = Math.random();\n      var acc = 0;\n      for (var i = 0; i < FRIES.length; i++){\n        acc += FRIES[i].weight;\n        if (r < acc) return FRIES[i];\n      }\n      return FRIES[0];\n    }\n \n    function spawn(delayed){\n      var sprite = pickSprite();\n      var img = document.createElement('img');\n      img.className = 'fr-fryrain__stick';\n      img.src = sprite.src;\n      img.alt = '';\n      img.decoding = 'async';\n      img.loading  = 'lazy';\n \n      var startTurn = Math.round(rand(0, 360));\n      var spinDeg   = Math.round(flip(rand(360, 900)));\n      var midTurn   = startTurn + Math.round(spinDeg \/ 2);\n      var endTurn   = startTurn + spinDeg;\n \n      img.style.setProperty('--fr-size',        Math.round(rand(sprite.min, sprite.max)) + 'px');\n      img.style.setProperty('--fr-col',         rand(2, 98).toFixed(1) + '%');\n      img.style.setProperty('--fr-sway',        Math.round(flip(rand(20, 95))) + 'px');\n      img.style.setProperty('--fr-start-turn',  startTurn + 'deg');\n      img.style.setProperty('--fr-mid-turn',    midTurn + 'deg');\n      img.style.setProperty('--fr-end-turn',    endTurn + 'deg');\n      img.style.setProperty('--fr-fall-time',   rand(9, 18).toFixed(1) + 's');\n      img.style.setProperty('--fr-fall-offset', (delayed ? -rand(0, 18) : 0).toFixed(1) + 's');\n      img.style.setProperty('--fr-lum',         rand(0.92, 1.08).toFixed(2));\n \n      field.appendChild(img);\n      if (field.children.length > 14) field.firstElementChild.remove();\n    }\n \n    for (var i = 0; i < 8; i++) spawn(true);\n    window.setInterval(function(){ spawn(false); }, 2200);\n  }\n \n  if (document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"gb-element-ab87bd93\">\n<style data-wp-block-html=\"css\">\n.frita-product-orbit,\n    .frita-product-orbit * {\n      box-sizing: border-box;\n    }\n\n    .frita-product-orbit {\n    --orbit-bg-1: #fff;\n    --orbit-bg-2: #fff;\n    --orbit-bg-3: #fff;\n    --orbit-ink: #fff;\n    --orbit-duration: 15s;\n    --orbit-item-w: clamp(190px, 24cqw, 335px);\n    --orbit-item-h: clamp(270px, 36cqw, 485px);\n    --orbit-center-x: 52%;\n    --orbit-center-y: 48%;\n    --orbit-right-x: 91%;\n    --orbit-right-y: 76%;\n    --orbit-left-x: 13%;\n    --orbit-left-y: 78%;\n    position: relative;\n    isolation: isolate;\n    container-type: inline-size;\n    max-width: var(--gb-container-width); \n    min-height: clamp(520px, 58vw, 760px);\n    margin-inline: auto;\n    overflow: hidden;\n    border-radius: clamp(22px, 3vw, 46px);\n    display: grid;\n    grid-template-columns: minmax(260px, .86fr) minmax(430px, 1.14fr);\n    align-items: center;\n    gap: clamp(20px, 4cqw, 72px);\n    background: #f9f7ec;\n}\n    .frita-product-orbit::before {\n      content: \"\";\n      position: absolute;\n      right: -10%;\n      bottom: -41%;\n      width: 76%;\n      height: 78%;\n      border-radius: 50% 50% 0 0;\n      border-top: clamp(2px, .32cqw, 5px) dashed rgba(80, 40, 0, .22);\n      transform: rotate(-5deg);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    .frita-product-orbit__copy {\n    position: relative;\n    z-index: 6;\n    max-width: 44ch;\n    color: var(--blue-600);\n    text-align: left;\n}\n@media all and (max-width:768px){\n.frita-product-orbit{grid-template-columns: 1fr;}\n}\n    .frita-product-orbit__eyebrow {\n      margin: 0 0 .45em;\n      font-size: clamp(.8rem, 1.25cqw, 1rem);\n      font-weight: 900;\n      letter-spacing: .13em;\n      text-transform: uppercase;\n      opacity: .72;\n    }\n\n    .frita-product-orbit__title {\n      margin: 0;\n      font-size: clamp(2.9rem, 5.45cqw, 5.7rem);\n      line-height: .88;\n      font-weight: 950;\n      letter-spacing: -.055em;\n      text-wrap: balance;\n    }\n\n    .frita-product-orbit__subtitle {\n      margin: .85em 0 0;\n      max-width: 32ch;\n      font-size: clamp(1rem, 1.45cqw, 1.28rem);\n      line-height: 1.38;\n      font-weight: 760;\n      opacity: .78;\n      text-wrap: balance;\n    }\n\n    .frita-product-orbit__stage {\n      position: relative;\n      z-index: 3;\n      min-height: clamp(410px, 45cqw, 590px);\n      pointer-events: none;\n      contain: layout paint style;\n      transform: translateZ(0);\n      overflow: visible;\n    }\n\n    .frita-product-orbit__stage::before {\n      content: \"\";\n      position: absolute;\n      left: 52%;\n      top: 50%;\n      width: min(62cqw, 620px);\n      aspect-ratio: 1;\n      transform: translate(-50%, -44%);\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(255,255,255,.35) 0 18%, transparent 60%);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    .frita-product-orbit__stage::after {\n      content: \"\";\n      position: absolute;\n      left: 53%;\n      bottom: 9%;\n      width: min(42cqw, 460px);\n      height: min(7cqw, 76px);\n      transform: translateX(-50%);\n      border-radius: 999px;\n      background: radial-gradient(ellipse, rgba(71, 39, 0, .26), rgba(71, 39, 0, 0) 72%);\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    \/*\n      Important centering fix:\n      Each .frita-product-orbit__item is a full-stage layer.\n      The layer moves across the stage, then the image is centered inside it.\n      This prevents transform percentages from being calculated against the PNG size.\n    *\/\n    .frita-product-orbit__item {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      opacity: 0;\n      animation: fritaProductArcMove var(--orbit-duration) linear infinite;\n      will-change: transform, opacity;\n      backface-visibility: hidden;\n      transform: translate3d(0, 0, 0);\n      z-index: 2;\n    }\n\n    .frita-product-orbit__visual {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: var(--orbit-item-w);\n      height: var(--orbit-item-h);\n      transform: translate(-50%, -50%) rotate(0deg) scale(1);\n      transform-origin: 50% 92%;\n      animation: fritaProductArcPose var(--orbit-duration) linear infinite;\n      will-change: transform;\n      backface-visibility: hidden;\n      display: grid;\n      place-items: center;\n    }\n\n    .frita-product-orbit__visual::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: 3%;\n      width: 68%;\n      height: 8%;\n      transform: translateX(-50%);\n      border-radius: 999px;\n      background: radial-gradient(ellipse, rgba(61, 35, 0, .22), rgba(61, 35, 0, 0) 70%);\n      z-index: -1;\n    }\n\n    .frita-product-orbit__item:nth-child(4) { animation-delay: calc(var(--orbit-duration) \/ -5 * 0); }\n    .frita-product-orbit__item:nth-child(5) { animation-delay: calc(var(--orbit-duration) \/ -5 * 1); }\n    .frita-product-orbit__item:nth-child(6) { animation-delay: calc(var(--orbit-duration) \/ -5 * 2); }\n    .frita-product-orbit__item:nth-child(7) { animation-delay: calc(var(--orbit-duration) \/ -5 * 3); }\n    .frita-product-orbit__item:nth-child(8) { animation-delay: calc(var(--orbit-duration) \/ -5 * 4); }\n\n    .frita-product-orbit__item:nth-child(4) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 0); }\n    .frita-product-orbit__item:nth-child(5) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 1); }\n    .frita-product-orbit__item:nth-child(6) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 2); }\n    .frita-product-orbit__item:nth-child(7) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 3); }\n    .frita-product-orbit__item:nth-child(8) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 4); }\n\n    .frita-product-orbit__visual img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      user-select: none;\n      -webkit-user-drag: none;\n      transform: translateZ(0);\n      backface-visibility: hidden;\n    }\n\n    @keyframes fritaProductArcMove {\n      0% {\n        opacity: 0;\n        transform: translate3d(calc(var(--orbit-right-x) - 50%), calc(var(--orbit-right-y) - 50%), 0);\n        z-index: 2;\n      }\n\n      1% {\n        opacity: 0;\n        transform: translate3d(calc(var(--orbit-right-x) - 50%), calc(var(--orbit-right-y) - 50%), 0);\n        z-index: 2;\n      }\n\n      8% {\n        opacity: .92;\n        transform: translate3d(calc(70% - 50%), calc(61% - 50%), 0);\n        z-index: 5;\n      }\n\n      13%,\n      16% {\n        opacity: 1;\n        transform: translate3d(calc(var(--orbit-center-x) - 50%), calc(var(--orbit-center-y) - 50%), 0);\n        z-index: 10;\n      }\n\n      22% {\n        opacity: .88;\n        transform: translate3d(calc(32% - 50%), calc(62% - 50%), 0);\n        z-index: 5;\n      }\n\n      27% {\n        opacity: 0;\n        transform: translate3d(calc(var(--orbit-left-x) - 50%), calc(var(--orbit-left-y) - 50%), 0);\n        z-index: 2;\n      }\n\n      100% {\n        opacity: 0;\n        transform: translate3d(calc(var(--orbit-left-x) - 50%), calc(var(--orbit-left-y) - 50%), 0);\n        z-index: 1;\n      }\n    }\n\n    @keyframes fritaProductArcPose {\n      0%,\n      1% {\n        transform: translate(-50%, -50%) rotate(15deg) scale(.62);\n      }\n\n      8% {\n        transform: translate(-50%, -50%) rotate(7deg) scale(.82);\n      }\n\n      13%,\n      16% {\n        transform: translate(-50%, -50%) rotate(0deg) scale(1);\n      }\n\n      22% {\n        transform: translate(-50%, -50%) rotate(-8deg) scale(.82);\n      }\n\n      27%,\n      100% {\n        transform: translate(-50%, -50%) rotate(-15deg) scale(.62);\n      }\n    }\n\n    .frita-product-orbit__spark {\n      position: absolute;\n      z-index: 2;\n      width: clamp(54px, 8cqw, 108px);\n      aspect-ratio: 1;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(255,255,255,.72), rgba(255,255,255,0) 64%);\n      animation: fritaSpark 4.8s ease-in-out infinite;\n      pointer-events: none;\n    }\n\n    .frita-product-orbit__spark--a { right: 40%; top: 14%; animation-delay: -1s; }\n    .frita-product-orbit__spark--b { right: 6%; top: 25%; animation-delay: -2.4s; }\n    .frita-product-orbit__spark--c { right: 17%; bottom: 14%; animation-delay: -3.2s; }\n\n    @keyframes fritaSpark {\n      0%, 100% {\n        transform: translate3d(0, 0, 0) scale(.88);\n        opacity: .34;\n      }\n\n      50% {\n        transform: translate3d(0, -12%, 0) scale(1.05);\n        opacity: .74;\n      }\n    }\n\n    @container (max-width: 880px) {\n      .frita-product-orbit {\n        --orbit-item-w: clamp(155px, 38cqw, 250px);\n        --orbit-item-h: clamp(225px, 56cqw, 360px);\n        --orbit-center-x: 50%;\n        --orbit-center-y: 46%;\n        --orbit-right-x: 90%;\n        --orbit-right-y: 78%;\n        --orbit-left-x: 10%;\n        --orbit-left-y: 79%;\n\n        min-height: clamp(610px, 116vw, 780px);\n        grid-template-columns: 1fr;\n        grid-template-rows: auto auto;\n        justify-items: center;\n        align-items: center;\n        gap: clamp(12px, 3cqw, 24px);\n        padding: clamp(22px, 5cqw, 42px) clamp(14px, 4cqw, 28px);\n        text-align: center;\n      }\n\n      .frita-product-orbit::before {\n        left: -18%;\n        right: -18%;\n        bottom: -43%;\n        width: auto;\n        height: 74%;\n        transform: rotate(-2deg);\n      }\n\n      .frita-product-orbit__copy {\n        max-width: 36rem;\n        margin-inline: auto;\n        text-align: center;\n      }\n\n      .frita-product-orbit__subtitle {\n        margin-inline: auto;\n        max-width: 30ch;\n      }\n\n      .frita-product-orbit__stage {\n        min-height: clamp(395px, 76cqw, 520px);\n        width: min(100%, 620px);\n        justify-self: center;\n        margin-inline: auto;\n      }\n\n      .frita-product-orbit__stage::before {\n        left: 50%;\n      }\n\n      .frita-product-orbit__stage::after {\n        left: 50%;\n      }\n\n      .frita-product-orbit__spark--c {\n        display: none;\n      }\n    }\n\n    @container (max-width: 520px) {\n      .frita-product-orbit {\n        --orbit-item-w: clamp(138px, 50cqw, 205px);\n        --orbit-item-h: clamp(202px, 74cqw, 305px);\n        --orbit-center-y: 49%;\n        --orbit-right-x: 94%;\n        --orbit-right-y: 80%;\n        --orbit-left-x: 6%;\n        --orbit-left-y: 81%;\n\n        min-height: clamp(560px, 156vw, 690px);\n        border-radius: 24px;\n      }\n\n      .frita-product-orbit__title {\n        font-size: clamp(2.15rem, 13cqw, 3.55rem);\n      }\n\n      .frita-product-orbit__subtitle {\n        font-size: .95rem;\n      }\n\n      .frita-product-orbit__stage {\n        min-height: clamp(360px, 96cqw, 470px);\n        width: min(100%, 440px);\n        justify-self: center;\n        margin-inline: auto;\n      }\n\n      .frita-product-orbit__spark--a {\n        left: 5%;\n        right: auto;\n        top: 23%;\n      }\n\n      .frita-product-orbit__spark--b {\n        right: 3%;\n        top: 31%;\n      }\n    }\n\n    @supports not (container-type: inline-size) {\n      .frita-product-orbit {\n        --orbit-item-w: clamp(190px, 24vw, 335px);\n        --orbit-item-h: clamp(270px, 36vw, 485px);\n      }\n\n      @media (max-width: 880px) {\n        .frita-product-orbit {\n          --orbit-item-w: clamp(155px, 38vw, 250px);\n          --orbit-item-h: clamp(225px, 56vw, 360px);\n          --orbit-center-x: 50%;\n          --orbit-center-y: 46%;\n          --orbit-right-x: 90%;\n          --orbit-right-y: 78%;\n          --orbit-left-x: 10%;\n          --orbit-left-y: 79%;\n          min-height: clamp(610px, 116vw, 780px);\n          grid-template-columns: 1fr;\n          grid-template-rows: auto auto;\n          justify-items: center;\n          align-items: center;\n        }\n\n        .frita-product-orbit__copy {\n          text-align: center;\n          margin-inline: auto;\n        }\n\n        .frita-product-orbit__stage {\n          width: min(100%, 620px);\n          justify-self: center;\n          margin-inline: auto;\n        }\n      }\n\n      @media (max-width: 520px) {\n        .frita-product-orbit {\n          --orbit-item-w: clamp(138px, 50vw, 205px);\n          --orbit-item-h: clamp(202px, 74vw, 305px);\n          --orbit-center-y: 49%;\n          --orbit-right-x: 94%;\n          --orbit-right-y: 80%;\n          --orbit-left-x: 6%;\n          --orbit-left-y: 81%;\n          min-height: clamp(560px, 156vw, 690px);\n        }\n      }\n    }\n\n    \/*@media (prefers-reduced-motion: reduce) {\n      .frita-product-orbit__item,\n      .frita-product-orbit__visual,\n      .frita-product-orbit__spark {\n        animation: none !important;\n      }\n\n      .frita-product-orbit__item {\n        opacity: 0;\n      }\n\n      .frita-product-orbit__item:nth-child(4) {\n        opacity: 1;\n        transform: translate3d(calc(var(--orbit-center-x) - 50%), calc(var(--orbit-center-y) - 50%), 0);\n      }\n\n      .frita-product-orbit__item:nth-child(4) .frita-product-orbit__visual {\n        transform: translate(-50%, -50%) rotate(0deg) scale(1);\n      }\n    }*\/\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n      const section = document.currentScript.closest('.frita-product-orbit');\n      if (!section) return;\n\n      section.querySelectorAll('img').forEach((img) => {\n        img.draggable = false;\n        img.decoding = 'async';\n        img.loading = 'eager';\n\n        img.addEventListener('error', () => {\n          const item = img.closest('.frita-product-orbit__item');\n          if (item) item.style.display = 'none';\n        }, { once: true });\n      });\n    })();\n<\/script>\n\n<section class=\"frita-product-orbit\" aria-label=\"Frita product flavour showcase\">\n  \n\n  <div class=\"frita-product-orbit__copy\">\n    <p class=\"frita-product-orbit__eyebrow\">Smaki Frita<\/p>\n    <h2 class=\"frita-product-orbit__title\">Wybierz sw\u00f3j chrupi\u0105cy smak<\/h2>\n    <p class=\"frita-product-orbit__subtitle\">Pi\u0119\u0107 wyj\u0105tkowych smak\u00f3w z naturalnych ziemniak\u00f3w Frita, z lekk\u0105 chrupko\u015bci\u0105 i niezapomnianym smakiem.<\/p>\n  <\/div>\n\n  <div class=\"frita-product-orbit__stage\" aria-hidden=\"true\">\n    <span class=\"frita-product-orbit__spark frita-product-orbit__spark--a\"><\/span>\n    <span class=\"frita-product-orbit__spark frita-product-orbit__spark--b\"><\/span>\n    <span class=\"frita-product-orbit__spark frita-product-orbit__spark--c\"><\/span>\n\n    <figure class=\"frita-product-orbit__item\">\n      <span class=\"frita-product-orbit__visual\">\n        <img src=\"\/wp-content\/uploads\/2026\/06\/tomato-Ketchup-s-7.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\n      <\/span>\n    <\/figure>\n\n    <figure class=\"frita-product-orbit__item\">\n      <span class=\"frita-product-orbit__visual\">\n        <img src=\"\/wp-content\/uploads\/2026\/06\/Special-Potato-Seasoning-s-7.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\n      <\/span>\n    <\/figure>\n\n    <figure class=\"frita-product-orbit__item\">\n      <span class=\"frita-product-orbit__visual\">\n        <img src=\"\/wp-content\/uploads\/2026\/06\/sea-salt-s-7.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\n      <\/span>\n    <\/figure>\n\n    <figure class=\"frita-product-orbit__item\">\n      <span class=\"frita-product-orbit__visual\">\n        <img src=\"\/wp-content\/uploads\/2026\/06\/Nacho-Cheese-s-7.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\n      <\/span>\n    <\/figure>\n\n    <figure class=\"frita-product-orbit__item\">\n      <span class=\"frita-product-orbit__visual\">\n        <img src=\"\/wp-content\/uploads\/2026\/06\/Jalapeno-s-7.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\n      <\/span>\n    <\/figure>\n  <\/div>\n\n<\/section>\n<\/div>\n\n\n\n<div class=\"gb-element-6f5bd5f2\">\n<style data-wp-block-html=\"css\">\n.fr-flavors-section {\n  --fr-yellow: #f3d51f;\n  --fr-title: #435aa8;\n  --fr-bg: #f6f6f6;\n  --fr-card-bg: #ffffff;\n  --fr-gap: 24px;\n\n  width: 100%;\n  padding: 40px 16px;\n  background: var(--fr-bg);\n  overflow: hidden;\n}\n\n.fr-flavors-container {\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n.fr-flavors-grid {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: var(--fr-gap);\n}\n\n.fr-flavor-card {\n  min-width: 0;\n}\n\n.fr-flavor-link {\n  display: block;\n  color: inherit;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.fr-flavor-link:hover,\n.fr-flavor-link:focus {\n  color: inherit;\n  text-decoration: none;\n}\n\n.fr-flavor-link:focus-visible {\n  outline: 2px solid var(--fr-title);\n  outline-offset: 4px;\n}\n\n.fr-flavor-image-box {\n  position: relative;\n  min-height: 290px;\n  background: #f8f8f8;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.fr-flavor-image-box::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 66%;\n  background: var(--fr-yellow);\n  z-index: 0;\n}\n\n.fr-flavor-dots {\n  position: absolute;\n  width: 52%;\n  height: 42%;\n  top: 4%;\n  left: 12%;\n  background-image: radial-gradient(rgba(67, 90, 168, 0.32) 1px, transparent 1px);\n  background-size: 6px 6px;\n  transform: rotate(-14deg);\n  z-index: 1;\n}\n\n.fr-flavor-img {\n  position: relative;\n  z-index: 3;\n  display: block;\n  width: 76%;\n  max-width: 240px;\n  margin: 18px auto 0;\n  object-fit: contain;\n  transform: rotate(-6deg);\n  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.18));\n  transition: transform 0.25s ease;\n}\n\n.fr-flavor-title {\n  min-height: 92px;\n  margin: 0;\n  padding: 18px 14px 16px;\n  background: var(--fr-card-bg);\n  color: var(--fr-title);\n  text-align: center;\n  font-size: 19px;\n  font-weight: 500;\n  line-height: 1.35;\n  letter-spacing: 1px;\n  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);\n  transition: transform 0.25s ease;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.fr-flavor-card:hover .fr-flavor-img {\n  transform: rotate(-6deg) translateY(-6px);\n}\n\n.fr-flavor-card:hover .fr-flavor-title {\n  transform: translateY(-3px);\n}\n\n@media (max-width: 1360px) {\n  .fr-flavors-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 900px) {\n  .fr-flavors-section {\n    padding: 32px 14px;\n  }\n\n  .fr-flavors-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .fr-flavor-image-box {\n    min-height: 260px;\n  }\n\n  .fr-flavor-title {\n    min-height: 82px;\n    font-size: 17px;\n    letter-spacing: 0.7px;\n  }\n}\n\n@media (max-width: 560px) {\n  .fr-flavors-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .fr-flavor-image-box {\n    min-height: 245px;\n  }\n\n  .fr-flavor-img {\n    width: 72%;\n    max-width: 215px;\n  }\n\n  .fr-flavor-title {\n    min-height: 76px;\n    padding: 16px 12px;\n    font-size: 16px;\n    letter-spacing: 0.5px;\n  }\n}\n<\/style>\n\n<section class=\"fr-flavors-section\">\n  <div class=\"fr-flavors-container\">\n    <div class=\"fr-flavors-grid\" id=\"frFlavorsGrid\"><\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const flavors = [\n      {\n        title: \"Smak<br>S\u00f3l morska\",\n        image: \"\/wp-content\/uploads\/2026\/06\/sea-salt-s-7.webp\",\n        alt: \"Smak S\u00f3l morska\",\n        url: \"\/pl\/snack\/frita-chips-fries-sea-salt\/\"\n      },\n      {\n        title: \"Smak<br>Ketchup pomidorowy\",\n        image: \"\/wp-content\/uploads\/2026\/06\/tomato-Ketchup-s-7.webp\",\n        alt: \"Smak Ketchup pomidorowy\",\n        url: \"\/pl\/snack\/frita-chips-fries-tomato-ketchup-flavour\/\"\n      },\n      {\n        title: \"Smak<br>Ser nacho\",\n        image: \"\/wp-content\/uploads\/2026\/06\/Nacho-Cheese-s-7.webp\",\n        alt: \"Smak Ser nacho\",\n        url: \"\/pl\/snack\/frita-chips-fries-nacho-cheese-flavour\/\"\n      },\n      {\n        title: \"Smak<br>Jalape\u00f1o chili\",\n        image: \"\/wp-content\/uploads\/2026\/06\/Jalapeno-s-7.webp\",\n        alt: \"Smak Jalape\u00f1o chili\",\n        url: \"\/pl\/snack\/frita-chips-fries-jalapeno-chili-flavour\/\"\n      },\n      {\n        title: \"Smak<br>Specjalna mieszanka przypraw\",\n        image: \"\/wp-content\/uploads\/2026\/06\/Special-Potato-Seasoning-s-7.webp\",\n        alt: \"Smak Specjalna mieszanka przypraw\",\n        url: \"\/pl\/snack\/frita-chips-fries-special-seasoning\/\"\n      }\n    ];\n\n    const grid = document.getElementById(\"frFlavorsGrid\");\n\n    if (!grid) return;\n\n    grid.innerHTML = flavors.map(function (item) {\n      return `\n        <article class=\"fr-flavor-card\">\n          <a class=\"fr-flavor-link\" href=\"${item.url}\" aria-label=\"${item.alt}\">\n            <div class=\"fr-flavor-image-box\">\n              <span class=\"fr-flavor-dots\"><\/span>\n              <img decoding=\"async\" class=\"fr-flavor-img\" src=\"${item.image}\" alt=\"${item.alt}\" loading=\"lazy\">\n            <\/div>\n\n            <h3 class=\"fr-flavor-title\">\n              ${item.title}\n            <\/h3>\n          <\/a>\n        <\/article>\n      `;\n    }).join(\"\");\n  });\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Frita Chips Fries o smaku Ketchup pomidorowy Ulubiony smak dzieci\u0144stwa w nowej ods\u0142onie! Chrupi\u0105ce ziemniaczane paluszki o bogatym, naturalnym smaku ketchupu zapewniaj\u0105 idealn\u0105 r\u00f3wnowag\u0119 s\u0142odyczy i kwaskowato\u015bci. Dodatkowy sos nie jest potrzebny. Zobacz Ketchup pomidorowy \u2192 Frita Chips Fries o smaku Ser nacho Chrupi\u0105ce ziemniaczane paluszki otulone bogatym, kremowym smakiem sera nacho. Idealne po\u0142\u0105czenie chrupko\u015bci &#8230; <a title=\"Frita\" class=\"read-more\" href=\"https:\/\/frita.muzamna.com\/pl\/\" aria-label=\"Dowiedz si\u0119 wi\u0119cej o Frita\">Czytaj dalej<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1317","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/pages\/1317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/comments?post=1317"}],"version-history":[{"count":17,"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/pages\/1317\/revisions"}],"predecessor-version":[{"id":2450,"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/pages\/1317\/revisions\/2450"}],"wp:attachment":[{"href":"https:\/\/frita.muzamna.com\/pl\/wp-json\/wp\/v2\/media?parent=1317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}