{"id":3370,"date":"2026-05-12T11:50:34","date_gmt":"2026-05-12T08:50:34","guid":{"rendered":"https:\/\/fritafoods.com\/new-demo\/"},"modified":"2026-10-20T00:44:23","modified_gmt":"2026-10-19T21:44:23","slug":"new-demo","status":"publish","type":"page","link":"https:\/\/fritafoods.com\/mt\/","title":{"rendered":"Frita"},"content":{"rendered":"\n<div>\n<style>\r\n\r\n\/* Responsive Styles \r\n@media (max-width:720px) {\r\n  .banner-rpf-stage {\r\n    clip-path: polygon(0 0, 100% 0, 100% 92%, 50% 100%, 0 92%);\r\n  }\r\n}*\/\r\n\r\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\">\r\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 *\/\r\n.ff-showcase {\r\n    background: #FAF7EC;\r\n    padding: 150px 0 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', sans-serif;\r\n    margin-top: -150px;\r\n}\r\n.ff-showcase *, .ff-showcase *::before, .ff-showcase *::after { box-sizing: border-box; }\r\n\r\n\/* Background sparkle deco \r\n.ff-showcase::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 12%; left: -120px;\r\n  width: 320px; height: 320px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,225,105,.5) 0%, transparent 70%);\r\n  filter: blur(60px);\r\n  pointer-events: none;\r\n}\r\n.ff-showcase::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 8%; right: -120px;\r\n  width: 360px; height: 360px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(208,74,74,.25) 0%, transparent 70%);\r\n  filter: blur(60px);\r\n  pointer-events: none;\r\n}*\/\r\n\r\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 *\/\r\n.ff-doodle {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  opacity: .12;\r\n  filter: drop-shadow(0 6px 16px rgba(26,27,58,.18));\r\n  z-index: 1;\r\n  animation: ff-doodle-drift 14s ease-in-out infinite;\r\n}\r\n.ff-doodle--tl    { top:  60px;  left:  -50px; width: 200px; transform: rotate(-22deg); }\r\n.ff-doodle--tr    { top: 180px;  right: -20px; width: 170px; transform: rotate(35deg);  animation-delay: -3s; }\r\n.ff-doodle--mid-l { top:  45%;   left:  -30px; width: 140px; opacity: .19; transform: rotate(15deg); animation-delay: -6s; }\r\n.ff-doodle--mid-r { top:  55%;   right:  20px; width: 110px; opacity: .18; transform: rotate(-40deg); animation-delay: -9s; }\r\n.ff-doodle--bl    { bottom: 180px; left:  30px; width: 130px; opacity: .20; transform: rotate(120deg); animation-delay: -2s; }\r\n.ff-doodle--br    { bottom:  40px; right: -50px; width: 220px; transform: rotate(140deg); animation-delay: -5s; }\r\n.ff-doodle--center{ top:  30%;   left:  48%; width:  80px; opacity: .16; transform: translate(-50%,-50%) rotate(20deg); animation-delay: -7s; }\r\n\r\n@keyframes ff-doodle-drift {\r\n  0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); }\r\n  50%      { transform: translateY(-14px) rotate(calc(var(--r, 0deg) + 4deg)); }\r\n}\r\n\r\n\/* preserve each doodle's base rotation through the animation *\/\r\n.ff-doodle--tl    { --r: -22deg; }\r\n.ff-doodle--tr    { --r:  35deg; }\r\n.ff-doodle--mid-l { --r:  15deg; }\r\n.ff-doodle--mid-r { --r: -40deg; }\r\n.ff-doodle--bl    { --r: 120deg; }\r\n.ff-doodle--br    { --r: 140deg; }\r\n.ff-doodle--center{ --r:  20deg; }\r\n\r\n.ff-showcase-wrap {\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n      padding-right: 20px;\r\n    padding-left: 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\r\n.ff-head {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n.ff-head .eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--blue-900);\r\n  color: #FFE169;\r\n  padding: 8px 18px;\r\n  border-radius: 999px;\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 11px;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  font-weight: 600;\r\n  transform: rotate(-1.5deg);\r\n  margin-bottom: 16px;\r\n}\r\n.ff-head h2 {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(36px, 5vw, 64px);\r\n  line-height: .96;\r\n  letter-spacing: -.035em;\r\n  color: #1A1B3A;\r\n  margin: 0 0 14px;\r\n}\r\n.ff-head h2 em {\r\n  font-family: Georgia, serif;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: #D04A4A;\r\n  display: inline-block;\r\n  transform: rotate(-2deg);\r\n}\r\n.ff-head p {\r\n  max-width: 56ch;\r\n  margin: 0 auto;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  color: #3a3c60;\r\n}\r\n\r\n\/* \u2500\u2500 Item \u2500\u2500 *\/\r\n.ff-item {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  padding: 70px 0;\r\n  position: relative;\r\n}\r\n\r\n.ff-item.flip.in-view{\r\n  grid-template-columns:  1fr 1.3fr;\r\n}\r\n\r\n\r\n.ff-item + .ff-item {\r\n  border-top: 1.5px dashed rgba(26,27,58,.03);\r\n}\r\n\r\n\/* Alternating direction without breaking DOM order *\/\r\n.ff-item.flip .ff-text  { order: 2; }\r\n.ff-item.flip .ff-image { order: 1; }\r\n\r\n\/* \u2500\u2500 Text column \u2500\u2500 *\/\r\n.ff-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 22px;\r\n  position: relative;\r\n}\r\n\r\n.ff-num {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 14px;\r\n  letter-spacing: .2em;\r\n  color: var(--blue-800);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.ff-num::before {\r\n  content: \"\";\r\n  width: 32px;\r\n  height: 2.5px;\r\n  background: var(--ff-accent, #D04A4A);\r\n  border-radius: 2px;\r\n}\r\n\r\n.ff-title {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(28px, 3.4vw, 48px);\r\n  line-height: 1.02;\r\n  letter-spacing: -.03em;\r\n  color: var(--blue-600);\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ff-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  color: #3a3c60;\r\n  max-width: 50ch;\r\n  margin: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n.ff-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    color: var(--blue-600);\r\n    padding: 14px 24px;\r\n    background: transparent;\r\n    border: 2px solid var(--blue-600);\r\n    border-radius: 999px;\r\n    box-shadow: 3px 3px 0 var(--blue-600);\r\n    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n    margin-top: 6px;\r\n}\r\n.ff-link:hover {\r\n    transform: translate(-2px, -2px);\r\n    box-shadow: 2px 2px 0 var(--ff-accent, #D04A4A);\r\n    background: var(--blue-600);\r\n    color: #FFE169;\r\n}\r\n.ff-link .arrow {\r\n  display: inline-block;\r\n  transition: transform .25s ease;\r\n}\r\n.ff-link:hover .arrow { transform: translateX(4px); }\r\n\r\n\/* \u2500\u2500 Image column (splash + product) \u2500\u2500 *\/\r\n.ff-image {\r\n  position: relative;\r\n  aspect-ratio: 1 \/ 1;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n.ff-image .splash {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  z-index: 1;\r\n  opacity: .95;\r\n  pointer-events: none;\r\n}\r\n.ff-item.flip .ff-image .splash {\r\n  animation-direction: reverse;\r\n}\r\n@keyframes ff-spin {\r\n  from { transform: rotate(0deg); }\r\n  to   { transform: rotate(360deg); }\r\n}\r\n\r\n.ff-image .product {\r\n  position: relative;\r\n  width: 62%;\r\n  height: auto;\r\n  z-index: 2;\r\n  filter: drop-shadow(0 28px 36px rgba(26,27,58,.28));\r\n  animation: ff-float 5.5s ease-in-out infinite;\r\n  transition: transform .4s cubic-bezier(.16,1,.3,1);\r\ncursor: auto;\r\npointer-events: none;\r\n}\r\n.ff-image .product:hover {\r\n  transform: scale(1.9) rotate(4deg);\r\n}\r\n@keyframes ff-float {\r\n  0%, 100% { transform: translateY(0) rotate(-2deg); }\r\n  50%      { transform: translateY(-18px) rotate(2deg); }\r\n}\r\n\r\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n.ff-item .ff-text,\r\n.ff-item .ff-image {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1);\r\n}\r\n.ff-item.in-view .ff-text  { opacity: 1; transform: translateY(0); transition-delay: .1s; }\r\n.ff-item.in-view .ff-image { opacity: 1; transform: translateY(0); transition-delay: .2s; }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .ff-showcase { padding: 70px 0 50px; }\r\n  .ff-item {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 32px;\r\n    padding: 50px 0;\r\n  }\r\n  .ff-item.flip .ff-text  { order: 2; }\r\n  .ff-item.flip .ff-image { order: 1; }\r\n  .ff-item:not(.flip) .ff-image { order: 1; }\r\n  .ff-item:not(.flip) .ff-text  { order: 2; }\r\n  .ff-image { max-width: 330px; margin: 0 auto; width: 100%; }\r\n  .ff-text { align-items: center; text-align: center; }\r\n  .ff-desc { text-align: center; }\r\n  \/* Hide some doodles on mobile to reduce clutter *\/\r\n  .ff-doodle--mid-l, .ff-doodle--mid-r, .ff-doodle--center { display: none; }\r\n  .ff-doodle--tl, .ff-doodle--tr, .ff-doodle--bl, .ff-doodle--br { width: 120px; opacity: .08; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ff-showcase\" id=\"ff-showcase\">\r\n\r\n  <!-- Background fry doodles -->\r\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\">\r\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\">\r\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\">\r\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\">\r\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\">\r\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\">\r\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\">\r\n\r\n  <div class=\"ff-showcase-wrap\">\r\n\r\n    <!-- 01 \u2014 Tomato Ketchup -->\r\n    <div class=\"ff-item\" style=\"--ff-accent:#D04A4A\">\r\n      <div class=\"ff-text\">\r\n        <h2 class=\"ff-title\">Frita Chips Fries b&#8217;Tog\u0127ma ta&#8217; Ketchup tat-Tadam<\/h2>\r\n        <p class=\"ff-desc\">Il-favorit tat-tfulija b&#8217;xejra \u0121dida! Stikek tal-patata iqarm\u010bu mimlijin b&#8217;tog\u0127ma rikka u naturali ta&#8217; ketchup \u2014 bilan\u010b perfett bejn il-\u0127lewwa u l-qarsa. M&#8217;hemmx b\u017conn ta&#8217; zalza \u017cejda.<\/p>\r\n        <a class=\"ff-link\" href=\"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-tomato-ketchup-flavour\/\">\r\n          <span>Ara Ketchup tat-Tadam<\/span>\r\n          <span class=\"arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"ff-image\">\r\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/05\/snack-bg.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <img class=\"product\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/tomato-Ketchup-s-1.webp\" alt=\"Frita Chips Fries b'Tog\u0127ma ta' Ketchup tat-Tadam\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 \u2014 Nacho Cheese -->\r\n    <div class=\"ff-item flip\" style=\"--ff-accent:#E89A3A\">\r\n      <div class=\"ff-text\">\r\n        <h2 class=\"ff-title\">Frita Chips Fries b&#8217;Tog\u0127ma ta&#8217; \u0120obon Nacho<\/h2>\r\n        <p class=\"ff-desc\">Kisja rikka u kremu\u017ca ta&#8217; \u0121obon nacho madwar stikek tal-patata iqarm\u010bu. It-ta\u0127lita perfetta bejn il-qarme\u010b u t-tog\u0127ma tal-\u0121obon \u2014 ming\u0127ajr glutina, ftit \u017cejt, \u0127afna tog\u0127ma.<\/p>\r\n        <a class=\"ff-link\" href=\"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-nacho-cheese-flavour\/\">\r\n          <span>Ara \u0120obon Nacho<\/span>\r\n          <span class=\"arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"ff-image\">\r\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/05\/snack-bg.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <img class=\"product\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Nacho-Cheese-s-1.webp\" alt=\"Frita Chips Fries b'Tog\u0127ma ta' \u0120obon Nacho\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 03 \u2014 Sea Salt -->\r\n    <div class=\"ff-item\" style=\"--ff-accent:#FFE169\">\r\n      <div class=\"ff-text\">\r\n        <h2 class=\"ff-title\">Frita Chips Fries Mel\u0127 tal-Ba\u0127ar<\/h2>\r\n        <p class=\"ff-desc\">Klassiku u nadif \u2014 stikek tal-patata ta&#8217; kwalit\u00e0 g\u0127olja m\u0127awra b&#8217;mel\u0127 tal-ba\u0127ar pur, g\u0127al snack li qatt ma jg\u0127addi mill-moda. Sempli\u010bi, iqarme\u010b, f&#8217;bilan\u010b perfett.<\/p>\r\n        <a class=\"ff-link\" href=\"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-sea-salt\/\">\r\n          <span>Ara Mel\u0127 tal-Ba\u0127ar<\/span>\r\n          <span class=\"arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"ff-image\">\r\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/05\/snack-bg.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <img class=\"product\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/sea-salt-s-1.webp\" alt=\"Frita Chips Fries Mel\u0127 tal-Ba\u0127ar\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 04 \u2014 Jalape\u00f1o Chili -->\r\n    <div class=\"ff-item flip\" style=\"--ff-accent:#8E5FBF\">\r\n      <div class=\"ff-text\">\r\n        <h2 class=\"ff-title\">Frita Chips Fries b&#8217;Tog\u0127ma ta&#8217; Jalape\u00f1o Chili<\/h2>\r\n        <p class=\"ff-desc\">Lest g\u0127as-s\u0127ana? Stikek tal-patata iqarm\u010bu miksija b&#8217;\u0127wawar \u0127raq ta&#8217; jalape\u00f1o chili g\u0127al snack b&#8217;daqqa qawwija \u2014 mag\u0127mul g\u0127al min i\u0127obb it-tog\u0127miet qawwija.<\/p>\r\n        <a class=\"ff-link\" href=\"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-jalapeno-chili-flavour\/\">\r\n          <span>Ara Jalape\u00f1o Chili<\/span>\r\n          <span class=\"arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"ff-image\">\r\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/05\/snack-bg.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <img class=\"product\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Jalapeno-s-1-1.webp\" alt=\"Frita Chips Fries b'Tog\u0127ma ta' Jalape\u00f1o Chili\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 05 \u2014 Special Seasoning -->\r\n    <div class=\"ff-item\" style=\"--ff-accent:#2E3075\">\r\n      <div class=\"ff-text\">\r\n        <h2 class=\"ff-title\">Frita Chips Fries \u0126wawar Spe\u010bjali<\/h2>\r\n        <p class=\"ff-desc\">It-ta\u0127lita misterju\u017ca tal-chef tag\u0127na \u2014 \u0127wawar miel\u0127a \u017cviluppati g\u0127al min i\u0127obb is-snacks u jrid xi \u0127a\u0121a differenti. Sorprendenti, tidrah malajr, u impossibbli titlaqha minn idejk.<\/p>\r\n        <a class=\"ff-link\" href=\"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-special-seasoning\/\">\r\n          <span>Ara \u0126wawar Spe\u010bjali<\/span>\r\n          <span class=\"arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"ff-image\">\r\n        <img class=\"splash\" src=\"\/wp-content\/uploads\/2026\/05\/snack-bg.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n        <img class=\"product\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Special-Potato-Seasoning-s-1.webp\" alt=\"Frita Chips Fries \u0126wawar Spe\u010bjali\" loading=\"lazy\" decoding=\"async\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function () {\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach((e) => {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('in-view');\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n  document.querySelectorAll('#ff-showcase .ff-item').forEach((el) => io.observe(el));\r\n})();\r\n<\/script>\n<\/div>\n\n\n\n<div>\n<style>\r\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 *\/\r\n.fr-intro {\r\n  --fr-ink:    #1A1B3A;\r\n  --fr-yellow: #FFE169;\r\n  --fr-deep:   #FFC73A;\r\n  --fr-red:    #D04A4A;\r\n  --fr-cream:  #FAF7EC;\r\n  --fr-paper:  #fff;\r\n\r\n  position: relative;\r\n  background: var(--fr-cream);\r\n  color: var(--blue-600);\r\n  font-family: 'Inter', system-ui, sans-serif;\r\n  padding: 100px 24px 100px;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n.fr-intro * { box-sizing: border-box; }\r\n\/*\r\n.fr-intro::before {\r\n  content: \"\"; position: absolute;\r\n  top: 10%; left: -120px;\r\n  width: 360px; height: 360px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,225,105,.55) 0%, transparent 70%);\r\n  filter: blur(60px);\r\n  pointer-events: none; z-index: 1;\r\n}\r\n.fr-intro::after {\r\n  content: \"\"; position: absolute;\r\n  bottom: 8%; right: -100px;\r\n  width: 320px; height: 320px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(208,74,74,.30) 0%, transparent 70%);\r\n  filter: blur(60px);\r\n  pointer-events: none; z-index: 1;\r\n}\r\n*\/\r\n.fr-intro__doodle {\r\n  position: absolute; pointer-events: none;\r\n  opacity: .14;\r\n  filter: drop-shadow(0 6px 16px rgba(26,27,58,.18));\r\n  z-index: 1;\r\n}\r\n.fr-intro__doodle--tl  { top: 30px;    left: -50px;  width: 200px; transform: rotate(-22deg); }\r\n.fr-intro__doodle--br  { bottom: 20px; right: -60px; width: 220px; transform: rotate(140deg); }\r\n.fr-intro__doodle--mid { top: 50%; left: 48%; width: 90px; opacity: .08; transform: translate(-50%,-50%) rotate(35deg); }\r\n\r\n.fr-intro__inner {\r\n  position: relative; z-index: 3;\r\n  max-width: var(--gb-container-width, 1440px);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n\r\n\/* ===== LEFT \u2014 copy only ===== *\/\r\n.fr-intro__content { position: relative; }\r\n\r\n.fr-intro__badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: var(--blue-600); color: var(--fr-yellow);\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-weight: 700; font-size: 11px;\r\n  letter-spacing: .18em; text-transform: uppercase;\r\n  padding: 8px 18px;\r\n  border-radius: 999px;\r\n  border: 2px solid var(--blue-600);\r\n  transform: rotate(-2deg);\r\n  box-shadow: 3px 3px 0 var(--fr-yellow);\r\n  margin-bottom: 26px;\r\n  animation: fr-badge-bob 5s ease-in-out infinite;\r\n}\r\n.fr-intro__badge::before { content: '\u2605'; font-size: 13px; line-height: 1; }\r\n@keyframes fr-badge-bob {\r\n  0%,100% { transform: rotate(-2deg) translateY(0); }\r\n  50%     { transform: rotate(0deg)  translateY(-4px); }\r\n}\r\n\r\n.fr-intro__heading {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-size: clamp(38px, 4.6vw, 64px);\r\n  font-weight: 900;\r\n  line-height: .96;\r\n  letter-spacing: -.04em;\r\n  margin: 0 0 26px;\r\n  color: var(--blue-600);\r\n}\r\n.fr-intro__heading-mark {\r\n  position: relative;\r\n  display: inline-block;\r\n  font-family: Georgia, serif;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--fr-red);\r\n  transform: rotate(-2deg);\r\n}\r\n.fr-intro__heading-mark svg {\r\n  position: absolute;\r\n  left: -6px; right: -6px; bottom: -10px;\r\n  width: calc(100% + 12px);\r\n  height: 14px;\r\n  pointer-events: none;\r\n}\r\n\r\n.fr-intro__copy {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: #3a3c60;\r\n  margin: 0 0 16px;\r\n  max-width: 540px;\r\n  font-weight: 500;\r\n}\r\n.fr-intro__copy b {\r\n  color: var(--blue-600);\r\n  font-weight: 700;\r\n  background: linear-gradient(transparent 60%, var(--fr-yellow) 60%);\r\n  padding: 0 3px;\r\n}\r\n\r\n\/* ===== Tags (now lives inside .fr-intro__certs) ===== *\/\r\n.fr-intro__tags {\r\n  display: flex; flex-wrap: wrap; gap: 10px;\r\n  margin: 24px 0 20px;\r\n}\r\n.fr-intro__tag {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: var(--fr-paper);\r\n  border: 2px solid var(--blue-600);\r\n  color: var(--blue-600);\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: .14em; text-transform: uppercase;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  box-shadow: 3px 3px 0 var(--blue-600);\r\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\r\n  cursor: default;\r\n}\r\n.fr-intro__tag:nth-child(1) { background: #E1F1E6; }\r\n.fr-intro__tag:nth-child(2) { background: #FFE6E6; }\r\n.fr-intro__tag:nth-child(3) { background: #FBEFD9; }\r\n.fr-intro__tag:nth-child(4) { background: #ECE8F7; }\r\n.fr-intro__tag:hover {\r\n  transform: translate(-2px, -2px) rotate(-1deg);\r\n  box-shadow: 5px 5px 0 var(--blue-600);\r\n}\r\n.fr-intro__tag svg { width: 12px; height: 12px; }\r\n\r\n\/* CTAs (now lives inside .fr-intro__certs) *\/\r\n.fr-intro__cta { display: flex; gap: 14px; flex-wrap: wrap; }\r\n.fr-btn {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-weight: 700; font-size: 13px;\r\n  letter-spacing: -.005em; text-transform: uppercase;\r\n  text-decoration: none;\r\n  padding: 16px 28px;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  border: 2px solid var(--blue-600);\r\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  white-space: nowrap;\r\n}\r\n.fr-btn--yellow {\r\n  background: var(--fr-yellow); color: var(--blue-600);\r\n  box-shadow: 4px 4px 0 var(--blue-600);\r\n}\r\n.fr-btn--yellow:hover {\r\n  transform: translate(-3px, -3px);\r\n  box-shadow: 7px 7px 0 var(--blue-600);\r\n}\r\n.fr-btn--ghost {\r\n  background: var(--fr-paper); color: var(--blue-600);\r\n  box-shadow: 4px 4px 0 var(--blue-600);\r\n}\r\n.fr-btn--ghost:hover {\r\n  background: var(--blue-600); color: var(--fr-yellow);\r\n  transform: translate(-3px, -3px);\r\n  box-shadow: 7px 7px 0 var(--fr-yellow);\r\n}\r\n.fr-btn svg { width: 14px; height: 14px; transition: transform .25s ease; }\r\n.fr-btn:hover svg { transform: translate(3px, -3px); }\r\n\r\n\/* ===== RIGHT \u2014 Certification card + tags + CTAs ===== *\/\r\n.fr-intro__certs {\r\n  position: relative;\r\n  background: var(--fr-paper);\r\n  border: 2.5px solid var(--blue-600);\r\n  border-radius: 32px;\r\n  box-shadow: 10px 10px 0 var(--blue-600);\r\n  padding: 48px 44px;\r\n  transform: rotate(-1deg);\r\n  transition: transform .35s ease, box-shadow .35s ease;\r\n}\r\n.fr-intro__certs:hover {\r\n  transform: rotate(0deg) translate(-3px, -3px);\r\n  box-shadow: 13px 13px 0 var(--blue-600);\r\n}\r\n\r\n.fr-intro__certs-sticker {\r\n  position: absolute;\r\n  top: -22px; right: -16px;\r\n  z-index: 3;\r\n  background: var(--fr-red);\r\n  color: var(--fr-paper);\r\n  width: 90px; height: 90px;\r\n  border-radius: 50%;\r\n  display: grid; place-items: center;\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-weight: 800; font-size: 10px;\r\n  letter-spacing: .14em; text-transform: uppercase;\r\n  text-align: center; line-height: 1.15;\r\n  transform: rotate(14deg);\r\n  border: 2.5px solid var(--blue-600);\r\n  box-shadow: 4px 4px 0 var(--blue-600);\r\n  animation: fr-sticker-wobble 4.5s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n.fr-intro__certs-sticker span {\r\n  display: block; font-size: 16px;\r\n  margin-top: 3px;\r\n  color: var(--fr-yellow);\r\n}\r\n@keyframes fr-sticker-wobble {\r\n  0%,100% { transform: rotate(14deg) scale(1); }\r\n  50%     { transform: rotate(6deg)  scale(1.05); }\r\n}\r\n\r\n.fr-intro__certs-head {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n.fr-intro__certs-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: var(--fr-yellow);\r\n  border: 2px solid var(--blue-600);\r\n  color: var(--blue-600);\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: .18em; text-transform: uppercase;\r\n  padding: 7px 16px;\r\n  border-radius: 999px;\r\n  margin-bottom: 14px;\r\n}\r\n.fr-intro__certs-title {\r\n  font-family: 'Unbounded', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(22px, 2.2vw, 30px);\r\n  line-height: 1.05;\r\n  letter-spacing: -.025em;\r\n  color: var(--blue-600);\r\n  margin: 0;\r\n}\r\n.fr-intro__certs-title em {\r\n  font-family: Georgia, serif;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--fr-red);\r\n  display: inline-block;\r\n  transform: rotate(-1.5deg);\r\n}\r\n\r\n.fr-intro__certs-img {\r\n  display: block;\r\n  \/*width: 100%;*\/\r\n  height: auto;\r\n  object-fit: contain;\r\n  max-height: 220px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fr-intro__certs-foot {\r\n  margin-top: 26px;\r\n  padding-top: 22px;\r\n  border-top: 1.5px dashed rgba(26,27,58,.18);\r\n  text-align: center;\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 10px;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  color: rgba(26,27,58,.55);\r\n}\r\n.fr-intro__certs-foot span { color: var(--blue-600); }\r\n\r\n\/* Tags separator inside card *\/\r\n.fr-intro__certs .fr-intro__tags {\r\n  margin-top: 28px;\r\n  padding-top: 24px;\r\n  border-top: 1.5px dashed rgba(26,27,58,.18);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 960px) {\r\n  .fr-intro { padding: 70px 20px; }\r\n  .fr-intro__inner { grid-template-columns: 1fr; gap: 60px; }\r\n  .fr-intro__doodle--mid { display: none; }\r\n  .fr-intro__certs { transform: none; max-width: 540px; margin: 0 auto; }\r\n  .fr-intro__certs:hover { transform: translate(-3px, -3px); }\r\n  .fr-intro__certs-sticker { display: none; }\r\n}\r\n@media (max-width: 560px) {\r\n  .fr-intro__heading { font-size: 34px; }\r\n  .fr-btn { padding: 14px 22px; font-size: 12px; }\r\n  .fr-intro__certs { padding: 32px 24px; border-radius: 24px; }\r\n  .fr-intro__certs-img { max-height: 160px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"fr-intro\" id=\"fr-intro\" aria-label=\"Dwar Frita\">\r\n\r\n  <img decoding=\"async\" class=\"fr-intro__doodle fr-intro__doodle--tl\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/04\/final-sea-salt.png\" alt=\"\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" class=\"fr-intro__doodle fr-intro__doodle--mid\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/04\/final-sea-salt-2.png\" alt=\"\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" class=\"fr-intro__doodle fr-intro__doodle--br\" src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/04\/final-sea-salt.png\" alt=\"\" aria-hidden=\"true\">\r\n\r\n  <div class=\"fr-intro__inner\">\r\n\r\n    <!-- ===== LEFT \u2014 badge + heading + copy only ===== -->\r\n    <div class=\"fr-intro__content\">\r\n      <span class=\"fr-intro__badge\">G\u0127aliex Frita<\/span>\r\n\r\n      <h2 class=\"fr-intro__heading\">\r\n        Stikek iqarm\u010bu,\r\n        <em class=\"fr-intro__heading-mark\">patata vera<\/em>\r\n       \r\n      <\/h2>\r\n\r\n      <p class=\"fr-intro__copy\">\r\n        Frita hija prodott ta&#8217; <b>chips tal-patata<\/b> lest biex jittiekel, fil-forma ta&#8217; stikek iqarm\u010bu.\r\n        Tinqela&#8217; f&#8217;\u017cejt tal-\u0121irasol f&#8217;<b>temperaturi baxxi<\/b> biex jin\u017cammu l-proprjetajiet\r\n        nutrittivi tal-patata u ji\u0121i \u017cgurat livell baxx ta&#8217; akrilammid.\r\n      <\/p>\r\n      <p class=\"fr-intro__copy\">\r\n        Il-prodott huwa m\u0127awwar b&#8217;<b>\u0127wawar naturali<\/b> u huwa \u0127ieles minn\r\n        preservattivi, kuluri artifi\u010bjali u tog\u0127miet sinteti\u010bi.\r\n      <\/p>\r\n      <p class=\"fr-intro__copy\">\r\n        Frita hija manifatturata u ppakkjata permezz ta&#8217; <b>pro\u010bessi kompletament awtomatizzati<\/b>,\r\n        biex ma tintmissx bl-idejn, skont l-a\u0127\u0127ar standards globali\r\n        biex tin\u017camm l-og\u0127la kwalit\u00e0 tal-prodott.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===== RIGHT \u2014 certs card + tags + CTAs ===== -->\r\n      <figure class=\"fr-intro__certs\">\r\n<!--\r\n     <div class=\"fr-intro__certs-sticker\" aria-hidden=\"true\">\r\n        100%<span>SIGUR<\/span>\r\n      <\/div>-->\r\n\r\n      <div class=\"fr-intro__certs-head\">\r\n        <span class=\"fr-intro__certs-eyebrow\">\u2605 \u010aertifikat u Konformi<\/span>\r\n        <h3 class=\"fr-intro__certs-title\">\r\n          Appo\u0121\u0121jat minn <em>\u010bertifikazzjonijiet veri<\/em>.\r\n        <\/h3>\r\n      <\/div>\r\n\r\n      <img class=\"fr-intro__certs-img\" src=\"\/wp-content\/uploads\/2026\/06\/badge.webp\" alt=\"\u010aertifikazzjonijiet ta' Frita\" loading=\"lazy\" decoding=\"async\">\r\n\r\n      <div class=\"fr-intro__certs-foot\">\r\n        Fdat <span>globalment<\/span> \u00b7 Awditjat <span>indipendentement<\/span>\r\n      <\/div>\r\n\r\n      <!-- Tags \u2014 moved from left column -->\r\n      <div class=\"fr-intro__tags\">\r\n        <span class=\"fr-intro__tag\">\r\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>\r\n          Ming\u0127ajr glutina\r\n        <\/span>\r\n        <span class=\"fr-intro__tag\">\r\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>\r\n          Tog\u0127miet naturali\r\n        <\/span>\r\n        <span class=\"fr-intro__tag\">\r\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>\r\n          \u017bejt tal-\u0121irasol\r\n        <\/span>\r\n        <span class=\"fr-intro__tag\">\r\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>\r\n          Produzzjoni ming\u0127ajr idejn\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- CTAs \u2014 moved from left column -->\r\n      <div class=\"fr-intro__cta\">\r\n        <a href=\"https:\/\/fritafoods.com\/mt\/events\/\" class=\"fr-btn fr-btn--yellow\">\r\n          Avvenimenti\r\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>\r\n        <\/a>\r\n        <a href=\"https:\/\/fritafoods.com\/mt\/snacks\/\" class=\"fr-btn fr-btn--ghost\">\r\n          Snacks\r\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>\r\n        <\/a>\r\n      <\/div>\r\n    <\/figure>\r\n\r\n  <\/div>\r\n\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n    <defs>\r\n      <symbol id=\"fr-scribble\" viewBox=\"0 0 240 18\" preserveAspectRatio=\"none\">\r\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>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  var mark = document.querySelector('.fr-intro__heading-mark');\r\n  if (mark && !mark.querySelector('svg')) {\r\n    var svgNS = 'http:\/\/www.w3.org\/2000\/svg';\r\n    var svg = document.createElementNS(svgNS, 'svg');\r\n    var use = document.createElementNS(svgNS, 'use');\r\n    use.setAttributeNS('http:\/\/www.w3.org\/1999\/xlink', 'href', '#fr-scribble');\r\n    use.setAttribute('href', '#fr-scribble');\r\n    svg.appendChild(use);\r\n    mark.appendChild(svg);\r\n  }\r\n})();\r\n<\/script>\n<\/div>\n\n\n\n<div class=\"gb-element-fb389de0\">\n<style>\r\n.fr-marquee {\r\n  overflow: hidden;\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.fr-marquee__group {\r\n  flex-shrink: 0;\r\n  display: inline-flex;\r\n  white-space: nowrap;\r\n  min-width: max-content;\r\n  animation: fr-marquee 18s linear infinite;\r\n  will-change: transform;\r\n}\r\n\r\n@keyframes fr-marquee {\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n\r\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\">Mel\u0127 tal-Ba\u0127ar <em>\u25cf<\/em> Ketchup tat-Tadam <em>\u25cf<\/em> \u0120obon Nacho <em>\u25cf<\/em> Jalape\u00f1o Chili <em>\u25cf<\/em> \u0126wawar Spe\u010bjali <em>\u25cf<\/em> Mel\u0127 tal-Ba\u0127ar <em>\u25cf<\/em> Ketchup tat-Tadam <em>\u25cf<\/em> \u0120obon Nacho <em>\u25cf<\/em> Jalape\u00f1o Chili <em>\u25cf<\/em> Tog\u0127ma Sigrieta <em>\u25cf<\/em><\/span>\n\n\n\n<span class=\"gb-text gb-text-b2cea120 fr-marquee__group\">Mel\u0127 tal-Ba\u0127ar <em>\u25cf<\/em> Ketchup tat-Tadam <em>\u25cf<\/em> \u0120obon Nacho <em>\u25cf<\/em> Jalape\u00f1o Chili <em>\u25cf<\/em> \u0126wawar Spe\u010bjali <em>\u25cf<\/em> Mel\u0127 tal-Ba\u0127ar <em>\u25cf<\/em> Ketchup tat-Tadam <em>\u25cf<\/em> \u0120obon Nacho <em>\u25cf<\/em> Jalape\u00f1o Chili <em>\u25cf<\/em> Tog\u0127ma Sigrieta <em>\u25cf<\/em><\/span>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-9dc7a88f\">\n<style>\r\n\/* =========================================================================\r\n   .fr-fryrain \u2014 Fries falling over a deep blue gradient\r\n   Single-root scope. All tokens declared on the section.\r\n   No literal ampersand chars in JS (WordPress-safe).\r\n   ========================================================================= *\/\r\n.fr-fryrain {\r\n    --fr-radius: 999px;\r\n    --fr-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    margin: 0;\r\n    padding: clamp(4rem, 10vw, 7.5rem) 1.5rem;\r\n    \/* min-height: min(720px, 90vh); *\/\r\n    background: #f9f7ec;\r\n    overflow: hidden;\r\n    color: var(--white);\r\n    font-family: var(--font-body);\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n \r\n\/* Scoped reset \u2014 minimal so component margins survive *\/\r\n.fr-fryrain *{box-sizing:border-box}\r\n.fr-fryrain button{font:inherit;color:inherit;cursor:pointer}\r\n\r\n \r\n\/* Inner container *\/\r\n.fr-fryrain__inner{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:var(--gb-container-width, 1200px);\r\n  margin:0 auto;\r\n  text-align:center;\r\n}\r\n \r\n\/* Eyebrow *\/\r\n.fr-fryrain__eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:0.625rem;\r\n  font-family:var(--fr-font-mono);\r\n  font-size:0.6875rem;\r\n  letter-spacing:0.16em;\r\n  text-transform:uppercase;\r\n  color:var(--fr-yellow);\r\n  opacity:0.85;\r\n}\r\n.fr-fryrain__eyebrow::before{\r\n  content:\"\";\r\n  width:18px;\r\n  height:1.5px;\r\n  background:var(--fr-yellow);\r\n  opacity:0.6;\r\n}\r\n \r\n\/* Heading *\/\r\n.fr-fryrain__title{\r\n  font-family:var(--fr-font-display);\r\n  font-weight:700;\r\n  font-size:clamp(44px, 6vw, 96px);\r\n  line-height:0.96;\r\n  letter-spacing:-0.035em;\r\n  margin-top:1.125rem;\r\n  margin-bottom:1.125rem;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n  color:var(--fr-white);\r\n  max-width:14ch;\r\n  text-align:center;\r\n}\r\n.fr-fryrain__title u{\r\n  text-decoration:none;\r\n  background:var(--fr-yellow);\r\n  color:var(--fr-blue-900);\r\n  padding:0 0.15em;\r\n  -webkit-box-decoration-break:clone;\r\n  box-decoration-break:clone;\r\n}\r\n \r\n\/* Lede *\/\r\n.fr-fryrain__lede{\r\n  max-width:560px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n  font-size:1.0625rem;\r\n  line-height:1.55;\r\n  color:rgba(255,255,255,0.78);\r\n  text-align:center;\r\n}\r\n \r\n\/* Buttons *\/\r\n.fr-fryrain__ctas{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:0.875rem;\r\n  margin-top:2.25rem;\r\n  flex-wrap:wrap;\r\n}\r\n.fr-fryrain__btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:0.5rem;\r\n  padding:0.875rem 1.5rem;\r\n  border-radius:var(--fr-radius);\r\n  font-family:var(--fr-font-mono);\r\n  font-size:0.6875rem;\r\n  letter-spacing:0.15em;\r\n  text-transform:uppercase;\r\n  font-weight:500;\r\n  text-decoration:none;\r\n  border:2px solid transparent;\r\n  cursor:pointer;\r\n  transition:transform var(--fr-transition), box-shadow var(--fr-transition), background var(--fr-transition), color var(--fr-transition), border-color var(--fr-transition);\r\n}\r\n.fr-fryrain__btn svg{width:14px;height:14px;flex-shrink:0}\r\n.fr-fryrain__btn--primary{background:var(--fr-yellow);color:var(--fr-blue-900)}\r\n.fr-fryrain__btn--primary:hover,\r\n.fr-fryrain__btn--primary:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,225,105,0.32)}\r\n.fr-fryrain__btn--ghost{background:transparent;border-color:rgba(255,255,255,0.30);color:var(--fr-white)}\r\n.fr-fryrain__btn--ghost:hover,\r\n.fr-fryrain__btn--ghost:focus-visible{border-color:var(--fr-yellow);color:var(--fr-yellow)}\r\n.fr-fryrain__btn:focus-visible{outline:2px solid var(--fr-yellow);outline-offset:3px}\r\n \r\n\/* Footer caption *\/\r\n.fr-fryrain__caption{\r\n  position:absolute;\r\n  bottom:1.75rem;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  font-family:var(--fr-font-mono);\r\n  font-size:0.6875rem;\r\n  letter-spacing:0.14em;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,0.55);\r\n  z-index:3;\r\n  white-space:nowrap;\r\n  padding:0 1rem;\r\n}\r\n \r\n\/* Falling fries field *\/\r\n.fr-fryrain__field{\r\n  position:absolute;\r\n  inset:0;\r\n  overflow:hidden;\r\n  pointer-events:none;\r\n  z-index:2;opacity: 0.4;\r\n}\r\n.fr-fryrain__stick{\r\n  position:absolute;\r\n  display:block;\r\n  left:var(--fr-col, 50%);\r\n  top:-10%;\r\n  width:var(--fr-size, 90px);\r\n  height:auto;\r\n  opacity:0;\r\n  will-change:transform, opacity;\r\n  animation-name:fr-fryrain-drop;\r\n  animation-duration:var(--fr-fall-time, 14s);\r\n  animation-timing-function:linear;\r\n  animation-delay:var(--fr-fall-offset, 0s);\r\n  animation-iteration-count:infinite;\r\n  animation-fill-mode:both;\r\n}\r\n \r\n@keyframes fr-fryrain-drop{\r\n  0%   { transform:translate3d(0, -20%, 0) rotate(var(--fr-start-turn, 0deg)); opacity:0; }\r\n  8%   { opacity:0.85; }\r\n  50%  { transform:translate3d(var(--fr-sway, 0px), 50vh, 0) rotate(var(--fr-mid-turn, 180deg)); opacity:0.85; }\r\n  92%  { opacity:0.85; }\r\n  100% { transform:translate3d(calc(var(--fr-sway, 0px) * -0.4), 110vh, 0) rotate(var(--fr-end-turn, 360deg)); opacity:0; }\r\n}\r\n \r\n\/* Reveal *\/\r\n.fr-fryrain .mz-reveal{\r\n  opacity:0;\r\n  transform:translateY(24px);\r\n  transition:opacity 0.7s var(--fr-transition), transform 0.7s var(--fr-transition);\r\n}\r\n.fr-fryrain .mz-reveal.mz-is-visible{opacity:1;transform:none}\r\n.fr-fryrain .mz-reveal[data-delay=\"1\"]{transition-delay:0.08s}\r\n.fr-fryrain .mz-reveal[data-delay=\"2\"]{transition-delay:0.16s}\r\n.fr-fryrain .mz-reveal[data-delay=\"3\"]{transition-delay:0.24s}\r\n \r\n\/* Responsive *\/\r\n@media (max-width:600px){\r\n  .fr-fryrain__ctas{flex-direction:column;align-items:stretch}\r\n  .fr-fryrain__btn{justify-content:center}\r\n  .fr-fryrain__caption{font-size:0.625rem;letter-spacing:0.1em}\r\n}\r\n \r\n\/* Reduced motion\r\n@media (prefers-reduced-motion: reduce){\r\n  .fr-fryrain__stick{animation:none !important;display:none}\r\n  .fr-fryrain *,\r\n  .fr-fryrain *::before,\r\n  .fr-fryrain *::after{\r\n    transition-duration:0.01ms !important;\r\n  }\r\n  .fr-fryrain .mz-reveal{opacity:1;transform:none}\r\n} *\/\r\n<\/style>\r\n \r\n<!-- ============================================================\r\n     Fry rain section\r\n     ============================================================ -->\r\n<section class=\"fr-fryrain\" id=\"fr-fryrain\" aria-labelledby=\"fr-fryrain-heading\">\r\n  <div class=\"fr-fryrain__field\" data-fr-field=\"\" aria-hidden=\"true\"><\/div>\r\n<\/section>\r\n \r\n<script>\r\n(function(){\r\n  'use strict';\r\n \r\n  function init(){\r\n    var root = document.querySelector('.fr-fryrain');\r\n    if (!root) return;\r\n \r\n    \/* ---------- Reveal on scroll ---------- *\/\r\n    var revealEls = root.querySelectorAll('.mz-reveal');\r\n    if (!('IntersectionObserver' in window)){\r\n      for (var r = 0; r < revealEls.length; r++) revealEls[r].classList.add('mz-is-visible');\r\n    } else {\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){\r\n            entry.target.classList.add('mz-is-visible');\r\n            io.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\r\n      for (var x = 0; x < revealEls.length; x++) io.observe(revealEls[x]);\r\n    }\r\n \r\n    \/* ---------- Fry rain ---------- *\/\r\n    \/\/var prefersReduced = false;\r\n    \/\/if (window.matchMedia){\r\n     \/\/ prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    \/\/}\r\n    \/\/if (prefersReduced) return;\r\n \r\n    var field = root.querySelector('[data-fr-field]');\r\n    if (!field) return;\r\n \r\n    var FRY_SINGLE = 'https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/05\/final-sea-salt-1.webp';\r\n    var FRY_STACK  = 'https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/05\/final-sea-salt-2.webp';\r\n \r\n    var FRIES = [\r\n      { src: FRY_SINGLE, weight: 0.72, min: 60,  max: 120 },\r\n      { src: FRY_STACK,  weight: 0.28, min: 110, max: 180 }\r\n    ];\r\n \r\n    function rand(a, b){ return a + Math.random() * (b - a); }\r\n    function flip(n){ return Math.random() < 0.5 ? -n : n; }\r\n \r\n    function pickSprite(){\r\n      var r = Math.random();\r\n      var acc = 0;\r\n      for (var i = 0; i < FRIES.length; i++){\r\n        acc += FRIES[i].weight;\r\n        if (r < acc) return FRIES[i];\r\n      }\r\n      return FRIES[0];\r\n    }\r\n \r\n    function spawn(delayed){\r\n      var sprite = pickSprite();\r\n      var img = document.createElement('img');\r\n      img.className = 'fr-fryrain__stick';\r\n      img.src = sprite.src;\r\n      img.alt = '';\r\n      img.decoding = 'async';\r\n      img.loading  = 'lazy';\r\n \r\n      var startTurn = Math.round(rand(0, 360));\r\n      var spinDeg   = Math.round(flip(rand(360, 900)));\r\n      var midTurn   = startTurn + Math.round(spinDeg \/ 2);\r\n      var endTurn   = startTurn + spinDeg;\r\n \r\n      img.style.setProperty('--fr-size',        Math.round(rand(sprite.min, sprite.max)) + 'px');\r\n      img.style.setProperty('--fr-col',         rand(2, 98).toFixed(1) + '%');\r\n      img.style.setProperty('--fr-sway',        Math.round(flip(rand(20, 95))) + 'px');\r\n      img.style.setProperty('--fr-start-turn',  startTurn + 'deg');\r\n      img.style.setProperty('--fr-mid-turn',    midTurn + 'deg');\r\n      img.style.setProperty('--fr-end-turn',    endTurn + 'deg');\r\n      img.style.setProperty('--fr-fall-time',   rand(9, 18).toFixed(1) + 's');\r\n      img.style.setProperty('--fr-fall-offset', (delayed ? -rand(0, 18) : 0).toFixed(1) + 's');\r\n      img.style.setProperty('--fr-lum',         rand(0.92, 1.08).toFixed(2));\r\n \r\n      field.appendChild(img);\r\n      if (field.children.length > 14) field.firstElementChild.remove();\r\n    }\r\n \r\n    for (var i = 0; i < 8; i++) spawn(true);\r\n    window.setInterval(function(){ spawn(false); }, 2200);\r\n  }\r\n \r\n  if (document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\n<\/div>\n\n\n\n<div class=\"gb-element-ab87bd93\">\n<style data-wp-block-html=\"css\">\r\n.frita-product-orbit,\r\n    .frita-product-orbit * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .frita-product-orbit {\r\n    --orbit-bg-1: #fff;\r\n    --orbit-bg-2: #fff;\r\n    --orbit-bg-3: #fff;\r\n    --orbit-ink: #fff;\r\n    --orbit-duration: 15s;\r\n    --orbit-item-w: clamp(190px, 24cqw, 335px);\r\n    --orbit-item-h: clamp(270px, 36cqw, 485px);\r\n    --orbit-center-x: 52%;\r\n    --orbit-center-y: 48%;\r\n    --orbit-right-x: 91%;\r\n    --orbit-right-y: 76%;\r\n    --orbit-left-x: 13%;\r\n    --orbit-left-y: 78%;\r\n    position: relative;\r\n    isolation: isolate;\r\n    container-type: inline-size;\r\n    max-width: var(--gb-container-width); \r\n    min-height: clamp(520px, 58vw, 760px);\r\n    margin-inline: auto;\r\n    overflow: hidden;\r\n    border-radius: clamp(22px, 3vw, 46px);\r\n    display: grid;\r\n    grid-template-columns: minmax(260px, .86fr) minmax(430px, 1.14fr);\r\n    align-items: center;\r\n    gap: clamp(20px, 4cqw, 72px);\r\n    background: #f9f7ec;\r\n}\r\n    .frita-product-orbit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -10%;\r\n      bottom: -41%;\r\n      width: 76%;\r\n      height: 78%;\r\n      border-radius: 50% 50% 0 0;\r\n      border-top: clamp(2px, .32cqw, 5px) dashed rgba(80, 40, 0, .22);\r\n      transform: rotate(-5deg);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .frita-product-orbit__copy {\r\n    position: relative;\r\n    z-index: 6;\r\n    max-width: 44ch;\r\n    color: var(--blue-600);\r\n    text-align: left;\r\n}\r\n@media all and (max-width:768px){\r\n.frita-product-orbit{grid-template-columns: 1fr;}\r\n}\r\n    .frita-product-orbit__eyebrow {\r\n      margin: 0 0 .45em;\r\n      font-size: clamp(.8rem, 1.25cqw, 1rem);\r\n      font-weight: 900;\r\n      letter-spacing: .13em;\r\n      text-transform: uppercase;\r\n      opacity: .72;\r\n    }\r\n\r\n    .frita-product-orbit__title {\r\n      margin: 0;\r\n      font-size: clamp(2.9rem, 5.45cqw, 5.7rem);\r\n      line-height: .88;\r\n      font-weight: 950;\r\n      letter-spacing: -.055em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .frita-product-orbit__subtitle {\r\n      margin: .85em 0 0;\r\n      max-width: 32ch;\r\n      font-size: clamp(1rem, 1.45cqw, 1.28rem);\r\n      line-height: 1.38;\r\n      font-weight: 760;\r\n      opacity: .78;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .frita-product-orbit__stage {\r\n      position: relative;\r\n      z-index: 3;\r\n      min-height: clamp(410px, 45cqw, 590px);\r\n      pointer-events: none;\r\n      contain: layout paint style;\r\n      transform: translateZ(0);\r\n      overflow: visible;\r\n    }\r\n\r\n    .frita-product-orbit__stage::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 52%;\r\n      top: 50%;\r\n      width: min(62cqw, 620px);\r\n      aspect-ratio: 1;\r\n      transform: translate(-50%, -44%);\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255,255,255,.35) 0 18%, transparent 60%);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .frita-product-orbit__stage::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 53%;\r\n      bottom: 9%;\r\n      width: min(42cqw, 460px);\r\n      height: min(7cqw, 76px);\r\n      transform: translateX(-50%);\r\n      border-radius: 999px;\r\n      background: radial-gradient(ellipse, rgba(71, 39, 0, .26), rgba(71, 39, 0, 0) 72%);\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/*\r\n      Important centering fix:\r\n      Each .frita-product-orbit__item is a full-stage layer.\r\n      The layer moves across the stage, then the image is centered inside it.\r\n      This prevents transform percentages from being calculated against the PNG size.\r\n    *\/\r\n    .frita-product-orbit__item {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      margin: 0;\r\n      opacity: 0;\r\n      animation: fritaProductArcMove var(--orbit-duration) linear infinite;\r\n      will-change: transform, opacity;\r\n      backface-visibility: hidden;\r\n      transform: translate3d(0, 0, 0);\r\n      z-index: 2;\r\n    }\r\n\r\n    .frita-product-orbit__visual {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: var(--orbit-item-w);\r\n      height: var(--orbit-item-h);\r\n      transform: translate(-50%, -50%) rotate(0deg) scale(1);\r\n      transform-origin: 50% 92%;\r\n      animation: fritaProductArcPose var(--orbit-duration) linear infinite;\r\n      will-change: transform;\r\n      backface-visibility: hidden;\r\n      display: grid;\r\n      place-items: center;\r\n    }\r\n\r\n    .frita-product-orbit__visual::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 3%;\r\n      width: 68%;\r\n      height: 8%;\r\n      transform: translateX(-50%);\r\n      border-radius: 999px;\r\n      background: radial-gradient(ellipse, rgba(61, 35, 0, .22), rgba(61, 35, 0, 0) 70%);\r\n      z-index: -1;\r\n    }\r\n\r\n    .frita-product-orbit__item:nth-child(4) { animation-delay: calc(var(--orbit-duration) \/ -5 * 0); }\r\n    .frita-product-orbit__item:nth-child(5) { animation-delay: calc(var(--orbit-duration) \/ -5 * 1); }\r\n    .frita-product-orbit__item:nth-child(6) { animation-delay: calc(var(--orbit-duration) \/ -5 * 2); }\r\n    .frita-product-orbit__item:nth-child(7) { animation-delay: calc(var(--orbit-duration) \/ -5 * 3); }\r\n    .frita-product-orbit__item:nth-child(8) { animation-delay: calc(var(--orbit-duration) \/ -5 * 4); }\r\n\r\n    .frita-product-orbit__item:nth-child(4) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 0); }\r\n    .frita-product-orbit__item:nth-child(5) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 1); }\r\n    .frita-product-orbit__item:nth-child(6) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 2); }\r\n    .frita-product-orbit__item:nth-child(7) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 3); }\r\n    .frita-product-orbit__item:nth-child(8) .frita-product-orbit__visual { animation-delay: calc(var(--orbit-duration) \/ -5 * 4); }\r\n\r\n    .frita-product-orbit__visual img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: contain;\r\n      user-select: none;\r\n      -webkit-user-drag: none;\r\n      transform: translateZ(0);\r\n      backface-visibility: hidden;\r\n    }\r\n\r\n    @keyframes fritaProductArcMove {\r\n      0% {\r\n        opacity: 0;\r\n        transform: translate3d(calc(var(--orbit-right-x) - 50%), calc(var(--orbit-right-y) - 50%), 0);\r\n        z-index: 2;\r\n      }\r\n\r\n      1% {\r\n        opacity: 0;\r\n        transform: translate3d(calc(var(--orbit-right-x) - 50%), calc(var(--orbit-right-y) - 50%), 0);\r\n        z-index: 2;\r\n      }\r\n\r\n      8% {\r\n        opacity: .92;\r\n        transform: translate3d(calc(70% - 50%), calc(61% - 50%), 0);\r\n        z-index: 5;\r\n      }\r\n\r\n      13%,\r\n      16% {\r\n        opacity: 1;\r\n        transform: translate3d(calc(var(--orbit-center-x) - 50%), calc(var(--orbit-center-y) - 50%), 0);\r\n        z-index: 10;\r\n      }\r\n\r\n      22% {\r\n        opacity: .88;\r\n        transform: translate3d(calc(32% - 50%), calc(62% - 50%), 0);\r\n        z-index: 5;\r\n      }\r\n\r\n      27% {\r\n        opacity: 0;\r\n        transform: translate3d(calc(var(--orbit-left-x) - 50%), calc(var(--orbit-left-y) - 50%), 0);\r\n        z-index: 2;\r\n      }\r\n\r\n      100% {\r\n        opacity: 0;\r\n        transform: translate3d(calc(var(--orbit-left-x) - 50%), calc(var(--orbit-left-y) - 50%), 0);\r\n        z-index: 1;\r\n      }\r\n    }\r\n\r\n    @keyframes fritaProductArcPose {\r\n      0%,\r\n      1% {\r\n        transform: translate(-50%, -50%) rotate(15deg) scale(.62);\r\n      }\r\n\r\n      8% {\r\n        transform: translate(-50%, -50%) rotate(7deg) scale(.82);\r\n      }\r\n\r\n      13%,\r\n      16% {\r\n        transform: translate(-50%, -50%) rotate(0deg) scale(1);\r\n      }\r\n\r\n      22% {\r\n        transform: translate(-50%, -50%) rotate(-8deg) scale(.82);\r\n      }\r\n\r\n      27%,\r\n      100% {\r\n        transform: translate(-50%, -50%) rotate(-15deg) scale(.62);\r\n      }\r\n    }\r\n\r\n    .frita-product-orbit__spark {\r\n      position: absolute;\r\n      z-index: 2;\r\n      width: clamp(54px, 8cqw, 108px);\r\n      aspect-ratio: 1;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255,255,255,.72), rgba(255,255,255,0) 64%);\r\n      animation: fritaSpark 4.8s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .frita-product-orbit__spark--a { right: 40%; top: 14%; animation-delay: -1s; }\r\n    .frita-product-orbit__spark--b { right: 6%; top: 25%; animation-delay: -2.4s; }\r\n    .frita-product-orbit__spark--c { right: 17%; bottom: 14%; animation-delay: -3.2s; }\r\n\r\n    @keyframes fritaSpark {\r\n      0%, 100% {\r\n        transform: translate3d(0, 0, 0) scale(.88);\r\n        opacity: .34;\r\n      }\r\n\r\n      50% {\r\n        transform: translate3d(0, -12%, 0) scale(1.05);\r\n        opacity: .74;\r\n      }\r\n    }\r\n\r\n    @container (max-width: 880px) {\r\n      .frita-product-orbit {\r\n        --orbit-item-w: clamp(155px, 38cqw, 250px);\r\n        --orbit-item-h: clamp(225px, 56cqw, 360px);\r\n        --orbit-center-x: 50%;\r\n        --orbit-center-y: 46%;\r\n        --orbit-right-x: 90%;\r\n        --orbit-right-y: 78%;\r\n        --orbit-left-x: 10%;\r\n        --orbit-left-y: 79%;\r\n\r\n        min-height: clamp(610px, 116vw, 780px);\r\n        grid-template-columns: 1fr;\r\n        grid-template-rows: auto auto;\r\n        justify-items: center;\r\n        align-items: center;\r\n        gap: clamp(12px, 3cqw, 24px);\r\n        padding: clamp(22px, 5cqw, 42px) clamp(14px, 4cqw, 28px);\r\n        text-align: center;\r\n      }\r\n\r\n      .frita-product-orbit::before {\r\n        left: -18%;\r\n        right: -18%;\r\n        bottom: -43%;\r\n        width: auto;\r\n        height: 74%;\r\n        transform: rotate(-2deg);\r\n      }\r\n\r\n      .frita-product-orbit__copy {\r\n        max-width: 36rem;\r\n        margin-inline: auto;\r\n        text-align: center;\r\n      }\r\n\r\n      .frita-product-orbit__subtitle {\r\n        margin-inline: auto;\r\n        max-width: 30ch;\r\n      }\r\n\r\n      .frita-product-orbit__stage {\r\n        min-height: clamp(395px, 76cqw, 520px);\r\n        width: min(100%, 620px);\r\n        justify-self: center;\r\n        margin-inline: auto;\r\n      }\r\n\r\n      .frita-product-orbit__stage::before {\r\n        left: 50%;\r\n      }\r\n\r\n      .frita-product-orbit__stage::after {\r\n        left: 50%;\r\n      }\r\n\r\n      .frita-product-orbit__spark--c {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @container (max-width: 520px) {\r\n      .frita-product-orbit {\r\n        --orbit-item-w: clamp(138px, 50cqw, 205px);\r\n        --orbit-item-h: clamp(202px, 74cqw, 305px);\r\n        --orbit-center-y: 49%;\r\n        --orbit-right-x: 94%;\r\n        --orbit-right-y: 80%;\r\n        --orbit-left-x: 6%;\r\n        --orbit-left-y: 81%;\r\n\r\n        min-height: clamp(560px, 156vw, 690px);\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .frita-product-orbit__title {\r\n        font-size: clamp(2.15rem, 13cqw, 3.55rem);\r\n      }\r\n\r\n      .frita-product-orbit__subtitle {\r\n        font-size: .95rem;\r\n      }\r\n\r\n      .frita-product-orbit__stage {\r\n        min-height: clamp(360px, 96cqw, 470px);\r\n        width: min(100%, 440px);\r\n        justify-self: center;\r\n        margin-inline: auto;\r\n      }\r\n\r\n      .frita-product-orbit__spark--a {\r\n        left: 5%;\r\n        right: auto;\r\n        top: 23%;\r\n      }\r\n\r\n      .frita-product-orbit__spark--b {\r\n        right: 3%;\r\n        top: 31%;\r\n      }\r\n    }\r\n\r\n    @supports not (container-type: inline-size) {\r\n      .frita-product-orbit {\r\n        --orbit-item-w: clamp(190px, 24vw, 335px);\r\n        --orbit-item-h: clamp(270px, 36vw, 485px);\r\n      }\r\n\r\n      @media (max-width: 880px) {\r\n        .frita-product-orbit {\r\n          --orbit-item-w: clamp(155px, 38vw, 250px);\r\n          --orbit-item-h: clamp(225px, 56vw, 360px);\r\n          --orbit-center-x: 50%;\r\n          --orbit-center-y: 46%;\r\n          --orbit-right-x: 90%;\r\n          --orbit-right-y: 78%;\r\n          --orbit-left-x: 10%;\r\n          --orbit-left-y: 79%;\r\n          min-height: clamp(610px, 116vw, 780px);\r\n          grid-template-columns: 1fr;\r\n          grid-template-rows: auto auto;\r\n          justify-items: center;\r\n          align-items: center;\r\n        }\r\n\r\n        .frita-product-orbit__copy {\r\n          text-align: center;\r\n          margin-inline: auto;\r\n        }\r\n\r\n        .frita-product-orbit__stage {\r\n          width: min(100%, 620px);\r\n          justify-self: center;\r\n          margin-inline: auto;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 520px) {\r\n        .frita-product-orbit {\r\n          --orbit-item-w: clamp(138px, 50vw, 205px);\r\n          --orbit-item-h: clamp(202px, 74vw, 305px);\r\n          --orbit-center-y: 49%;\r\n          --orbit-right-x: 94%;\r\n          --orbit-right-y: 80%;\r\n          --orbit-left-x: 6%;\r\n          --orbit-left-y: 81%;\r\n          min-height: clamp(560px, 156vw, 690px);\r\n        }\r\n      }\r\n    }\r\n\r\n    \/*@media (prefers-reduced-motion: reduce) {\r\n      .frita-product-orbit__item,\r\n      .frita-product-orbit__visual,\r\n      .frita-product-orbit__spark {\r\n        animation: none !important;\r\n      }\r\n\r\n      .frita-product-orbit__item {\r\n        opacity: 0;\r\n      }\r\n\r\n      .frita-product-orbit__item:nth-child(4) {\r\n        opacity: 1;\r\n        transform: translate3d(calc(var(--orbit-center-x) - 50%), calc(var(--orbit-center-y) - 50%), 0);\r\n      }\r\n\r\n      .frita-product-orbit__item:nth-child(4) .frita-product-orbit__visual {\r\n        transform: translate(-50%, -50%) rotate(0deg) scale(1);\r\n      }\r\n    }*\/\r\n<\/style>\r\n\r\n<script data-wp-block-html=\"js\">\r\n(() => {\r\n      const section = document.currentScript.closest('.frita-product-orbit');\r\n      if (!section) return;\r\n\r\n      section.querySelectorAll('img').forEach((img) => {\r\n        img.draggable = false;\r\n        img.decoding = 'async';\r\n        img.loading = 'eager';\r\n\r\n        img.addEventListener('error', () => {\r\n          const item = img.closest('.frita-product-orbit__item');\r\n          if (item) item.style.display = 'none';\r\n        }, { once: true });\r\n      });\r\n    })();\r\n<\/script>\r\n\r\n<section class=\"frita-product-orbit\" aria-label=\"Wirja tat-tog\u0127miet ta' Frita\">\r\n  \r\n\r\n  <div class=\"frita-product-orbit__copy\">\r\n    <p class=\"frita-product-orbit__eyebrow\">Tog\u0127miet Frita<\/p>\r\n    <h2 class=\"frita-product-orbit__title\">Ag\u0127\u017cel il-qarme\u010b tieg\u0127ek<\/h2>\r\n    <p class=\"frita-product-orbit__subtitle\">\u0126ames tog\u0127miet distinti minn patata naturali ta' Frita, b'qarme\u010b u tog\u0127ma li ma tintesiex.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"frita-product-orbit__stage\" aria-hidden=\"true\">\r\n    <span class=\"frita-product-orbit__spark frita-product-orbit__spark--a\"><\/span>\r\n    <span class=\"frita-product-orbit__spark frita-product-orbit__spark--b\"><\/span>\r\n    <span class=\"frita-product-orbit__spark frita-product-orbit__spark--c\"><\/span>\r\n\r\n    <figure class=\"frita-product-orbit__item\">\r\n      <span class=\"frita-product-orbit__visual\">\r\n        <img src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/tomato-Ketchup-s-1.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\r\n      <\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"frita-product-orbit__item\">\r\n      <span class=\"frita-product-orbit__visual\">\r\n        <img src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Special-Potato-Seasoning-s-1.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\r\n      <\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"frita-product-orbit__item\">\r\n      <span class=\"frita-product-orbit__visual\">\r\n        <img src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/sea-salt-s-1.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\r\n      <\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"frita-product-orbit__item\">\r\n      <span class=\"frita-product-orbit__visual\">\r\n        <img src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Nacho-Cheese-s-1.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\r\n      <\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"frita-product-orbit__item\">\r\n      <span class=\"frita-product-orbit__visual\">\r\n        <img src=\"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Jalapeno-s-1-1.webp\" alt=\"\" draggable=\"false\" decoding=\"async\" loading=\"eager\">\r\n      <\/span>\r\n    <\/figure>\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"gb-element-6f5bd5f2\">\n<style data-wp-block-html=\"css\">\r\n.fr-flavors-section {\r\n  --fr-yellow: #f3d51f;\r\n  --fr-title: #435aa8;\r\n  --fr-bg: #f6f6f6;\r\n  --fr-card-bg: #ffffff;\r\n  --fr-gap: 24px;\r\n\r\n  width: 100%;\r\n  padding: 40px 16px;\r\n  background: var(--fr-bg);\r\n  overflow: hidden;\r\n}\r\n\r\n.fr-flavors-container {\r\n  max-width: 1480px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fr-flavors-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  gap: var(--fr-gap);\r\n}\r\n\r\n.fr-flavor-card {\r\n  min-width: 0;\r\n}\r\n\r\n.fr-flavor-link {\r\n  display: block;\r\n  color: inherit;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.fr-flavor-link:hover,\r\n.fr-flavor-link:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.fr-flavor-link:focus-visible {\r\n  outline: 2px solid var(--fr-title);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.fr-flavor-image-box {\r\n  position: relative;\r\n  min-height: 290px;\r\n  background: #f8f8f8;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n.fr-flavor-image-box::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: 66%;\r\n  background: var(--fr-yellow);\r\n  z-index: 0;\r\n}\r\n\r\n.fr-flavor-dots {\r\n  position: absolute;\r\n  width: 52%;\r\n  height: 42%;\r\n  top: 4%;\r\n  left: 12%;\r\n  background-image: radial-gradient(rgba(67, 90, 168, 0.32) 1px, transparent 1px);\r\n  background-size: 6px 6px;\r\n  transform: rotate(-14deg);\r\n  z-index: 1;\r\n}\r\n\r\n.fr-flavor-img {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: block;\r\n  width: 76%;\r\n  max-width: 240px;\r\n  margin: 18px auto 0;\r\n  object-fit: contain;\r\n  transform: rotate(-6deg);\r\n  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.18));\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.fr-flavor-title {\r\n  min-height: 92px;\r\n  margin: 0;\r\n  padding: 18px 14px 16px;\r\n  background: var(--fr-card-bg);\r\n  color: var(--fr-title);\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-weight: 500;\r\n  line-height: 1.35;\r\n  letter-spacing: 2px;\r\n  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);\r\n  transition: transform 0.25s ease;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fr-flavor-card:hover .fr-flavor-img {\r\n  transform: rotate(-6deg) translateY(-6px);\r\n}\r\n\r\n.fr-flavor-card:hover .fr-flavor-title {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n@media (max-width: 1360px) {\r\n  .fr-flavors-grid {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .fr-flavors-section {\r\n    padding: 32px 14px;\r\n  }\r\n\r\n  .fr-flavors-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .fr-flavor-image-box {\r\n    min-height: 260px;\r\n  }\r\n\r\n  .fr-flavor-title {\r\n    min-height: 82px;\r\n    font-size: 17px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .fr-flavors-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .fr-flavor-image-box {\r\n    min-height: 245px;\r\n  }\r\n\r\n  .fr-flavor-img {\r\n    width: 72%;\r\n    max-width: 215px;\r\n  }\r\n\r\n  .fr-flavor-title {\r\n    min-height: 76px;\r\n    padding: 16px 12px;\r\n    font-size: 16px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"fr-flavors-section\">\r\n  <div class=\"fr-flavors-container\">\r\n    <div class=\"fr-flavors-grid\" id=\"frFlavorsGrid\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const flavors = [\r\n      {\r\n        title: \"Tog\u0127ma ta'<br>Mel\u0127 tal-Ba\u0127ar\",\r\n        image: \"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/sea-salt-s-1.webp\",\r\n        alt: \"Tog\u0127ma ta' Mel\u0127 tal-Ba\u0127ar\",\r\n        url: \"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-sea-salt\/\"\r\n      },\r\n      {\r\n        title: \"Tog\u0127ma ta'<br>Ketchup tat-Tadam\",\r\n        image: \"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/tomato-Ketchup-s-1.webp\",\r\n        alt: \"Tog\u0127ma ta' Ketchup tat-Tadam\",\r\n        url: \"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-tomato-ketchup-flavour\/\"\r\n      },\r\n      {\r\n        title: \"Tog\u0127ma ta'<br>\u0120obon Nacho\",\r\n        image: \"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Nacho-Cheese-s-1.webp\",\r\n        alt: \"Tog\u0127ma ta' \u0120obon Nacho\",\r\n        url: \"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-nacho-cheese-flavour\/\"\r\n      },\r\n      {\r\n        title: \"Tog\u0127ma ta'<br>Jalape\u00f1o Chili\",\r\n        image: \"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Jalapeno-s-1-1.webp\",\r\n        alt: \"Tog\u0127ma ta' Jalape\u00f1o Chili\",\r\n        url: \"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-jalapeno-chili-flavour\/\"\r\n      },\r\n      {\r\n        title: \"Tog\u0127ma ta'<br>\u0126wawar Spe\u010bjali\",\r\n        image: \"https:\/\/fritafoods.com\/wp-content\/uploads\/2026\/10\/Special-Potato-Seasoning-s-1.webp\",\r\n        alt: \"Tog\u0127ma ta' \u0126wawar Spe\u010bjali\",\r\n        url: \"https:\/\/fritafoods.com\/mt\/snack\/frita-chips-fries-special-seasoning\/\"\r\n      }\r\n    ];\r\n\r\n    const grid = document.getElementById(\"frFlavorsGrid\");\r\n\r\n    if (!grid) return;\r\n\r\n    grid.innerHTML = flavors.map(function (item) {\r\n      return `\r\n        <article class=\"fr-flavor-card\">\r\n          <a class=\"fr-flavor-link\" href=\"${item.url}\" aria-label=\"${item.alt}\">\r\n            <div class=\"fr-flavor-image-box\">\r\n              <span class=\"fr-flavor-dots\"><\/span>\r\n              <img decoding=\"async\" class=\"fr-flavor-img\" src=\"${item.image}\" alt=\"${item.alt}\" loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <h3 class=\"fr-flavor-title\">\r\n              ${item.title}\r\n            <\/h3>\r\n          <\/a>\r\n        <\/article>\r\n      `;\r\n    }).join(\"\");\r\n  });\r\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Frita Chips Fries b&#8217;Tog\u0127ma ta&#8217; Ketchup tat-Tadam Il-favorit tat-tfulija b&#8217;xejra \u0121dida! Stikek tal-patata iqarm\u010bu mimlijin b&#8217;tog\u0127ma rikka u naturali ta&#8217; ketchup \u2014 bilan\u010b perfett bejn il-\u0127lewwa u l-qarsa. M&#8217;hemmx b\u017conn ta&#8217; zalza \u017cejda. Ara Ketchup tat-Tadam \u2192 Frita Chips Fries b&#8217;Tog\u0127ma ta&#8217; \u0120obon Nacho Kisja rikka u kremu\u017ca ta&#8217; \u0121obon nacho madwar stikek tal-patata iqarm\u010bu. &#8230; <a title=\"Frita\" class=\"read-more\" href=\"https:\/\/fritafoods.com\/mt\/\" aria-label=\"Read more about Frita\">Read more<\/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-3370","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/pages\/3370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/comments?post=3370"}],"version-history":[{"count":8,"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/pages\/3370\/revisions"}],"predecessor-version":[{"id":3383,"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/pages\/3370\/revisions\/3383"}],"wp:attachment":[{"href":"https:\/\/fritafoods.com\/mt\/wp-json\/wp\/v2\/media?parent=3370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}