{"id":13657,"date":"2026-05-18T17:24:58","date_gmt":"2026-05-18T15:24:58","guid":{"rendered":"https:\/\/staging.frietzakjes.nl\/?page_id=13657"},"modified":"2026-06-01T12:56:08","modified_gmt":"2026-06-01T10:56:08","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/staging.frietzakjes.nl\/de\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13657\" class=\"elementor elementor-13657 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8a6eaa elementor-widget elementor-widget-html\" data-id=\"d8a6eaa\" 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 === *\/\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 === *\/\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__ctas { display: flex !important; flex-direction: row !important; gap: 16px !important; }\n.hero__features { display: flex !important; flex-direction: row !important; gap: 24px !important; }\n.reveal { opacity: 1 !important; transform: none !important; }\n.shop-layout { display: grid !important; grid-template-columns: 280px 1fr !important; gap: 40px !important; align-items: start !important; }\n.shop-sidebar, .shop-layout > aside, .shop-layout > section { display: block !important; visibility: visible !important; }\n.shop-toolbar { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; margin-bottom: 24px !important; }\n\/* Verberg WC native toolbar\/result-count omdat fase1 markup zijn eigen toolbar heeft *\/\n.shop-products .woocommerce-result-count, .shop-products .woocommerce-ordering { display: none !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.reviews-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.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.usp-strip { display: none !important; }\n.header__logo-img { width: 40px !important; height: 40px !important; object-fit: contain !important; border-radius: 50% !important; flex-shrink: 0 !important; }\n\/* WC shortcode output integratie === *\/\n.products-grid ul.products::before, .products-grid ul.products::after,\n.categories-grid ul.products::before, .categories-grid ul.products::after,\n.shop-products ul.products::before, .shop-products ul.products::after { content: none !important; display: none !important; }\n.products-grid ul.products, .categories-grid ul.products {\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; width: 100% !important;\n}\n.shop-products ul.products {\n  list-style: none !important; padding: 0 !important; margin: 0 !important;\n  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; width: 100% !important;\n}\n.products-grid ul.products li.product, .categories-grid ul.products li.product,\n.categories-grid ul.products li.product-category, .shop-products ul.products li.product {\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.shop-products ul.products li.product:hover, .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, .shop-products li.product img,\n.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; display: block !important;\n}\n.products-grid .woocommerce-loop-product__title, .shop-products .woocommerce-loop-product__title,\n.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, .shop-products .price, .products-grid .price bdi, .shop-products .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, .shop-products .button { display: none !important; }\n.products-grid .onsale, .categories-grid .onsale, .shop-products .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, .shop-products li.product a,\n.categories-grid li.product-category a { display: block !important; text-decoration: none !important; color: inherit !important; }\n@media (max-width: 768px) {\n  .products-grid ul.products, .categories-grid ul.products { grid-template-columns: repeat(2, 1fr) !important; }\n  .shop-products ul.products { grid-template-columns: repeat(2, 1fr) !important; }\n  .shop-layout { grid-template-columns: 1fr !important; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af9d8e4 elementor-widget elementor-widget-html\" data-id=\"af9d8e4\" 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          <i data-lucide=\"truck\" style=\"width:14px;height:14px;\"><\/i>\n          Op werkdagen voor 15.30 besteld, zelfde dag verzonden\n        <\/div>\n        <div class=\"topbar__item\">\n          <i data-lucide=\"message-circle\" style=\"width:14px;height:14px;\"><\/i>\n          Vragen? We helpen je graag!\n        <\/div>\n        <div class=\"topbar__item\">\n          <i data-lucide=\"star\" style=\"width:14px;height:14px;\"><\/i>\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\n        <!-- Logo -->\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: 40px; width: auto;\">\n          FRIETZAKJES<span>.NL<\/span>\n        <\/a>\n\n        <!-- Navigation -->\n        <nav class=\"nav\" aria-label=\"Hoofdnavigatie\">\n          <a href=\"\/\" class=\"nav__link\">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 active\">Contact<\/a>\n        <\/nav>\n\n        <!-- Header Actions -->\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\" style=\"width:18px;height:18px;\"><\/i>\n          <\/button>\n          <button class=\"header__action-btn\" aria-label=\"Verlanglijst\">\n            <i data-lucide=\"heart\" style=\"width:18px;height:18px;\"><\/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\" style=\"width:18px;height:18px;\"><\/i>\n          <\/button>\n          <a href=\"#\" class=\"header__account\">\n            <i data-lucide=\"user\" style=\"width:16px;height:16px;\"><\/i> Mijn Account\n          <\/a>\n          <button class=\"header__menu-toggle\" aria-label=\"Menu openen\">\n            <i data-lucide=\"menu\" style=\"width:22px;height:22px;\"><\/i>\n          <\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ========== Breadcrumbs ========== -->\n  <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n    <div class=\"container\">\n      <ol class=\"breadcrumbs__list\">\n        <li><a href=\"\/\" class=\"breadcrumbs__link\">Home Page<\/a><\/li>\n        <li><i data-lucide=\"chevron-right\" class=\"breadcrumbs__separator\" style=\"width:14px;height:14px;\"><\/i><\/li>\n        <li><span class=\"breadcrumbs__current\">Contact Us<\/span><\/li>\n      <\/ol>\n    <\/div>\n  <\/nav>\n\n  <!-- ========== Contact Section ========== -->\n  <section class=\"contact-section\">\n    <div class=\"container\">\n\n      <!-- Map + Form Card -->\n      <div class=\"contact-layout\">\n\n        <!-- Left: Google Maps -->\n        <div class=\"contact-map\">\n          <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2490.5!2d4.7749!3d51.5719!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2sFrietzakjes.nl!5e0!3m2!1snl!2snl!4v1\" allowfullscreen loading=\"lazy\"><\/iframe>\n        <\/div>\n\n        <!-- Right: Contact Form -->\n        <div class=\"contact-form-wrapper\">\n          <span class=\"contact-form__label\">CONTACT<\/span>\n          <h1 class=\"contact-form__title\">Neem contact met ons op<\/h1>\n          <p class=\"contact-form__subtitle\">Heb je een vraag over onze producten, een bestelling of eigen bedrukking? Vul het formulier in en we nemen zo snel mogelijk contact met je op.<\/p>\n\n          <form action=\"#\" method=\"post\" novalidate>\n            <div class=\"form-group\">\n              <label for=\"name\">Je naam *<\/label>\n              <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"Vul je naam in\" required>\n            <\/div>\n\n            <div class=\"form-group\">\n              <label for=\"email\">E-mailadres *<\/label>\n              <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Vul je e-mailadres in\" required>\n            <\/div>\n\n            <div class=\"form-group\">\n              <label for=\"phone\">Telefoonnummer<\/label>\n              <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"Vul je telefoonnummer in\">\n            <\/div>\n\n            <div class=\"form-group\">\n              <label for=\"subject\">Onderwerp<\/label>\n              <select id=\"subject\" name=\"subject\" class=\"form-input\">\n                <option value=\"\">Selecteer een onderwerp<\/option>\n                <option value=\"algemeen\">Algemene vraag<\/option>\n                <option value=\"bedrukking\">Offerte eigen bedrukking<\/option>\n                <option value=\"retour\">Retour \/ Klacht<\/option>\n                <option value=\"anders\">Anders<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"form-group\">\n              <label for=\"message\">Bericht *<\/label>\n              <textarea id=\"message\" name=\"message\" class=\"form-input form-textarea\" placeholder=\"Typ je bericht hier...\" required><\/textarea>\n            <\/div>\n\n            <button type=\"submit\" class=\"btn btn--accent\" style=\"width: 100%;\">\n              VERSTUUR <i data-lucide=\"send\" style=\"width:16px;height:16px;\"><\/i>\n            <\/button>\n          <\/form>\n        <\/div>\n\n      <\/div>\n\n      <!-- Contact Info Cards -->\n      <div class=\"contact-info reveal\">\n        <div class=\"contact-info-card\">\n          <div class=\"contact-info-card__icon\">\n            <i data-lucide=\"map-pin\" style=\"width:22px;height:22px;\"><\/i>\n          <\/div>\n          <div class=\"contact-info-card__title\">Adres<\/div>\n          <div class=\"contact-info-card__text\">dr. Schaepmanlaan 27, 4836 AR Breda<\/div>\n        <\/div>\n\n        <div class=\"contact-info-card\">\n          <div class=\"contact-info-card__icon\">\n            <i data-lucide=\"phone\" style=\"width:22px;height:22px;\"><\/i>\n          <\/div>\n          <div class=\"contact-info-card__title\">Telefoon<\/div>\n          <div class=\"contact-info-card__text\">+31 (0)76 - 889 37 61<\/div>\n        <\/div>\n\n        <div class=\"contact-info-card\">\n          <div class=\"contact-info-card__icon\">\n            <i data-lucide=\"mail\" style=\"width:22px;height:22px;\"><\/i>\n          <\/div>\n          <div class=\"contact-info-card__title\">E-mail<\/div>\n          <div class=\"contact-info-card__text\">info@frietzakjes.nl<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ========== FAQ Section ========== -->\n  <section class=\"faq-section reveal\">\n    <div class=\"container\">\n      <div class=\"section-heading\">\n        <span class=\"section-heading__label\">FAQ<\/span>\n        <h2 class=\"section-heading__title\">Veelgestelde vragen<\/h2>\n      <\/div>\n\n      <div class=\"faq-grid\">\n\n        <!-- FAQ 1 -->\n        <div class=\"faq-item\">\n          <button class=\"faq-item__question\" aria-expanded=\"false\">\n            Wat zijn de levertijden?\n            <span class=\"faq-item__icon\"><i data-lucide=\"plus\" style=\"width:20px;height:20px;\"><\/i><\/span>\n          <\/button>\n          <div class=\"faq-item__answer\">\n            Bestellingen die op werkdagen voor 15:30 uur worden geplaatst, worden dezelfde dag nog verzonden. De levertijd is doorgaans 1-2 werkdagen binnen Nederland. Voor bestellingen naar het buitenland kan dit 3-5 werkdagen duren.\n          <\/div>\n        <\/div>\n\n        <!-- FAQ 2 -->\n        <div class=\"faq-item\">\n          <button class=\"faq-item__question\" aria-expanded=\"false\">\n            Kan ik frietzakjes laten bedrukken?\n            <span class=\"faq-item__icon\"><i data-lucide=\"plus\" style=\"width:20px;height:20px;\"><\/i><\/span>\n          <\/button>\n          <div class=\"faq-item__answer\">\n            Ja, dat kan! Vanaf 75 stuks kun je frietzakjes laten bedrukken met je eigen ontwerp of logo. Neem contact met ons op via het formulier hierboven of bel ons voor een vrijblijvende offerte. We denken graag met je mee over de mogelijkheden.\n          <\/div>\n        <\/div>\n\n        <!-- FAQ 3 -->\n        <div class=\"faq-item\">\n          <button class=\"faq-item__question\" aria-expanded=\"false\">\n            Wat is het retourbeleid?\n            <span class=\"faq-item__icon\"><i data-lucide=\"plus\" style=\"width:20px;height:20px;\"><\/i><\/span>\n          <\/button>\n          <div class=\"faq-item__answer\">\n            Je hebt 14 dagen bedenktijd na ontvangst van je bestelling. Binnen deze periode kun je het product retourneren, mits het ongebruikt en in de originele verpakking is. Neem contact met ons op om een retourzending in te dienen, dan helpen we je verder.\n          <\/div>\n        <\/div>\n\n        <!-- FAQ 4 -->\n        <div class=\"faq-item\">\n          <button class=\"faq-item__question\" aria-expanded=\"false\">\n            Leveren jullie ook in Belgi&euml; en Duitsland?\n            <span class=\"faq-item__icon\"><i data-lucide=\"plus\" style=\"width:20px;height:20px;\"><\/i><\/span>\n          <\/button>\n          <div class=\"faq-item__answer\">\n            Absoluut! Wij leveren door heel Europa. Verzendkosten en levertijden kunnen per land verschillen. Tijdens het bestelproces worden de exacte verzendkosten berekend op basis van je locatie. Voor grotere bestellingen naar het buitenland maken we graag een maatwerkofferte.\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\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-741b2ac elementor-widget elementor-widget-html\" data-id=\"741b2ac\" 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    \/\/ Initialize Lucide icons\n    lucide.createIcons();\n\n    \/\/ Sticky header shadow on scroll\n    const header = document.getElementById('header');\n    window.addEventListener('scroll', () => {\n      header.classList.toggle('scrolled', window.scrollY > 10);\n    });\n\n    \/\/ FAQ accordion\n    document.querySelectorAll('.faq-item__question').forEach(button => {\n      button.addEventListener('click', () => {\n        const item = button.closest('.faq-item');\n        const isActive = item.classList.contains('active');\n\n        \/\/ Close all other items\n        document.querySelectorAll('.faq-item.active').forEach(activeItem => {\n          activeItem.classList.remove('active');\n          activeItem.querySelector('.faq-item__question').setAttribute('aria-expanded', 'false');\n          \/\/ Swap icon back to plus\n          const icon = activeItem.querySelector('.faq-item__icon i');\n          if (icon) {\n            icon.setAttribute('data-lucide', 'plus');\n          }\n        });\n\n        \/\/ Toggle current item\n        if (!isActive) {\n          item.classList.add('active');\n          button.setAttribute('aria-expanded', 'true');\n          \/\/ Swap icon to minus\n          const icon = item.querySelector('.faq-item__icon i');\n          if (icon) {\n            icon.setAttribute('data-lucide', 'minus');\n          }\n        }\n\n        \/\/ Re-render Lucide icons\n        lucide.createIcons();\n      });\n    });\n  <\/script>\n<script>\n    \/\/ Scroll Reveal\n    const revealEls = document.querySelectorAll('.reveal');\n    const revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n    revealEls.forEach(el => revealObserver.observe(el));\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elementor contact preview<\/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-13657","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.frietzakjes.nl\/de\/wp-json\/wp\/v2\/pages\/13657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.frietzakjes.nl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.frietzakjes.nl\/de\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.frietzakjes.nl\/de\/wp-json\/wp\/v2\/comments?post=13657"}],"version-history":[{"count":0,"href":"https:\/\/staging.frietzakjes.nl\/de\/wp-json\/wp\/v2\/pages\/13657\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.frietzakjes.nl\/de\/wp-json\/wp\/v2\/media?parent=13657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}