{"id":13650,"date":"2026-05-18T12:03:38","date_gmt":"2026-05-18T10:03:38","guid":{"rendered":"https:\/\/staging.frietzakjes.nl\/?page_id=13650"},"modified":"2026-06-01T12:56:08","modified_gmt":"2026-06-01T10:56:08","slug":"home-3","status":"publish","type":"page","link":"https:\/\/staging.frietzakjes.nl\/en-gb\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13650\" class=\"elementor elementor-13650\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7583c7 elementor-widget elementor-widget-html\" data-id=\"b7583c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap\" rel=\"stylesheet\"><style>\n\/* === Elementor wrapper reset === *\/\n.elementor-widget-html > .elementor-widget-container { padding: 0 !important; }\n.elementor-section .elementor-container { padding: 0 !important; max-width: none !important; }\nbody { background: var(--color-page-bg, #FFF9F0) !important; }\n\/* === Fase 1 stylesheet (commit 5e5bdf1) === *\/\n\/* ==========================================================================\n   Frietzakjes.nl Redesign - CSS\n   Gebaseerd op Figma design, CRO-geoptimaliseerd\n   ========================================================================== *\/\n\n\/* ---------- Custom Properties ---------- *\/\n:root {\n  \/* Colors *\/\n  --color-topbar: #1B3A4B;\n  --color-header-bg: #ffffff;\n  --color-page-bg: #FFF9F0;\n  --color-white: #ffffff;\n  --color-primary: #2D9B4E;\n  --color-primary-hover: #248a42;\n  --color-accent: #E8A530;\n  --color-accent-hover: #d4952a;\n  --color-text: #1A1A1A;\n  --color-text-secondary: #5A6670;\n  --color-text-light: #8A929A;\n  --color-border: #E5E7EB;\n  --color-card-bg: #ffffff;\n  --color-badge-green: #ECFDF5;\n  --color-badge-green-text: #047857;\n  --color-badge-red: #FEF2F2;\n  --color-badge-red-text: #DC2626;\n  --color-star: #F59E0B;\n  --color-overlay: rgba(27, 58, 75, 0.85);\n\n  \/* Typography *\/\n  --font-primary: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  --font-display: 'Bricolage Grotesque', 'DM Sans', -apple-system, sans-serif;\n\n  \/* Spacing *\/\n  --container-max: 1280px;\n  --container-padding: 24px;\n  --section-gap: 80px;\n  --card-radius: 12px;\n  --btn-radius: 8px;\n\n  \/* Shadows *\/\n  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\n  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);\n  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.15);\n\n  \/* Fun colors *\/\n  --color-fun-red: #E8443A;\n  --color-fun-yellow: #FFD23F;\n  --color-fun-orange: #FF8C42;\n  --color-fun-teal: #2EC4B6;\n  --color-fun-pink: #FF6B8A;\n\n  \/* Transitions *\/\n  --transition-fast: 0.15s ease;\n  --transition-base: 0.25s ease;\n  --transition-slow: 0.4s ease;\n}\n\n\/* ---------- Fun Keyframes ---------- *\/\n@keyframes float {\n  0%, 100% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-12px) rotate(3deg); }\n}\n\n@keyframes float-reverse {\n  0%, 100% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-10px) rotate(-4deg); }\n}\n\n@keyframes wiggle {\n  0%, 100% { transform: rotate(0deg); }\n  25% { transform: rotate(-3deg); }\n  75% { transform: rotate(3deg); }\n}\n\n@keyframes bounce-subtle {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-6px); }\n}\n\n@keyframes spin-slow {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes dash-draw {\n  to { stroke-dashoffset: 0; }\n}\n\n@keyframes confetti-fall {\n  0% { transform: translateY(-10px) rotate(0deg); opacity: 0; }\n  10% { opacity: 1; }\n  100% { transform: translateY(20px) rotate(180deg); opacity: 0; }\n}\n\n\/* ---------- Reset & Base ---------- *\/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  font-family: var(--font-primary);\n  font-size: 16px;\n  line-height: 1.6;\n  color: var(--color-text);\n  background-color: var(--color-page-bg);\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton {\n  cursor: pointer;\n  border: none;\n  background: none;\n  font-family: inherit;\n}\n\nul, ol {\n  list-style: none;\n}\n\n\/* ---------- Focus & Accessibility ---------- *\/\n:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\na:focus-visible,\nbutton:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n\/* ---------- Display Font for Headings ---------- *\/\nh1, h2, h3,\n.hero__title,\n.section-heading__title,\n.cta-banner__title,\n.contact-form__title,\n.product-info__title {\n  font-family: var(--font-display);\n}\n\n\/* ---------- Grain Texture Overlay ---------- *\/\nbody::after {\n  content: '';\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.03;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n  background-repeat: repeat;\n  background-size: 256px 256px;\n}\n\n\/* ---------- Scroll Reveal Animation ---------- *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.reveal-delay-1 { transition-delay: 0.1s; }\n.reveal-delay-2 { transition-delay: 0.2s; }\n.reveal-delay-3 { transition-delay: 0.3s; }\n.reveal-delay-4 { transition-delay: 0.4s; }\n\n\/* ---------- Utility ---------- *\/\n.container {\n  max-width: var(--container-max);\n  margin: 0 auto;\n  padding: 0 var(--container-padding);\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n\/* ---------- Top Bar ---------- *\/\n.topbar {\n  background: var(--color-topbar);\n  color: var(--color-white);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  padding: 10px 0;\n  overflow: hidden;\n}\n\n.topbar__inner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.topbar__item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  white-space: nowrap;\n}\n\n.topbar__icon {\n  font-size: 14px;\n}\n\n\/* ---------- Header ---------- *\/\n.header {\n  background: var(--color-header-bg);\n  border-bottom: 1px solid var(--color-border);\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  transition: box-shadow var(--transition-base);\n}\n\n.header.scrolled {\n  box-shadow: var(--shadow-md);\n}\n\n.header__inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 0;\n  gap: 32px;\n}\n\n.header__logo {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--color-text);\n  flex-shrink: 0;\n}\n\n.header__logo-icon {\n  font-size: 28px;\n}\n\n.header__logo span {\n  color: var(--color-accent);\n}\n\n\/* Navigation *\/\n.nav {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.nav__link {\n  padding: 8px 16px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-text);\n  border-radius: var(--btn-radius);\n  transition: all var(--transition-fast);\n  position: relative;\n}\n\n.nav__link:hover,\n.nav__link.active {\n  color: var(--color-primary);\n  background: var(--color-badge-green);\n}\n\n.nav__link.active::after {\n  content: '';\n  position: absolute;\n  bottom: -1px;\n  left: 16px;\n  right: 16px;\n  height: 2px;\n  background: var(--color-primary);\n  border-radius: 1px;\n}\n\n\/* Header actions *\/\n.header__actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.header__action-btn {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 18px;\n  color: var(--color-text);\n  transition: all var(--transition-fast);\n  position: relative;\n}\n\n.header__action-btn:hover {\n  background: var(--color-page-bg);\n  color: var(--color-primary);\n}\n\n.header__badge {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 18px;\n  height: 18px;\n  background: var(--color-primary);\n  color: var(--color-white);\n  font-size: 10px;\n  font-weight: 700;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.header__account {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 14px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--color-text);\n  border-radius: var(--btn-radius);\n  transition: all var(--transition-fast);\n}\n\n.header__account:hover {\n  background: var(--color-page-bg);\n}\n\n\/* Mobile menu toggle *\/\n.header__menu-toggle {\n  display: none;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n}\n\n\/* ---------- Breadcrumbs ---------- *\/\n.breadcrumbs {\n  background: var(--color-page-bg);\n  padding: 16px 0;\n  border-bottom: 1px solid var(--color-border);\n}\n\n.breadcrumbs__list {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-size: 14px;\n  color: var(--color-text-secondary);\n}\n\n.breadcrumbs__link {\n  transition: color var(--transition-fast);\n}\n\n.breadcrumbs__link:hover {\n  color: var(--color-primary);\n}\n\n.breadcrumbs__separator {\n  font-size: 12px;\n  opacity: 0.5;\n}\n\n.breadcrumbs__current {\n  font-weight: 600;\n  color: var(--color-text);\n}\n\n\/* ---------- Buttons ---------- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 14px 28px;\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  border-radius: var(--btn-radius);\n  transition: all var(--transition-base);\n  white-space: nowrap;\n}\n\n.btn--primary {\n  background: var(--color-primary);\n  color: var(--color-white);\n  position: relative;\n  overflow: hidden;\n}\n\n.btn--primary::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.15) 50%, transparent 70%);\n  transform: translateX(-100%);\n  transition: transform 0.5s;\n}\n\n.btn--primary:hover::after {\n  transform: translateX(100%);\n}\n\n.btn--primary:hover {\n  background: var(--color-primary-hover);\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(45, 155, 78, 0.35);\n}\n\n.btn--outline {\n  background: transparent;\n  color: var(--color-text);\n  border: 2px solid var(--color-text);\n}\n\n.btn--outline:hover {\n  background: var(--color-text);\n  color: var(--color-white);\n  transform: translateY(-1px);\n}\n\n.btn--accent {\n  background: var(--color-accent);\n  color: var(--color-white);\n}\n\n.btn--accent:hover {\n  background: var(--color-accent-hover);\n  transform: translateY(-1px);\n  box-shadow: var(--shadow-md);\n}\n\n.btn--sm {\n  padding: 10px 20px;\n  font-size: 13px;\n}\n\n.btn--lg {\n  padding: 16px 36px;\n  font-size: 15px;\n}\n\n.btn__arrow {\n  font-size: 16px;\n  transition: transform var(--transition-fast);\n}\n\n.btn:hover .btn__arrow {\n  transform: translateX(3px);\n}\n\n\/* ---------- Hero Section ---------- *\/\n.hero {\n  position: relative;\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n  overflow-x: clip;\n  overflow-y: visible;\n  background: linear-gradient(135deg, #FFF3D1 0%, #FFEAB8 50%, #FFF3D1 100%);\n}\n\n\/* Decorative dots pattern *\/\n.hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle, var(--color-accent) 1px, transparent 1px);\n  background-size: 48px 48px;\n  opacity: 0.06;\n  pointer-events: none;\n}\n\n.hero__inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 48px;\n  padding: 60px 0;\n}\n\n.hero__content {\n  position: relative;\n  z-index: 2;\n}\n\n.hero__title {\n  font-family: var(--font-display);\n  font-size: clamp(36px, 5vw, 64px);\n  font-weight: 800;\n  line-height: 1.1;\n  color: var(--color-text);\n  margin-bottom: 20px;\n}\n\n.hero__title-highlight {\n  position: relative;\n  display: inline;\n}\n\n.hero__title-highlight::after {\n  content: '';\n  position: absolute;\n  left: -4px;\n  right: -4px;\n  bottom: 2px;\n  height: 10px;\n  background: var(--color-fun-yellow);\n  border-radius: 4px;\n  z-index: -1;\n  transform: rotate(-1deg);\n}\n\n.hero__subtitle {\n  font-size: 18px;\n  color: var(--color-text-secondary);\n  max-width: 440px;\n  margin-bottom: 32px;\n  line-height: 1.7;\n}\n\n.hero__ctas {\n  display: flex;\n  gap: 16px;\n  margin-bottom: 36px;\n  flex-wrap: wrap;\n}\n\n.hero__badges {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.hero__badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-text);\n}\n\n.hero__badge-icon {\n  color: var(--color-primary);\n  font-size: 18px;\n}\n\n.hero__image-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.hero__image-img {\n  width: 170%;\n  max-width: none;\n  object-fit: contain;\n}\n\n\/* ---------- USP Strip ---------- *\/\n.usp-strip {\n  background: var(--color-white);\n  padding: 40px 0;\n  border-bottom: 1px solid var(--color-border);\n}\n\n.usp-strip__inner {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n}\n\n.usp-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 20px;\n  border-radius: var(--card-radius);\n  transition: all var(--transition-base);\n}\n\n.usp-item:hover {\n  background: var(--color-page-bg);\n}\n\n.usp-item__icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #FFF3D1;\n  color: var(--color-accent);\n  border-radius: 12px;\n  font-size: 22px;\n  flex-shrink: 0;\n  transition: transform 0.3s;\n}\n\n.usp-item:hover .usp-item__icon {\n  transform: scale(1.1) rotate(-3deg);\n}\n\n.usp-item__title {\n  font-size: 15px;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n\n.usp-item__text {\n  font-size: 13px;\n  color: var(--color-text-secondary);\n  line-height: 1.5;\n}\n\n\/* ---------- Section Headings ---------- *\/\n.section-heading {\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.section-heading__label {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--color-primary);\n  margin-bottom: 8px;\n  background: var(--color-badge-green);\n  padding: 4px 14px;\n  border-radius: 20px;\n}\n\n.section-heading__title {\n  font-size: clamp(28px, 3vw, 40px);\n  font-weight: 800;\n  line-height: 1.2;\n  margin-bottom: 12px;\n}\n\n.section-heading__subtitle {\n  font-size: 16px;\n  color: var(--color-text-secondary);\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n\/* ---------- Product Card ---------- *\/\n.products-section {\n  padding: var(--section-gap) 0;\n  background: #FFF9F0;\n}\n\n.products-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n\n.product-card {\n  background: var(--color-card-bg);\n  border-radius: var(--card-radius);\n  overflow: hidden;\n  transition: all var(--transition-base);\n  position: relative;\n  border: 1px solid var(--color-border);\n}\n\n.product-card:hover {\n  transform: translateY(-6px) rotate(-0.5deg);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.1);\n  border-color: var(--color-accent);\n}\n\n.product-card:nth-child(1) { border-top: 3px solid var(--color-fun-red); }\n.product-card:nth-child(2) { border-top: 3px solid #4A90D9; }\n.product-card:nth-child(3) { border-top: 3px solid var(--color-fun-yellow); }\n.product-card:nth-child(4) { border-top: 3px solid var(--color-fun-teal); }\n\n.product-card__image {\n  position: relative;\n  padding: 0;\n  background: #FAFAFA;\n  aspect-ratio: 1;\n  overflow: hidden;\n}\n\n.product-card__image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform var(--transition-slow);\n}\n\n.product-card:hover .product-card__image img {\n  transform: scale(1.05);\n}\n\n.product-card__badge {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.product-card__badge--new {\n  background: var(--color-badge-green);\n  color: var(--color-badge-green-text);\n}\n\n.product-card__badge--hot {\n  background: var(--color-badge-red);\n  color: var(--color-badge-red-text);\n}\n\n.product-card__badge--sale {\n  background: var(--color-accent);\n  color: var(--color-white);\n}\n\n.product-card__actions {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  opacity: 0;\n  transform: translateX(8px);\n  transition: all var(--transition-base);\n}\n\n.product-card:hover .product-card__actions {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.product-card__action-btn {\n  width: 36px;\n  height: 36px;\n  background: var(--color-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  box-shadow: var(--shadow-sm);\n  transition: all var(--transition-fast);\n}\n\n.product-card__action-btn:hover {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n.product-card__body {\n  padding: 20px;\n}\n\n.product-card__category {\n  font-size: 12px;\n  color: var(--color-text-light);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-bottom: 6px;\n}\n\n.product-card__title {\n  font-size: 16px;\n  font-weight: 700;\n  margin-bottom: 8px;\n  line-height: 1.3;\n}\n\n.product-card__title a:hover {\n  color: var(--color-primary);\n}\n\n.product-card__price {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.product-card__price-current {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--color-text);\n}\n\n.product-card__price-old {\n  font-size: 14px;\n  color: var(--color-text-light);\n  text-decoration: line-through;\n}\n\n.product-card__colors {\n  display: flex;\n  gap: 6px;\n}\n\n.product-card__color {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 2px solid var(--color-border);\n}\n\n.product-card__color.active {\n  border-color: var(--color-text);\n}\n\n\/* ---------- Categories Section ---------- *\/\n.categories-section {\n  padding: var(--section-gap) 0;\n  background: linear-gradient(180deg, #ffffff 0%, #F0F7F2 100%);\n}\n\n.categories-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n\n.category-card {\n  position: relative;\n  border-radius: var(--card-radius);\n  overflow: hidden;\n  aspect-ratio: 3\/4;\n  cursor: pointer;\n  group: true;\n}\n\n.category-card__image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform var(--transition-slow);\n}\n\n.category-card:hover .category-card__image {\n  transform: scale(1.08);\n}\n\n.category-card__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 24px;\n  transition: background var(--transition-base);\n}\n\n.category-card:hover .category-card__overlay {\n  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 60%);\n}\n\n.category-card__title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--color-white);\n  margin-bottom: 4px;\n}\n\n.category-card__count {\n  font-size: 14px;\n  color: rgba(255,255,255,0.7);\n}\n\n.category-card__arrow {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 40px;\n  height: 40px;\n  background: rgba(255,255,255,0.2);\n  backdrop-filter: blur(4px);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  opacity: 0;\n  transform: translateY(4px);\n  transition: all var(--transition-base);\n}\n\n.category-card:hover .category-card__arrow {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ---------- Social Proof \/ Reviews ---------- *\/\n.reviews-section {\n  padding: var(--section-gap) 0;\n  background: #FFFBF2;\n}\n\n.reviews-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.review-card {\n  background: var(--color-white);\n  padding: 32px;\n  border-radius: var(--card-radius);\n  border: 1px solid var(--color-border);\n  transition: transform 0.3s, box-shadow 0.3s;\n  position: relative;\n}\n\n.review-card::before {\n  content: '\\201C';\n  position: absolute;\n  top: 16px;\n  right: 24px;\n  font-size: 64px;\n  font-family: Georgia, serif;\n  color: var(--color-fun-yellow);\n  opacity: 0.3;\n  line-height: 1;\n}\n\n.review-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n}\n\n.review-card__stars {\n  display: flex;\n  gap: 2px;\n  margin-bottom: 16px;\n  color: var(--color-star);\n  font-size: 16px;\n}\n\n.review-card__text {\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--color-text-secondary);\n  margin-bottom: 20px;\n}\n\n.review-card__author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.review-card__avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--color-badge-green);\n  color: var(--color-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.review-card__name {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.review-card__date {\n  font-size: 12px;\n  color: var(--color-text-light);\n}\n\n\/* ---------- Google Rating Badge ---------- *\/\n.google-rating {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--color-white);\n  padding: 8px 16px;\n  border-radius: 50px;\n  box-shadow: var(--shadow-md);\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.google-rating__stars {\n  color: var(--color-star);\n}\n\n.google-rating__score {\n  font-weight: 800;\n}\n\n\/* ---------- CTA Banner ---------- *\/\n.cta-banner {\n  background: linear-gradient(135deg, #1B3A4B 0%, #2A5A6E 50%, #1B3A4B 100%);\n  color: var(--color-white);\n  padding: var(--section-gap) 0;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cta-banner::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle, rgba(255,210,63,0.08) 2px, transparent 2px),\n    radial-gradient(circle, rgba(255,140,66,0.06) 1.5px, transparent 1.5px);\n  background-size: 50px 50px, 35px 35px;\n  background-position: 0 0, 17px 17px;\n}\n\n.cta-banner__title {\n  font-size: clamp(28px, 3vw, 40px);\n  font-weight: 800;\n  margin-bottom: 16px;\n}\n\n.cta-banner__text {\n  font-size: 16px;\n  opacity: 0.8;\n  max-width: 500px;\n  margin: 0 auto 32px;\n  line-height: 1.7;\n}\n\n\/* ---------- Shop Page ---------- *\/\n.shop-layout {\n  display: grid;\n  grid-template-columns: 280px 1fr;\n  gap: 40px;\n  padding: 48px 0;\n}\n\n\/* Sidebar *\/\n.shop-sidebar {\n  position: sticky;\n  top: 120px;\n  align-self: start;\n}\n\n.filter-group {\n  margin-bottom: 32px;\n}\n\n.filter-group__title {\n  font-size: 16px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 2px solid var(--color-border);\n}\n\n.filter-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.filter-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  color: var(--color-text-secondary);\n  padding: 6px 0;\n  cursor: pointer;\n  transition: color var(--transition-fast);\n}\n\n.filter-item:hover {\n  color: var(--color-primary);\n}\n\n.filter-item__count {\n  background: var(--color-page-bg);\n  padding: 2px 8px;\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\/* Price range *\/\n.price-range {\n  margin-top: 12px;\n}\n\n.price-range__slider {\n  width: 100%;\n  height: 4px;\n  background: var(--color-border);\n  border-radius: 2px;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.price-range__fill {\n  position: absolute;\n  height: 100%;\n  background: var(--color-primary);\n  border-radius: 2px;\n  width: 100%;\n}\n\n.price-range__labels {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\/* Color filter *\/\n.color-filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.color-filter {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border-radius: 50px;\n  border: 1px solid var(--color-border);\n  font-size: 13px;\n  cursor: pointer;\n  transition: all var(--transition-fast);\n}\n\n.color-filter:hover {\n  border-color: var(--color-primary);\n}\n\n.color-filter__dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid rgba(0,0,0,0.1);\n}\n\n\/* Shop toolbar *\/\n.shop-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 24px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid var(--color-border);\n}\n\n.shop-toolbar__count {\n  font-size: 14px;\n  color: var(--color-text-secondary);\n}\n\n.shop-toolbar__actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.shop-toolbar__view {\n  display: flex;\n  gap: 4px;\n}\n\n.shop-toolbar__view-btn {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  font-size: 16px;\n  color: var(--color-text-light);\n  transition: all var(--transition-fast);\n}\n\n.shop-toolbar__view-btn.active,\n.shop-toolbar__view-btn:hover {\n  background: var(--color-text);\n  color: var(--color-white);\n}\n\n.shop-toolbar__sort {\n  padding: 8px 16px;\n  border: 1px solid var(--color-border);\n  border-radius: var(--btn-radius);\n  font-size: 14px;\n  font-family: inherit;\n  background: var(--color-white);\n  cursor: pointer;\n}\n\n\/* Shop product grid *\/\n.shop-products {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n\/* ---------- Product Detail Page ---------- *\/\n.product-detail {\n  padding: 48px 0 var(--section-gap);\n}\n\n.product-detail__inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: start;\n}\n\n\/* Gallery *\/\n.product-gallery {\n  position: sticky;\n  top: 120px;\n}\n\n.product-gallery__main {\n  position: relative;\n  background: var(--color-white);\n  border-radius: var(--card-radius);\n  padding: 40px;\n  margin-bottom: 16px;\n  border: 1px solid var(--color-border);\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.product-gallery__main img {\n  max-height: 400px;\n  object-fit: contain;\n}\n\n.product-gallery__thumbs {\n  display: flex;\n  gap: 12px;\n}\n\n.product-gallery__thumb {\n  width: 80px;\n  height: 80px;\n  background: var(--color-white);\n  border: 2px solid var(--color-border);\n  border-radius: 8px;\n  padding: 8px;\n  cursor: pointer;\n  transition: border-color var(--transition-fast);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.product-gallery__thumb.active,\n.product-gallery__thumb:hover {\n  border-color: var(--color-primary);\n}\n\n.product-gallery__thumb img {\n  max-height: 56px;\n  object-fit: contain;\n}\n\n\/* Product info *\/\n.product-info__stock {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  background: var(--color-badge-green);\n  color: var(--color-badge-green-text);\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 600;\n  margin-bottom: 16px;\n}\n\n.product-info__stock-dot {\n  width: 8px;\n  height: 8px;\n  background: var(--color-primary);\n  border-radius: 50%;\n}\n\n.product-info__nav {\n  display: flex;\n  gap: 16px;\n  float: right;\n  font-size: 14px;\n  color: var(--color-text-secondary);\n}\n\n.product-info__nav a:hover {\n  color: var(--color-primary);\n}\n\n.product-info__title {\n  font-size: clamp(28px, 3vw, 36px);\n  font-weight: 800;\n  margin-bottom: 8px;\n  line-height: 1.2;\n}\n\n.product-info__price {\n  font-size: 28px;\n  font-weight: 800;\n  color: var(--color-text);\n  margin-bottom: 20px;\n}\n\n.product-info__description {\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--color-text-secondary);\n  margin-bottom: 28px;\n}\n\n\/* Product options *\/\n.product-option {\n  margin-bottom: 24px;\n}\n\n.product-option__label {\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  display: block;\n}\n\n.product-option__colors {\n  display: flex;\n  gap: 8px;\n}\n\n.product-option__color {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  border: 3px solid transparent;\n  cursor: pointer;\n  transition: all var(--transition-fast);\n  position: relative;\n}\n\n.product-option__color.active {\n  border-color: var(--color-text);\n  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-text);\n}\n\n.product-option__color:hover {\n  transform: scale(1.1);\n}\n\n.product-option__select {\n  width: 100%;\n  padding: 12px 16px;\n  border: 1px solid var(--color-border);\n  border-radius: var(--btn-radius);\n  font-size: 14px;\n  font-family: inherit;\n  background: var(--color-white);\n  cursor: pointer;\n}\n\n\/* Quantity + Add to cart *\/\n.product-actions {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  margin-bottom: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--color-border);\n}\n\n.quantity-selector {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--color-border);\n  border-radius: var(--btn-radius);\n  overflow: hidden;\n}\n\n.quantity-selector__btn {\n  width: 44px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  color: var(--color-text);\n  transition: background var(--transition-fast);\n}\n\n.quantity-selector__btn:hover {\n  background: var(--color-page-bg);\n}\n\n.quantity-selector__value {\n  width: 50px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: 16px;\n  border-left: 1px solid var(--color-border);\n  border-right: 1px solid var(--color-border);\n}\n\n.product-total {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n.product-total__label {\n  font-size: 14px;\n  color: var(--color-text-secondary);\n}\n\n.product-total__price {\n  font-size: 32px;\n  font-weight: 800;\n}\n\n\/* Trust badges on product page *\/\n.product-trust {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  padding-top: 24px;\n  border-top: 1px solid var(--color-border);\n}\n\n.product-trust__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--color-text-secondary);\n}\n\n.product-trust__icon {\n  color: var(--color-primary);\n  font-size: 16px;\n}\n\n\/* ---------- Contact Page ---------- *\/\n.contact-section {\n  padding: 48px 0 var(--section-gap);\n}\n\n.contact-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  border-radius: var(--card-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-lg);\n}\n\n.contact-map {\n  min-height: 500px;\n  background: #E5E3DF;\n  position: relative;\n}\n\n.contact-map iframe {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n  border: none;\n}\n\n.contact-form-wrapper {\n  background: var(--color-white);\n  padding: 48px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.contact-form__label {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--color-primary);\n  margin-bottom: 8px;\n}\n\n.contact-form__title {\n  font-size: 32px;\n  font-weight: 800;\n  margin-bottom: 12px;\n}\n\n.contact-form__subtitle {\n  font-size: 15px;\n  color: var(--color-text-secondary);\n  margin-bottom: 32px;\n  line-height: 1.6;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-group label {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  margin-bottom: 6px;\n  color: var(--color-text);\n}\n\n.form-input {\n  width: 100%;\n  padding: 14px 16px;\n  border: 1px solid var(--color-border);\n  border-radius: var(--btn-radius);\n  font-size: 14px;\n  font-family: inherit;\n  transition: border-color var(--transition-fast);\n  background: var(--color-white);\n}\n\n.form-input:focus {\n  outline: none;\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 3px rgba(45, 155, 78, 0.1);\n}\n\n.form-textarea {\n  min-height: 140px;\n  resize: vertical;\n}\n\n\/* Contact info cards *\/\n.contact-info {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n\n.contact-info-card {\n  background: var(--color-white);\n  padding: 28px;\n  border-radius: var(--card-radius);\n  border: 1px solid var(--color-border);\n  text-align: center;\n  transition: all var(--transition-base);\n}\n\n.contact-info-card:hover {\n  box-shadow: var(--shadow-md);\n  border-color: var(--color-primary);\n}\n\n.contact-info-card__icon {\n  width: 48px;\n  height: 48px;\n  background: var(--color-badge-green);\n  color: var(--color-primary);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  margin: 0 auto 16px;\n}\n\n.contact-info-card__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 4px;\n}\n\n.contact-info-card__text {\n  font-size: 14px;\n  color: var(--color-text-secondary);\n}\n\n\/* ---------- FAQ Section ---------- *\/\n.faq-section {\n  padding: var(--section-gap) 0;\n  background: var(--color-white);\n}\n\n.faq-grid {\n  max-width: 800px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.faq-item {\n  background: var(--color-page-bg);\n  border-radius: var(--card-radius);\n  border: 1px solid var(--color-border);\n  overflow: hidden;\n  transition: all var(--transition-base);\n}\n\n.faq-item:hover {\n  border-color: var(--color-primary);\n}\n\n.faq-item__question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 20px 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--color-text);\n  text-align: left;\n  cursor: pointer;\n  gap: 16px;\n}\n\n.faq-item__question:hover {\n  color: var(--color-primary);\n}\n\n.faq-item__icon {\n  font-size: 20px;\n  flex-shrink: 0;\n  transition: transform var(--transition-base);\n}\n\n.faq-item.active .faq-item__icon {\n  transform: rotate(45deg);\n}\n\n.faq-item__answer {\n  padding: 0 24px 20px;\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--color-text-secondary);\n  display: none;\n}\n\n.faq-item.active .faq-item__answer {\n  display: block;\n}\n\n\/* ---------- Footer ---------- *\/\n.footer {\n  background: var(--color-topbar);\n  color: var(--color-white);\n  padding: 64px 0 0;\n}\n\n.footer__inner {\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr 1fr;\n  gap: 48px;\n  padding-bottom: 48px;\n}\n\n.footer__brand-text {\n  font-size: 14px;\n  opacity: 0.7;\n  line-height: 1.7;\n  margin-top: 16px;\n  max-width: 300px;\n}\n\n.footer__heading {\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  margin-bottom: 20px;\n  opacity: 0.5;\n}\n\n.footer__links {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.footer__link {\n  font-size: 14px;\n  opacity: 0.7;\n  transition: opacity var(--transition-fast);\n}\n\n.footer__link:hover {\n  opacity: 1;\n}\n\n.footer__social {\n  display: flex;\n  gap: 12px;\n  margin-top: 20px;\n}\n\n.footer__social-link {\n  width: 36px;\n  height: 36px;\n  background: rgba(255,255,255,0.1);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  transition: background var(--transition-fast);\n}\n\n.footer__social-link:hover {\n  background: var(--color-primary);\n}\n\n.footer__bottom {\n  border-top: 1px solid rgba(255,255,255,0.1);\n  padding: 20px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 13px;\n  opacity: 0.5;\n}\n\n.footer__payment {\n  display: flex;\n  gap: 12px;\n  font-size: 20px;\n}\n\n\/* ---------- Decorative Elements ---------- *\/\n.deco {\n  position: absolute;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.deco--fry-1 {\n  top: 12%;\n  left: 5%;\n  animation: float 4s ease-in-out infinite;\n  transform: rotate(-15deg);\n  opacity: 0.6;\n}\n\n.deco--fry-2 {\n  bottom: 18%;\n  left: 42%;\n  animation: float-reverse 5s ease-in-out infinite;\n  transform: rotate(20deg);\n  opacity: 0.5;\n}\n\n.deco--fork {\n  top: 20%;\n  right: 8%;\n  animation: float 6s ease-in-out infinite 1s;\n  transform: rotate(25deg);\n  opacity: 0.4;\n}\n\n.deco--dot-1 {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--color-fun-red);\n  top: 25%;\n  left: 38%;\n  animation: bounce-subtle 3s ease-in-out infinite;\n  opacity: 0.35;\n}\n\n.deco--dot-2 {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--color-fun-teal);\n  top: 65%;\n  left: 8%;\n  animation: bounce-subtle 4s ease-in-out infinite 0.5s;\n  opacity: 0.3;\n}\n\n.deco--dot-3 {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: var(--color-fun-yellow);\n  bottom: 15%;\n  right: 15%;\n  animation: bounce-subtle 3.5s ease-in-out infinite 1s;\n  opacity: 0.4;\n}\n\n.deco--ketchup {\n  top: -20px;\n  right: 8%;\n  animation: float 5s ease-in-out infinite;\n}\n\n.deco--mayo {\n  bottom: 40px;\n  left: 3%;\n  animation: float-reverse 6s ease-in-out infinite;\n}\n\n\/* ---------- SEO Content ---------- *\/\n.seo-content {\n  padding: 80px 0;\n  background: var(--color-bg-alt);\n}\n\n.seo-content__grid {\n  display: grid;\n  grid-template-columns: 1.4fr 1fr;\n  gap: 48px;\n  align-items: start;\n}\n\n.seo-content__main h2 {\n  font-family: var(--font-display);\n  font-size: 28px;\n  font-weight: 700;\n  margin-bottom: 16px;\n}\n\n.seo-content__main h3 {\n  font-family: var(--font-display);\n  font-size: 20px;\n  font-weight: 600;\n  margin: 28px 0 12px;\n}\n\n.seo-content__main p {\n  color: var(--color-text-secondary);\n  line-height: 1.7;\n  margin-bottom: 12px;\n}\n\n.seo-content__main ul {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 12px;\n}\n\n.seo-content__main ul li {\n  position: relative;\n  padding-left: 24px;\n  color: var(--color-text-secondary);\n  line-height: 1.8;\n}\n\n.seo-content__main ul li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 10px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--color-primary);\n}\n\n.seo-content__main a {\n  color: var(--color-primary);\n  font-weight: 600;\n  text-decoration: underline;\n}\n\n.seo-content__card {\n  background: var(--color-white);\n  border-radius: 12px;\n  padding: 28px;\n  border: 1px solid var(--color-border);\n}\n\n.seo-content__card h4 {\n  font-family: var(--font-display);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 16px;\n}\n\n.seo-content__card details {\n  border-bottom: 1px solid var(--color-border);\n  padding: 12px 0;\n}\n\n.seo-content__card details:last-child {\n  border-bottom: none;\n}\n\n.seo-content__card summary {\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--color-text);\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.seo-content__card summary::after {\n  content: '+';\n  font-size: 18px;\n  font-weight: 400;\n  color: var(--color-text-secondary);\n  transition: transform 0.2s;\n}\n\n.seo-content__card details[open] summary::after {\n  content: '-';\n}\n\n.seo-content__card details p {\n  font-size: 14px;\n  color: var(--color-text-secondary);\n  line-height: 1.6;\n  margin-top: 8px;\n}\n\n.seo-content__card details a {\n  color: var(--color-primary);\n  font-weight: 600;\n}\n\n\/* ---------- Contact Channels ---------- *\/\n.contact-channels {\n  padding: 80px 0;\n  background: var(--color-white);\n}\n\n.contact-channels__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 40px;\n}\n\n.contact-channel {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 36px 24px;\n  border-radius: 12px;\n  border: 1px solid var(--color-border);\n  background: var(--color-bg-alt);\n  text-decoration: none;\n  color: var(--color-text);\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.contact-channel:hover {\n  border-color: var(--color-primary);\n  box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n}\n\n.contact-channel--whatsapp:hover {\n  border-color: #25D366;\n}\n\n.contact-channel__icon {\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--color-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 16px;\n  color: var(--color-text);\n  border: 1px solid var(--color-border);\n}\n\n.contact-channel--whatsapp .contact-channel__icon {\n  background: #25D366;\n  border-color: #25D366;\n  color: #fff;\n}\n\n.contact-channel__title {\n  font-family: var(--font-display);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n\n.contact-channel__text {\n  font-size: 15px;\n  color: var(--color-text-secondary);\n  margin-bottom: 4px;\n}\n\n.contact-channel__sub {\n  font-size: 13px;\n  color: var(--color-text-secondary);\n  opacity: 0.7;\n}\n\n\/* ---------- WhatsApp Float ---------- *\/\n.whatsapp-float {\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  z-index: 999;\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: #25D366;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n\n.whatsapp-float::before {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border-radius: 50%;\n  background: #25D366;\n  opacity: 0.3;\n  animation: pulse-ring 2s ease-out infinite;\n}\n\n@keyframes pulse-ring {\n  0% { transform: scale(1); opacity: 0.3; }\n  100% { transform: scale(1.6); opacity: 0; }\n}\n\n.whatsapp-float:hover {\n  transform: scale(1.1);\n  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 1024px) {\n  .hero__inner {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .hero__subtitle {\n    margin: 0 auto 32px;\n  }\n\n  .hero__ctas {\n    justify-content: center;\n  }\n\n  .hero__badges {\n    justify-content: center;\n  }\n\n  .hero__image-wrapper {\n    display: none;\n  }\n\n  .usp-strip__inner {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .products-grid,\n  .categories-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .shop-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .shop-sidebar {\n    position: static;\n  }\n\n  .product-detail__inner {\n    grid-template-columns: 1fr;\n  }\n\n  .product-gallery {\n    position: static;\n  }\n\n  .contact-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-map {\n    min-height: 300px;\n  }\n\n  .footer__inner {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .seo-content__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-channels__grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 768px) {\n  :root {\n    --section-gap: 56px;\n    --container-padding: 16px;\n  }\n\n  .deco {\n    display: none;\n  }\n\n  .topbar__inner {\n    justify-content: center;\n  }\n\n  .topbar__item:not(:first-child) {\n    display: none;\n  }\n\n  .nav {\n    display: none;\n  }\n\n  .header__menu-toggle {\n    display: flex;\n  }\n\n  .usp-strip__inner {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .products-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .shop-products {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .reviews-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .product-trust {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-info {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-form-wrapper {\n    padding: 32px 20px;\n  }\n\n  .footer__inner {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n\n  .footer__bottom {\n    flex-direction: column;\n    gap: 12px;\n    text-align: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .shop-products {\n    grid-template-columns: 1fr;\n  }\n\n  .categories-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .product-actions {\n    flex-direction: column;\n  }\n\n  .product-actions .btn {\n    width: 100%;\n  }\n}\n\n\/* ==========================================================================\n   FASE 1 ADDITIONS \u2014 Willem's feedback (11 mei 2026)\n   1. Tegelvullende productafbeeldingen (zie .product-card__image hierboven)\n   2. Kleurschakelaar: thumbnails van zusterproducten op productpagina\n   3. Taalswitcher in header (NL \/ EN-US \/ EN-GB \/ DE)\n   ========================================================================== *\/\n\n\/* ---------- Color siblings (kleurschakelaar productpagina) ---------- *\/\n\/* Vervangt de oude .product-option__colors round swatches.\n   Toont thumbnails van zusterproducten \u2014 elk een eigen URL. *\/\n.color-siblings {\n  margin-bottom: 28px;\n}\n\n.color-siblings__label {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 12px;\n  color: var(--color-text);\n}\n\n.color-siblings__current {\n  font-weight: 400;\n  color: var(--color-text-secondary);\n  font-size: 13px;\n}\n\n.color-siblings__grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));\n  gap: 10px;\n}\n\n.color-sibling {\n  position: relative;\n  display: block;\n  aspect-ratio: 1;\n  border-radius: 10px;\n  overflow: hidden;\n  border: 2px solid var(--color-border);\n  background: #FAFAFA;\n  transition: border-color var(--transition-fast), transform var(--transition-fast);\n  text-decoration: none;\n}\n\n.color-sibling img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.color-sibling:hover {\n  border-color: var(--color-primary);\n  transform: translateY(-2px);\n}\n\n.color-sibling[aria-current=\"true\"] {\n  border-color: var(--color-text);\n  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-text);\n}\n\n.color-sibling[aria-current=\"true\"]::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.45) 100%);\n  pointer-events: none;\n}\n\n.color-sibling__name {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 4px;\n  text-align: center;\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--color-white);\n  text-shadow: 0 1px 2px rgba(0,0,0,0.4);\n  opacity: 0;\n  transition: opacity var(--transition-fast);\n  padding: 0 4px;\n}\n\n.color-sibling:hover .color-sibling__name,\n.color-sibling[aria-current=\"true\"] .color-sibling__name {\n  opacity: 1;\n}\n\n\/* ---------- Language switcher (header) \u2014 pure HTML <details>, no JS ---------- *\/\n.lang-switcher {\n  position: relative;\n  display: inline-block;\n  margin-right: 4px;\n}\n\n.lang-switcher > summary {\n  list-style: none;\n  cursor: pointer;\n}\n\n.lang-switcher > summary::-webkit-details-marker {\n  display: none;\n}\n\n.lang-switcher__toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--color-text);\n  border-radius: var(--btn-radius);\n  transition: background var(--transition-fast), color var(--transition-fast);\n}\n\n.lang-switcher > summary:hover .lang-switcher__toggle,\n.lang-switcher[open] .lang-switcher__toggle {\n  background: var(--color-page-bg);\n  color: var(--color-primary);\n}\n\n.lang-switcher__flag {\n  font-size: 16px;\n  line-height: 1;\n}\n\n.lang-switcher__chevron {\n  width: 14px;\n  height: 14px;\n  transition: transform var(--transition-fast);\n}\n\n.lang-switcher[open] .lang-switcher__chevron {\n  transform: rotate(180deg);\n}\n\n.lang-switcher__menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 0;\n  min-width: 200px;\n  background: var(--color-white);\n  border: 1px solid var(--color-border);\n  border-radius: 10px;\n  box-shadow: var(--shadow-lg);\n  padding: 6px;\n  z-index: 200;\n  list-style: none;\n  margin: 0;\n}\n\n.lang-switcher__option {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 8px 12px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-text);\n  border-radius: 6px;\n  text-decoration: none;\n  transition: background var(--transition-fast);\n}\n\n.lang-switcher__option:hover {\n  background: var(--color-page-bg);\n}\n\n.lang-switcher__option[aria-current=\"true\"] {\n  background: var(--color-badge-green);\n  color: var(--color-badge-green-text);\n}\n\n.lang-switcher__option-meta {\n  margin-left: auto;\n  font-size: 11px;\n  color: var(--color-text-light);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n@media (max-width: 768px) {\n  .lang-switcher__toggle .lang-switcher__label {\n    display: none;\n  }\n  .lang-switcher__toggle {\n    padding: 8px;\n  }\n}\n\n\/* Tegelvullend ook respecteren op shop list view *\/\n.shop-products .product-card__image {\n  aspect-ratio: 1;\n}\n\n\/* Op productpagina blijft de hoofdgallery met witte tile (showcase) \u2014 niet tegelvullend. *\/\n\n\n\/* === FORCEER DESKTOP LAYOUT OP ALLE VIEWPORTS === *\/\n.hero__inner { display: grid !important; grid-template-columns: 1.1fr 1fr !important; text-align: left !important; gap: 40px !important; align-items: center !important; }\n.hero__content { text-align: left !important; }\n.hero__subtitle { margin: 0 0 32px !important; }\n.hero__ctas { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 16px !important; }\n.hero__features { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 24px !important; }\n.products-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; }\n.categories-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; }\n.reviews-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }\n.footer__inner { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr 1.1fr !important; gap: 40px !important; }\n.seo-content__grid { display: grid !important; grid-template-columns: 2fr 1fr !important; gap: 40px !important; }\n.contact-channels__grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }\n.topbar__inner { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 24px !important; }\n.header__inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; }\n.section-heading--editorial { display: grid !important; grid-template-columns: auto 1fr auto !important; gap: 24px !important; align-items: end !important; }\n\/* Page horizontaal gecentreerd in max-width container *\/\n.container { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; }\n.header__menu-toggle { display: none !important; }\n\/* Verberg dun wit usp-strip blok tussen hero en products (overbodig - features zitten al in hero) *\/\n.usp-strip { display: none !important; }\n\/* === WC shortcode output binnen fase1 .products-grid \/ .categories-grid === *\/\n\/* Belangrijk: .products-grid is normaal zelf grid, maar bevat nu een UL die we als grid maken;\n   dus reset .products-grid naar block zodat UL volle breedte krijgt *\/\n.products-grid, .categories-grid { display: block !important; padding: 0 !important; }\n\/* WC voegt ::before en ::after toe aan ul.products voor float-clearfix; die worden grid-items en stelen kolommen *\/\n.products-grid ul.products::before, .products-grid ul.products::after,\n.categories-grid ul.products::before, .categories-grid ul.products::after { content: none !important; display: none !important; }\n.woocommerce .products-grid ul.products, .woocommerce .categories-grid ul.products,\n.products-grid ul.products, .categories-grid ul.products,\n.products-grid ul.products.columns-4, .categories-grid ul.products.columns-4 {\n  list-style: none !important; padding: 0 !important; margin: 0 !important;\n  display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important;\n  width: 100% !important;\n}\n.woocommerce .products-grid ul.products li.product,\n.woocommerce .categories-grid ul.products li.product,\n.products-grid ul.products li.product, .categories-grid ul.products li.product,\n.products-grid ul.products li.product-category, .categories-grid ul.products li.product-category {\n  width: 100% !important; max-width: 100% !important; min-width: 0 !important;\n  margin: 0 !important; padding: 16px !important;\n  float: none !important; clear: none !important; list-style: none !important;\n  background: var(--color-white) !important; border-radius: var(--card-radius, 12px) !important;\n  border: 1px solid var(--color-border, #E5E7EB) !important;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;\n  transition: transform 0.2s, box-shadow 0.2s !important;\n}\n.products-grid ul.products li.product:hover, .categories-grid ul.products li.product:hover,\n.categories-grid ul.products li.product-category:hover {\n  transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;\n}\n.products-grid li.product img, .categories-grid li.product img, .categories-grid li.product-category img {\n  width: 100% !important; height: auto !important; aspect-ratio: 1 !important;\n  object-fit: cover !important; border-radius: 8px !important; margin-bottom: 12px !important;\n  display: block !important;\n}\n.products-grid .woocommerce-loop-product__title, .categories-grid .woocommerce-loop-category__title {\n  font-size: 16px !important; font-weight: 700 !important; padding: 0 !important;\n  margin: 8px 0 4px !important; line-height: 1.3 !important; color: var(--color-text, #1A1A1A) !important;\n}\n.products-grid .price, .products-grid .price .woocommerce-Price-amount, .products-grid .price bdi {\n  color: var(--color-primary, #2D9B4E) !important; font-weight: 700 !important; font-size: 16px !important;\n}\n.products-grid .button, .categories-grid .button { display: none !important; }\n.products-grid .onsale, .categories-grid .onsale { display: none !important; }\n.categories-grid .count { display: inline-block !important; margin-left: 6px !important; color: var(--color-text-light, #8A929A) !important; font-weight: 400 !important; font-size: 13px !important; }\n.products-grid li.product a, .categories-grid li.product a, .categories-grid li.product-category a {\n  display: block !important; text-decoration: none !important; color: inherit !important;\n}\n@media (max-width: 768px) {\n  .products-grid ul.products, .categories-grid ul.products { grid-template-columns: repeat(2, 1fr) !important; }\n  \/* Hero stack *\/\n  .hero__inner { grid-template-columns: 1fr !important; gap: 24px !important; text-align: center !important; }\n  .hero__content { text-align: center !important; }\n  .hero__ctas { flex-direction: column !important; align-items: stretch !important; }\n  .hero__ctas .btn, .hero__ctas a { justify-content: center !important; }\n  .hero__features { flex-direction: column !important; gap: 12px !important; align-items: center !important; }\n  \/* Header \/ Nav mobile *\/\n  .nav { display: none !important; }\n  .header__menu-toggle { display: flex !important; }\n  .header__actions .lang-switcher, .header__actions .header__account span { display: none !important; }\n  \/* Topbar compact (alleen eerste USP + rating) *\/\n  .topbar__inner { justify-content: center !important; gap: 12px !important; flex-wrap: wrap !important; }\n  .topbar__item:not(:first-child) { display: none !important; }\n  \/* Footer stack *\/\n  .footer__inner { grid-template-columns: 1fr !important; gap: 32px !important; }\n  \/* Andere grids *\/\n  .reviews-grid { grid-template-columns: 1fr !important; }\n  .seo-content__grid { grid-template-columns: 1fr !important; }\n  .contact-channels__grid { grid-template-columns: 1fr !important; }\n  .section-heading--editorial { grid-template-columns: 1fr !important; gap: 12px !important; }\n  .container { padding-left: 16px !important; padding-right: 16px !important; }\n}\n@media (max-width: 480px) {\n  .products-grid ul.products, .categories-grid ul.products { grid-template-columns: 1fr !important; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75dd560 elementor-widget elementor-widget-html\" data-id=\"75dd560\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== Top Bar ========== -->\n  <div class=\"topbar\">\n    <div class=\"container\">\n      <div class=\"topbar__inner\">\n        <div class=\"topbar__item\">\n          <span class=\"topbar__icon\"><i data-lucide=\"truck\"><\/i><\/span>\n          Op werkdagen voor 15.30 besteld, zelfde dag verzonden\n        <\/div>\n        <div class=\"topbar__item\">\n          <span class=\"topbar__icon\"><i data-lucide=\"message-circle\"><\/i><\/span>\n          Vragen? We helpen je graag!\n        <\/div>\n        <div class=\"topbar__item\">\n          <span class=\"topbar__icon\"><i data-lucide=\"users\"><\/i><\/span>\n          5000+ klanten gingen je al voor!\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== Header ========== -->\n  <header class=\"header\" id=\"header\">\n    <div class=\"container\">\n      <div class=\"header__inner\">\n        <a href=\"\/\" class=\"header__logo\">\n          <img decoding=\"async\" src=\"https:\/\/frietzakjes.nl\/wp-content\/uploads\/2023\/10\/cropped-Logo.jpg\" alt=\"Frietzakjes.nl logo\" style=\"height: 36px; width: auto; border-radius: 4px;\">\n          FRIETZAKJES<span>.NL<\/span>\n        <\/a>\n\n        <nav class=\"nav\" aria-label=\"Hoofdnavigatie\">\n          <a href=\"\/\" class=\"nav__link active\">Home<\/a>\n          <a href=\"\/shop\/\" class=\"nav__link\">Shop<\/a>\n          <a href=\"https:\/\/staging.frietzakjes.nl\/maten\/\" class=\"nav__link\">Maten<\/a>\n          <a href=\"https:\/\/staging.frietzakjes.nl\/meter-friet\/\" class=\"nav__link\">Meter Friet<\/a>\n          <a href=\"https:\/\/staging.frietzakjes.nl\/over-ons\/\" class=\"nav__link\">Over Ons<\/a>\n          <a href=\"\/contact\/\" class=\"nav__link\">Contact<\/a>\n        <\/nav>\n\n        <div class=\"header__actions\">\n          <details class=\"lang-switcher\">\n            <summary aria-label=\"Taal kiezen\">\n              <span class=\"lang-switcher__toggle\">\n                <span class=\"lang-switcher__flag\" aria-hidden=\"true\">&#127475;&#127473;<\/span>\n                <span class=\"lang-switcher__label\">NL<\/span>\n                <svg class=\"lang-switcher__chevron\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 6l4 4 4-4\"\/><\/svg>\n              <\/span>\n            <\/summary>\n            <ul class=\"lang-switcher__menu\" role=\"menu\">\n              <li role=\"none\"><a class=\"lang-switcher__option\" role=\"menuitem\" href=\"https:\/\/frietzakjes.nl\/\" aria-current=\"true\"><span class=\"lang-switcher__flag\" aria-hidden=\"true\">&#127475;&#127473;<\/span> Nederlands <span class=\"lang-switcher__option-meta\">.nl<\/span><\/a><\/li>\n              <li role=\"none\"><a class=\"lang-switcher__option\" role=\"menuitem\" href=\"https:\/\/paperchipcones.com\/\"><span class=\"lang-switcher__flag\" aria-hidden=\"true\">&#127482;&#127480;<\/span> English (US) <span class=\"lang-switcher__option-meta\">.com<\/span><\/a><\/li>\n              <li role=\"none\"><a class=\"lang-switcher__option\" role=\"menuitem\" href=\"https:\/\/paperchipcones.co.uk\/\"><span class=\"lang-switcher__flag\" aria-hidden=\"true\">&#127468;&#127463;<\/span> English (UK) <span class=\"lang-switcher__option-meta\">.co.uk<\/span><\/a><\/li>\n              <li role=\"none\"><a class=\"lang-switcher__option\" role=\"menuitem\" href=\"https:\/\/pommesfritestueten.de\/\"><span class=\"lang-switcher__flag\" aria-hidden=\"true\">&#127465;&#127466;<\/span> Deutsch <span class=\"lang-switcher__option-meta\">.de<\/span><\/a><\/li>\n            <\/ul>\n          <\/details>\n          <button class=\"header__action-btn\" aria-label=\"Zoeken\">\n            <i data-lucide=\"search\"><\/i>\n          <\/button>\n          <button class=\"header__action-btn\" aria-label=\"Verlanglijst\">\n            <i data-lucide=\"heart\"><\/i>\n            <span class=\"header__badge\">0<\/span>\n          <\/button>\n          <button class=\"header__action-btn\" aria-label=\"Winkelwagen\">\n            <i data-lucide=\"shopping-cart\"><\/i>\n          <\/button>\n          <a href=\"\/account\" class=\"header__account\">\n            <i data-lucide=\"user\"><\/i> Mijn Account\n          <\/a>\n        <\/div>\n\n        <button class=\"header__menu-toggle\" aria-label=\"Menu openen\">\n          <i data-lucide=\"menu\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ========== Hero Section ========== -->\n  <section class=\"hero\">\n    <!-- Decorative floating snack elements -->\n    <div class=\"deco deco--fry-1\" aria-hidden=\"true\">\n      <svg width=\"40\" height=\"80\" viewBox=\"0 0 40 80\" fill=\"none\"><rect x=\"8\" y=\"0\" width=\"24\" height=\"72\" rx=\"4\" fill=\"#FFD23F\" opacity=\"0.9\"\/><rect x=\"12\" y=\"0\" width=\"16\" height=\"72\" rx=\"3\" fill=\"#FFBC0A\" opacity=\"0.5\"\/><\/svg>\n    <\/div>\n    <div class=\"deco deco--fry-2\" aria-hidden=\"true\">\n      <svg width=\"32\" height=\"64\" viewBox=\"0 0 32 64\" fill=\"none\"><rect x=\"6\" y=\"0\" width=\"20\" height=\"58\" rx=\"4\" fill=\"#FFD23F\" opacity=\"0.8\"\/><rect x=\"10\" y=\"0\" width=\"12\" height=\"58\" rx=\"3\" fill=\"#FFBC0A\" opacity=\"0.4\"\/><\/svg>\n    <\/div>\n    <div class=\"deco deco--fork\" aria-hidden=\"true\">\n      <svg width=\"28\" height=\"60\" viewBox=\"0 0 28 60\" fill=\"none\"><rect x=\"12\" y=\"20\" width=\"4\" height=\"40\" rx=\"2\" fill=\"#8B7355\"\/><rect x=\"4\" y=\"0\" width=\"3\" height=\"24\" rx=\"1.5\" fill=\"#8B7355\"\/><rect x=\"12.5\" y=\"0\" width=\"3\" height=\"24\" rx=\"1.5\" fill=\"#8B7355\"\/><rect x=\"21\" y=\"0\" width=\"3\" height=\"24\" rx=\"1.5\" fill=\"#8B7355\"\/><\/svg>\n    <\/div>\n    <div class=\"deco deco--dot-1\" aria-hidden=\"true\"><\/div>\n    <div class=\"deco deco--dot-2\" aria-hidden=\"true\"><\/div>\n    <div class=\"deco deco--dot-3\" aria-hidden=\"true\"><\/div>\n    <div class=\"container\">\n      <div class=\"hero__inner\">\n        <div class=\"hero__content\">\n          <h1 class=\"hero__title\">\n            Puntzakken in <span class=\"hero__title-highlight\">alle<\/span> formaten\n          <\/h1>\n          <p class=\"hero__subtitle\">\n            Voor iedere gelegenheid en snack hebben wij het geschikte zakje in huis.\n          <\/p>\n          <div class=\"hero__ctas\">\n            <a href=\"\/shop\" class=\"btn btn--primary btn--lg\">\n              Bekijk collectie <i data-lucide=\"arrow-right\" style=\"width: 18px; height: 18px;\"><\/i>\n            <\/a>\n            <a href=\"\/shop\" class=\"btn btn--outline btn--lg\">\n              Alle producten\n            <\/a>\n          <\/div>\n          <div class=\"hero__badges\">\n            <div class=\"hero__badge\">\n              <span class=\"hero__badge-icon\"><i data-lucide=\"check\" style=\"width: 18px; height: 18px;\"><\/i><\/span>\n              FSC Gecertificeerd\n            <\/div>\n            <div class=\"hero__badge\">\n              <span class=\"hero__badge-icon\"><i data-lucide=\"check\" style=\"width: 18px; height: 18px;\"><\/i><\/span>\n              Bulk korting\n            <\/div>\n            <div class=\"hero__badge\">\n              <span class=\"hero__badge-icon\"><i data-lucide=\"check\" style=\"width: 18px; height: 18px;\"><\/i><\/span>\n              Geproduceerd in NL\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hero__image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/staging.frietzakjes.nl\/wp-content\/themes\/frietzakjes-child\/assets\/images\/hero-cones-transparent.png\"\n               alt=\"Bedrukte puntzakken in verschillende designs - Queen's Chips, Belgium Chips, Haute Friture\"\n               class=\"hero__image-img\">\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- Pagination dots -->\n    <div style=\"position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 3;\">\n      <span style=\"width: 32px; height: 4px; border-radius: 2px; background: var(--color-text);\"><\/span>\n      <span style=\"width: 32px; height: 4px; border-radius: 2px; background: var(--color-border);\"><\/span>\n      <span style=\"width: 32px; height: 4px; border-radius: 2px; background: var(--color-border);\"><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- ========== USP Strip ========== -->\n  <section class=\"usp-strip reveal\">\n    <div class=\"container\">\n      <div class=\"usp-strip__inner\">\n        <div class=\"usp-item\">\n          <div class=\"usp-item__icon\"><i data-lucide=\"truck\"><\/i><\/div>\n          <div>\n            <div class=\"usp-item__title\">Snelle Levering<\/div>\n            <div class=\"usp-item__text\">Besteld voor 15.30? Zelfde dag verzonden<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"usp-item\">\n          <div class=\"usp-item__icon\"><i data-lucide=\"printer\"><\/i><\/div>\n          <div>\n            <div class=\"usp-item__title\">Eigen Bedrukking<\/div>\n            <div class=\"usp-item__text\">Vanaf 75 stuks met jouw eigen ontwerp<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"usp-item\">\n          <div class=\"usp-item__icon\"><i data-lucide=\"tag\"><\/i><\/div>\n          <div>\n            <div class=\"usp-item__title\">Bulk Korting<\/div>\n            <div class=\"usp-item__text\">Hoe meer je bestelt, hoe voordeliger<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"usp-item\">\n          <div class=\"usp-item__icon\"><i data-lucide=\"leaf\"><\/i><\/div>\n          <div>\n            <div class=\"usp-item__title\">FSC Gecertificeerd<\/div>\n            <div class=\"usp-item__text\">Duurzaam geproduceerd papier<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ========== Popular Products ========== -->\n  <section class=\"products-section reveal\" style=\"position: relative;\">\n    <!-- Decorative ketchup splash -->\n    <div class=\"deco deco--ketchup\" aria-hidden=\"true\">\n      <svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\"><circle cx=\"30\" cy=\"30\" r=\"20\" fill=\"#E8443A\" opacity=\"0.15\"\/><circle cx=\"42\" cy=\"18\" r=\"8\" fill=\"#E8443A\" opacity=\"0.1\"\/><circle cx=\"16\" cy=\"40\" r=\"6\" fill=\"#E8443A\" opacity=\"0.08\"\/><\/svg>\n    <\/div>\n    <div class=\"deco deco--mayo\" aria-hidden=\"true\">\n      <svg width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\"><circle cx=\"25\" cy=\"25\" r=\"18\" fill=\"#FFF3D1\" opacity=\"0.6\"\/><circle cx=\"38\" cy=\"14\" r=\"7\" fill=\"#FFF3D1\" opacity=\"0.4\"\/><\/svg>\n    <\/div>\n    <div class=\"container\">\n      <div class=\"section-heading\">\n        <span class=\"section-heading__label\">Populair<\/span>\n        <h2 class=\"section-heading__title\">Onze bestverkochte producten<\/h2>\n        <p class=\"section-heading__subtitle\">De favorieten van onze klanten, van snackbar tot evenement.<\/p>\n      <\/div>\n\n      <div class=\"products-grid\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n<li class=\"product type-product post-6679 status-publish first outofstock product_cat-paper-chip-cones product_cat-checked-pattern-cones-gb has-post-thumbnail featured shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-brabant-check-red-white-40-cones\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Brabants-Bont2-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Puntzak Brabants Bont &lt;BR&gt; 40 stuks\" srcset=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Brabants-Bont2-300x300.jpg 300w, https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Brabants-Bont2-150x150.jpg 150w, https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Brabants-Bont2-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Puntzak Brabants Bont <BR> 40 stuks<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;6,49<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-brabant-check-red-white-40-cones\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_6679\" data-quantity=\"1\" class=\"button product_type_variable\" data-product_id=\"6679\" data-product_sku=\"12.001-1\" aria-label=\"Select options for &ldquo;Puntzak Brabants Bont  40 stuks&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_6679\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<li class=\"product type-product post-57 status-publish outofstock product_cat-paper-chip-cones product_cat-checked-pattern-cones-gb has-post-thumbnail shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-blue-white-checkered-40-cones\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-zeeuws-bont-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Puntzak friet papier zeeuws bont\" srcset=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-zeeuws-bont-1-300x300.jpg 300w, https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-zeeuws-bont-1-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Puntzak Blauwe Ruit <br> 40 stuks<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;6,49<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-blue-white-checkered-40-cones\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_57\" data-quantity=\"1\" class=\"button product_type_variable\" data-product_id=\"57\" data-product_sku=\"12.023-1\" aria-label=\"Select options for &ldquo;Puntzak Blauwe Ruit  40 stuks&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_57\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<li class=\"product type-product post-131 status-publish outofstock product_cat-paper-chip-cones product_cat-coloured-cones-gb has-post-thumbnail shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-pink-40-cones\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-licht-roze-800-x1000-1-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Roze papier puntzak friet, de puntzak voor roze thema feestjes, zoals babyshower\" srcset=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-licht-roze-800-x1000-1-1-300x300.jpg 300w, https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-licht-roze-800-x1000-1-1-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Puntzak Roze <br> 40 stuks<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;6,49<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-pink-40-cones\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_131\" data-quantity=\"1\" class=\"button product_type_variable\" data-product_id=\"131\" data-product_sku=\"12.016-1\" aria-label=\"Select options for &ldquo;Puntzak Roze  40 stuks&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_131\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<li class=\"product type-product post-161 status-publish last outofstock product_cat-dutch-orange-summer-gb product_cat-paper-chip-cones product_cat-coloured-cones-gb has-post-thumbnail shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-orange-40-cones\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-oranje-2-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Frietzak Oranje, papier puntzak oranje van vetvrij papier\" srcset=\"https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-oranje-2-300x300.jpg 300w, https:\/\/staging.frietzakjes.nl\/wp-content\/uploads\/2016\/04\/Puntzak-oranje-2-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Puntzak Oranje <br> 40 stuks<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;6,49<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/staging.frietzakjes.nl\/en-gb\/product\/paper-chip-cone-orange-40-cones\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_161\" data-quantity=\"1\" class=\"button product_type_variable\" data-product_id=\"161\" data-product_sku=\"12.013-1\" aria-label=\"Select options for &ldquo;Puntzak Oranje  40 stuks&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_161\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/section>\n\n  <!-- ========== Categories ========== -->\n  <section class=\"categories-section reveal\">\n    <div class=\"container\">\n      <div class=\"section-heading\">\n        <span class=\"section-heading__label\">Categorie&euml;n<\/span>\n        <h2 class=\"section-heading__title\">Bekijk ons assortiment<\/h2>\n      <\/div>\n\n      <div class=\"categories-grid\"><div class=\"woocommerce columns-4\"><\/div><\/div><\/div><\/section>\n\n  <!-- ========== Reviews ========== -->\n  <section class=\"reviews-section reveal\">\n    <div class=\"container\">\n      <div class=\"section-heading\">\n        <span class=\"section-heading__label\">Klantbeoordelingen<\/span>\n        <h2 class=\"section-heading__title\">Wat onze klanten zeggen<\/h2>\n        <div style=\"margin-top: 16px;\">\n          <div class=\"google-rating\">\n            <span class=\"google-rating__stars\">\n              <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n              <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n              <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n              <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n              <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <\/span>\n            <span class=\"google-rating__score\">4.9<\/span>\n            <span>op Google<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"reviews-grid\">\n        <!-- Review 1 -->\n        <div class=\"review-card\">\n          <div class=\"review-card__stars\">\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n          <\/div>\n          <p class=\"review-card__text\">\n            \"Uitstekende kwaliteit frietzakken! We gebruiken ze dagelijks in ons restaurant en onze gasten zijn altijd onder de indruk. Snelle levering en top service.\"\n          <\/p>\n          <div class=\"review-card__author\">\n            <div class=\"review-card__avatar\">RL<\/div>\n            <div>\n              <div class=\"review-card__name\">Restaurant De Lindehof<\/div>\n              <div class=\"review-card__date\">2 weken geleden<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Review 2 -->\n        <div class=\"review-card\">\n          <div class=\"review-card__stars\">\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n          <\/div>\n          <p class=\"review-card__text\">\n            \"Al jaren vaste klant. De puntzakken zijn stevig, zien er mooi uit en de prijs is heel scherp. Bestel altijd de Brabants Bont, die vliegen de toonbank over!\"\n          <\/p>\n          <div class=\"review-card__author\">\n            <div class=\"review-card__avatar\">SH<\/div>\n            <div>\n              <div class=\"review-card__name\">Snackbar Het Hoekje<\/div>\n              <div class=\"review-card__date\">1 maand geleden<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Review 3 -->\n        <div class=\"review-card\">\n          <div class=\"review-card__stars\">\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n            <i data-lucide=\"star\" style=\"width: 16px; height: 16px; fill: #F59E0B; color: #F59E0B;\"><\/i>\n          <\/div>\n          <p class=\"review-card__text\">\n            \"Voor ons jaarlijkse festival bestellen we altijd bedrukte zakjes. Het hele traject verloopt soepel, van ontwerp tot levering. Aanrader voor evenementen!\"\n          <\/p>\n          <div class=\"review-card__author\">\n            <div class=\"review-card__avatar\">EZ<\/div>\n            <div>\n              <div class=\"review-card__name\">Evenementenbureau Zuid<\/div>\n              <div class=\"review-card__date\">3 weken geleden<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ========== CTA Banner ========== -->\n  <section class=\"cta-banner reveal\">\n    <div class=\"container\">\n      <h2 class=\"cta-banner__title\">Eigen bedrukking vanaf 75 stuks<\/h2>\n      <p class=\"cta-banner__text\">\n        Laat je frietzakjes bedrukken met je eigen logo of ontwerp. Vraag vrijblijvend een offerte aan.\n      <\/p>\n      <a href=\"\/eigen-bedrukking\" class=\"btn btn--accent btn--lg\">\n        Offerte aanvragen <i data-lucide=\"arrow-right\" style=\"width: 18px; height: 18px;\"><\/i>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ========== SEO Content ========== -->\n  <section class=\"seo-content reveal\">\n    <div class=\"container\">\n      <div class=\"seo-content__grid\">\n        <div class=\"seo-content__main\">\n          <h2>Puntzakken kopen bij Frietzakjes.nl<\/h2>\n          <p>Een puntzak is onmisbaar bij elke snack. Of je nu een snackbar runt, een foodtruck hebt of een feestje organiseert: met de juiste frietzak presenteer je je friet, snacks en churros op een leuke en praktische manier.<\/p>\n\n          <h3>Welke soorten puntzakken zijn er?<\/h3>\n          <p>Ons assortiment bestaat uit papieren puntzakken in diverse maten en designs. Van het klassieke Brabants Bont en Delfts Blauw tot neutrale witte en bruine varianten. Alle zakken zijn gemaakt van FSC-gecertificeerd papier en geschikt voor direct voedselcontact.<\/p>\n\n          <h3>Waarom kiezen voor Frietzakjes.nl?<\/h3>\n          <ul>\n            <li>Al meer dan 10 jaar specialist in papieren puntzakken<\/li>\n            <li>FSC-gecertificeerd en duurzaam geproduceerd<\/li>\n            <li>Scherpe prijzen met staffelkorting bij grotere aantallen<\/li>\n            <li>Voor 15:30 besteld, dezelfde werkdag verzonden<\/li>\n            <li>Eigen bedrukking mogelijk vanaf 75 stuks<\/li>\n          <\/ul>\n\n          <h3>Kan ik frietzakjes laten bedrukken?<\/h3>\n          <p>Ja! Vanaf 75 stuks kun je puntzakken laten bedrukken met je eigen logo, ontwerp of huisstijl. Een bedrukte puntzak maakt je merk zichtbaar en herkenbaar. Ideaal voor foodtrucks, festivals, horeca en evenementen. <a href=\"\/eigen-bedrukking\">Vraag een offerte aan<\/a> of neem contact met ons op.<\/p>\n        <\/div>\n        <div class=\"seo-content__sidebar\">\n          <div class=\"seo-content__card\">\n            <h4>Veelgestelde vragen<\/h4>\n            <details>\n              <summary>Welke maten puntzakken hebben jullie?<\/summary>\n              <p>We hebben puntzakken van 125 gram tot 500 gram. Bekijk ons <a href=\"\/maten\">matenoverzicht<\/a> voor alle afmetingen.<\/p>\n            <\/details>\n            <details>\n              <summary>Hoe snel wordt mijn bestelling geleverd?<\/summary>\n              <p>Bestellingen die voor 15:30 geplaatst worden, worden dezelfde werkdag nog verzonden. Levering is doorgaans de volgende werkdag.<\/p>\n            <\/details>\n            <details>\n              <summary>Zijn de puntzakken geschikt voor voedsel?<\/summary>\n              <p>Ja, al onze puntzakken zijn food-grade en voldoen aan alle Europese voedselveiligheidsnormen.<\/p>\n            <\/details>\n            <details>\n              <summary>Kan ik ook als particulier bestellen?<\/summary>\n              <p>Zeker! Iedereen kan bij ons bestellen. Of je nu een bedrijf hebt of friet bakt voor een feestje: je bent welkom.<\/p>\n            <\/details>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ========== Contact Channels ========== -->\n  <section class=\"contact-channels reveal\">\n    <div class=\"container\">\n      <div class=\"section-heading\">\n        <h2 class=\"section-heading__title\">Heb je een vraag?<\/h2>\n        <p class=\"section-heading__subtitle\">Neem contact met ons op via je favoriete kanaal. We reageren snel!<\/p>\n      <\/div>\n      <div class=\"contact-channels__grid\">\n        <a href=\"tel:+31768893761\" class=\"contact-channel\">\n          <div class=\"contact-channel__icon\"><i data-lucide=\"phone\"><\/i><\/div>\n          <h3 class=\"contact-channel__title\">Bellen<\/h3>\n          <p class=\"contact-channel__text\">+31 (0)76 889 3761<\/p>\n          <span class=\"contact-channel__sub\">Ma-Vr 08:30 - 17:00<\/span>\n        <\/a>\n        <a href=\"https:\/\/wa.me\/31686424869\" class=\"contact-channel contact-channel--whatsapp\">\n          <div class=\"contact-channel__icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n          <\/div>\n          <h3 class=\"contact-channel__title\">WhatsApp<\/h3>\n          <p class=\"contact-channel__text\">Stuur een berichtje<\/p>\n          <span class=\"contact-channel__sub\">Reactie binnen 30 min<\/span>\n        <\/a>\n        <a href=\"mailto:info@frietzakjes.nl\" class=\"contact-channel\">\n          <div class=\"contact-channel__icon\"><i data-lucide=\"mail\"><\/i><\/div>\n          <h3 class=\"contact-channel__title\">E-mail<\/h3>\n          <p class=\"contact-channel__text\">info@frietzakjes.nl<\/p>\n          <span class=\"contact-channel__sub\">Antwoord binnen 3 uur<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ========== WhatsApp Floating Button ========== -->\n  <a href=\"https:\/\/wa.me\/31686424869\" class=\"whatsapp-float\" aria-label=\"Chat via WhatsApp\" target=\"_blank\" rel=\"noopener\">\n    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n  <\/a>\n\n  <!-- ========== Footer ========== -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer__inner\">\n        <!-- Brand -->\n        <div>\n          <div class=\"header__logo\" style=\"font-size: 20px;\">\n            <img decoding=\"async\" src=\"https:\/\/frietzakjes.nl\/wp-content\/uploads\/2023\/10\/cropped-Logo.jpg\" alt=\"Frietzakjes.nl logo\" style=\"height: 30px; width: auto; border-radius: 4px;\">\n            <span style=\"color: #fff;\">FRIETZAKJES<\/span><span>.NL<\/span>\n          <\/div>\n          <p class=\"footer__brand-text\">\n            Al meer dan 10 jaar de specialist in papieren puntzakken, frietzakhouders en frietvorkjes. Duurzaam, snel geleverd en altijd scherp geprijsd.\n          <\/p>\n          <div class=\"footer__social\">\n            <a href=\"#\" class=\"footer__social-link\" aria-label=\"Facebook\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" class=\"footer__social-link\" aria-label=\"Instagram\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" class=\"footer__social-link\" aria-label=\"LinkedIn\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Producten -->\n        <div>\n          <h4 class=\"footer__heading\">Producten<\/h4>\n          <ul class=\"footer__links\">\n            <li><a href=\"\/shop\/papieren-frietzakken\" class=\"footer__link\">Papieren Frietzakken<\/a><\/li>\n            <li><a href=\"\/shop\/frietzakhouders\" class=\"footer__link\">Frietzakhouders<\/a><\/li>\n            <li><a href=\"\/shop\/frietvorkjes\" class=\"footer__link\">Frietvorkjes<\/a><\/li>\n            <li><a href=\"\/eigen-bedrukking\" class=\"footer__link\">Eigen Bedrukking<\/a><\/li>\n            <li><a href=\"\/maten\" class=\"footer__link\">Maten Overzicht<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Klantenservice -->\n        <div>\n          <h4 class=\"footer__heading\">Klantenservice<\/h4>\n          <ul class=\"footer__links\">\n            <li><a href=\"\/contact\" class=\"footer__link\">Contact<\/a><\/li>\n            <li><a href=\"\/veelgestelde-vragen\" class=\"footer__link\">Veelgestelde Vragen<\/a><\/li>\n            <li><a href=\"\/verzending\" class=\"footer__link\">Verzending &amp; Retour<\/a><\/li>\n            <li><a href=\"\/algemene-voorwaarden\" class=\"footer__link\">Algemene Voorwaarden<\/a><\/li>\n            <li><a href=\"\/privacy\" class=\"footer__link\">Privacybeleid<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Contact -->\n        <div>\n          <h4 class=\"footer__heading\">Contact<\/h4>\n          <ul class=\"footer__links\">\n            <li class=\"footer__link\"><i data-lucide=\"map-pin\" style=\"width: 14px; height: 14px; display: inline; vertical-align: middle; margin-right: 6px;\"><\/i> Veldsteen 24, 4815 PK Breda<\/li>\n            <li class=\"footer__link\"><i data-lucide=\"phone\" style=\"width: 14px; height: 14px; display: inline; vertical-align: middle; margin-right: 6px;\"><\/i> +31 (0)76 889 3761<\/li>\n            <li class=\"footer__link\"><i data-lucide=\"mail\" style=\"width: 14px; height: 14px; display: inline; vertical-align: middle; margin-right: 6px;\"><\/i> info@frietzakjes.nl<\/li>\n            <li class=\"footer__link\"><i data-lucide=\"clock\" style=\"width: 14px; height: 14px; display: inline; vertical-align: middle; margin-right: 6px;\"><\/i> Ma-Vr: 08:30 - 17:00<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"footer__bottom\">\n        <span>&copy; 2026 Frietzakjes.nl - Alle rechten voorbehouden<\/span>\n        <div class=\"footer__payment\">\n          <img decoding=\"async\" src=\"https:\/\/frietzakjes.nl\/wp-content\/uploads\/2019\/09\/Betaalmethodes.png\" alt=\"Betaalmethodes: iDEAL, Bancontact, Visa, Mastercard, PayPal\" style=\"height: 44px; width: auto; opacity: 0.9;\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- ========== Scripts ========== -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9d5e2 elementor-widget elementor-widget-html\" data-id=\"ea9d5e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<script>\n(function(){\n  function init() {\n    if (typeof lucide !== 'undefined') lucide.createIcons();\n    const header = document.getElementById('header');\n    if (header) {\n      window.addEventListener('scroll', () => {\n        header.classList.toggle('scrolled', window.scrollY > 10);\n      });\n    }\n    const revealEls = document.querySelectorAll('.reveal');\n    if (revealEls.length && 'IntersectionObserver' in window) {\n      const obs = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n            obs.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.1 });\n      revealEls.forEach(el => obs.observe(el));\n    }\n  }\n  if (document.readyState !== 'loading') init();\n  else document.addEventListener('DOMContentLoaded', init);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dummy content for Elementor theme-builder preview. Do not delete.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.frietzakjes.nl\/en-gb\/wp-json\/wp\/v2\/pages\/13650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.frietzakjes.nl\/en-gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.frietzakjes.nl\/en-gb\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.frietzakjes.nl\/en-gb\/wp-json\/wp\/v2\/comments?post=13650"}],"version-history":[{"count":0,"href":"https:\/\/staging.frietzakjes.nl\/en-gb\/wp-json\/wp\/v2\/pages\/13650\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.frietzakjes.nl\/en-gb\/wp-json\/wp\/v2\/media?parent=13650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}