{"id":1343,"date":"2026-08-27T00:57:21","date_gmt":"2026-08-27T00:57:21","guid":{"rendered":"https:\/\/sambalbilis.com\/?page_id=1343"},"modified":"2026-09-21T03:07:46","modified_gmt":"2026-09-21T03:07:46","slug":"sambal-surrr-ai","status":"publish","type":"page","link":"https:\/\/sambalbilis.com\/","title":{"rendered":"Sambal Surrr AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1343\" class=\"elementor elementor-1343\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f98386b e-con-full e-flex e-con e-parent\" data-id=\"f98386b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc3cbc elementor-widget elementor-widget-html\" data-id=\"dbc3cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSURRR! SAMBAL BILIS\r\nELEMENTOR SAFE VERSION\r\nPaste everything into ONE Elementor HTML widget\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   SURRR! VARIABLES\r\n========================================================= *\/\r\n\r\n.surr-page {\r\n  --surr-cream: #fff3d6;\r\n  --surr-cream-soft: #fff9ee;\r\n  --surr-cream-dark: #eed9ae;\r\n\r\n  --surr-red: #d92b20;\r\n  --surr-red-bright: #ed3e24;\r\n  --surr-red-dark: #9e1b16;\r\n  --surr-red-deep: #5c120e;\r\n\r\n  --surr-orange: #f36a1d;\r\n  --surr-yellow: #f6c344;\r\n  --surr-yellow-light: #ffd96a;\r\n\r\n  --surr-brown: #2a1a14;\r\n  --surr-brown-soft: #5e4438;\r\n\r\n  --surr-white: #ffffff;\r\n  --surr-text: #211713;\r\n  --surr-muted: #725f54;\r\n\r\n  --surr-radius: 24px;\r\n  --surr-radius-lg: 34px;\r\n\r\n  --surr-shadow:\r\n    0 20px 60px rgba(70, 28, 12, 0.16);\r\n\r\n  --surr-container: 1180px;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  background: var(--surr-cream-soft);\r\n  color: var(--surr-text);\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   RESET - SCOPED ONLY INSIDE SURRR\r\n========================================================= *\/\r\n\r\n.surr-page,\r\n.surr-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.surr-page img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  display: block;\r\n}\r\n\r\n.surr-page a {\r\n  text-decoration: none;\r\n}\r\n\r\n.surr-page button,\r\n.surr-page a {\r\n  font-family: inherit;\r\n}\r\n\r\n.surr-page section {\r\n  position: relative;\r\n}\r\n\r\n.surr-container {\r\n  width: min(92%, var(--surr-container));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.surr-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  padding: 9px 15px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: rgba(217, 43, 32, 0.11);\r\n  color: var(--surr-red-dark);\r\n\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.surr-title {\r\n  margin: 18px 0 0;\r\n\r\n  font-size: clamp(38px, 5vw, 72px);\r\n  line-height: 0.96;\r\n\r\n  font-weight: 1000;\r\n  letter-spacing: -3px;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.surr-copy {\r\n  margin: 18px 0 0;\r\n\r\n  max-width: 650px;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.65;\r\n\r\n  color: var(--surr-muted);\r\n}\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.surr-btn {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 58px;\r\n\r\n  padding: 16px 26px;\r\n\r\n  border: 0;\r\n  border-radius: 999px;\r\n\r\n  font-size: 16px;\r\n  font-weight: 900;\r\n\r\n  transition:\r\n    transform 0.2s ease,\r\n    box-shadow 0.2s ease;\r\n}\r\n\r\n.surr-btn:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.surr-btn-primary {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--surr-red),\r\n      var(--surr-orange)\r\n    );\r\n\r\n  color: var(--surr-white) !important;\r\n\r\n  box-shadow:\r\n    0 14px 35px rgba(217, 43, 32, 0.32);\r\n}\r\n\r\n.surr-btn-secondary {\r\n  background: rgba(255,255,255,0.86);\r\n\r\n  color: var(--surr-brown) !important;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(50, 27, 20, 0.12);\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.surr-hero {\r\n  padding: 80px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 82% 30%,\r\n      rgba(246, 195, 68, 0.52),\r\n      transparent 30%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 5% 10%,\r\n      rgba(217, 43, 32, 0.15),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #fff9ec 0%,\r\n      #ffe8b4 55%,\r\n      #ffd48c 100%\r\n    );\r\n}\r\n\r\n.surr-hero-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    0.92fr 1.08fr;\r\n\r\n  gap: 60px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.surr-hero-warning {\r\n  background: var(--surr-red);\r\n  color: #fff;\r\n}\r\n\r\n.surr-hero-title {\r\n  margin: 18px 0 0;\r\n\r\n  max-width: 690px;\r\n\r\n  font-size: clamp(52px, 7vw, 94px);\r\n  line-height: 0.88;\r\n\r\n  font-weight: 1000;\r\n\r\n  letter-spacing: -5px;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.surr-hero-title span {\r\n  color: var(--surr-red);\r\n}\r\n\r\n.surr-hero-copy {\r\n  margin-top: 24px;\r\n\r\n  max-width: 610px;\r\n\r\n  font-size: 20px;\r\n  line-height: 1.6;\r\n\r\n  color: var(--surr-brown-soft);\r\n}\r\n\r\n.surr-hero-actions {\r\n  margin-top: 28px;\r\n\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n}\r\n\r\n.surr-note {\r\n  margin-top: 14px;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 700;\r\n\r\n  color: var(--surr-muted);\r\n}\r\n\r\n\/* HERO VISUAL *\/\r\n\r\n.surr-hero-visual {\r\n  position: relative;\r\n\r\n  min-height: 590px;\r\n}\r\n\r\n.surr-hero-photo {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 42px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ff9a29,\r\n      #e44d1f 50%,\r\n      #8b190f\r\n    );\r\n\r\n  box-shadow: var(--surr-shadow);\r\n}\r\n\r\n.surr-hero-photo img {\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.surr-hero-photo:hover img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n.surr-product-float {\r\n  position: absolute;\r\n\r\n  width: 280px;\r\n\r\n  right: -22px;\r\n  bottom: -28px;\r\n\r\n  z-index: 4;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 30px 25px rgba(47, 10, 4, 0.35)\r\n    );\r\n\r\n  animation:\r\n    surrFloat 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes surrFloat {\r\n  0%,\r\n  100% {\r\n    transform: translateY(0) rotate(1deg);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-12px) rotate(-1deg);\r\n  }\r\n}\r\n\r\n.surr-sticker {\r\n  position: absolute;\r\n\r\n  left: -25px;\r\n  bottom: 30px;\r\n\r\n  z-index: 5;\r\n\r\n  width: 135px;\r\n  height: 135px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 18px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--surr-yellow-light),\r\n      var(--surr-yellow)\r\n    );\r\n\r\n  color: var(--surr-brown);\r\n\r\n  text-align: center;\r\n\r\n  font-weight: 1000;\r\n  font-size: 14px;\r\n\r\n  line-height: 1.1;\r\n\r\n  transform: rotate(-8deg);\r\n\r\n  box-shadow: var(--surr-shadow);\r\n}\r\n\r\n\/* =========================================================\r\n   TICKER\r\n========================================================= *\/\r\n\r\n.surr-ticker {\r\n  overflow: hidden;\r\n\r\n  padding: 16px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--surr-red-dark),\r\n      var(--surr-red),\r\n      var(--surr-orange),\r\n      var(--surr-red)\r\n    );\r\n\r\n  color: #fff;\r\n}\r\n\r\n.surr-ticker-track {\r\n  display: flex;\r\n\r\n  width: max-content;\r\n\r\n  animation:\r\n    surrTicker 22s linear infinite;\r\n}\r\n\r\n.surr-ticker-item {\r\n  padding: 0 25px;\r\n\r\n  white-space: nowrap;\r\n\r\n  font-size: 15px;\r\n  font-weight: 1000;\r\n}\r\n\r\n@keyframes surrTicker {\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  to {\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   CRAVING\r\n========================================================= *\/\r\n\r\n.surr-craving {\r\n  padding: 100px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #fffaf1,\r\n      #fff3db\r\n    );\r\n}\r\n\r\n.surr-craving-head {\r\n  max-width: 820px;\r\n\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.surr-grid-3 {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 22px;\r\n}\r\n\r\n.surr-crave-card {\r\n  overflow: hidden;\r\n\r\n  border-radius: var(--surr-radius-lg);\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 14px 40px rgba(70, 28, 12, 0.08);\r\n\r\n  transition:\r\n    transform 0.25s ease;\r\n}\r\n\r\n.surr-crave-card:hover {\r\n  transform: translateY(-8px);\r\n}\r\n\r\n.surr-crave-image {\r\n  height: 300px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      140deg,\r\n      #ffbd42,\r\n      #f26424,\r\n      #a61f15\r\n    );\r\n}\r\n\r\n.surr-crave-image img {\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 0.4s ease;\r\n}\r\n\r\n.surr-crave-card:hover\r\n.surr-crave-image img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n.surr-crave-content {\r\n  padding: 26px;\r\n}\r\n\r\n.surr-crave-content h3 {\r\n  margin: 0;\r\n\r\n  font-size: 30px;\r\n\r\n  color: var(--surr-red);\r\n\r\n  font-weight: 1000;\r\n}\r\n\r\n.surr-crave-content p {\r\n  margin: 10px 0 0;\r\n\r\n  line-height: 1.6;\r\n\r\n  color: var(--surr-muted);\r\n}\r\n\r\n\/* =========================================================\r\n   PRODUCT\r\n========================================================= *\/\r\n\r\n.surr-product {\r\n  padding: 105px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      rgba(246, 195, 68, 0.45),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #fffaf0,\r\n      #ffe8b8\r\n    );\r\n}\r\n\r\n.surr-product-head {\r\n  max-width: 820px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.surr-product-head .surr-copy {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.surr-product-layout {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1.1fr 1fr;\r\n\r\n  gap: 30px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.surr-features {\r\n  display: grid;\r\n\r\n  gap: 18px;\r\n}\r\n\r\n.surr-feature {\r\n  padding: 24px;\r\n\r\n  border-radius: var(--surr-radius);\r\n\r\n  background:\r\n    rgba(255,255,255,0.78);\r\n\r\n  box-shadow:\r\n    0 12px 30px\r\n    rgba(70, 28, 12, 0.06);\r\n}\r\n\r\n.surr-feature-icon {\r\n  font-size: 30px;\r\n}\r\n\r\n.surr-feature h3 {\r\n  margin: 10px 0 0;\r\n\r\n  color: var(--surr-red-dark);\r\n\r\n  font-size: 18px;\r\n}\r\n\r\n.surr-feature p {\r\n  margin: 6px 0 0;\r\n\r\n  color: var(--surr-muted);\r\n\r\n  line-height: 1.55;\r\n}\r\n\r\n.surr-product-center {\r\n  min-height: 440px;\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.surr-product-glow {\r\n  position: absolute;\r\n\r\n  width: 330px;\r\n  height: 330px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      #ffe27a,\r\n      var(--surr-yellow) 58%,\r\n      #e9aa29\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 70px\r\n    rgba(218, 159, 35, 0.28);\r\n}\r\n\r\n.surr-product-main {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 330px;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 28px 24px\r\n      rgba(45, 12, 5, 0.28)\r\n    );\r\n}\r\n\r\n.surr-product-cta {\r\n  margin-top: 38px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\/* =========================================================\r\n   FOOD PAIRING\r\n========================================================= *\/\r\n\r\n.surr-pairing {\r\n  padding: 100px 0;\r\n\r\n  color: #fff;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 85% 15%,\r\n      rgba(246,195,68,0.15),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #67120d,\r\n      #9e1b16 40%,\r\n      #d92b20 70%,\r\n      #f36a1d\r\n    );\r\n}\r\n\r\n.surr-pairing .surr-eyebrow {\r\n  background: var(--surr-yellow);\r\n\r\n  color: var(--surr-brown);\r\n}\r\n\r\n.surr-pairing .surr-copy {\r\n  color: rgba(255,255,255,0.82);\r\n}\r\n\r\n.surr-food-grid {\r\n  margin-top: 45px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 18px;\r\n}\r\n\r\n.surr-food-card {\r\n  min-height: 340px;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: var(--surr-radius-lg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      140deg,\r\n      #ffaf34,\r\n      #ee5d22,\r\n      #931a11\r\n    );\r\n}\r\n\r\n.surr-food-card img {\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 0.4s ease;\r\n}\r\n\r\n.surr-food-card:hover img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n.surr-food-overlay {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: flex-end;\r\n\r\n  padding: 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(35, 7, 4, 0.86),\r\n      transparent 60%\r\n    );\r\n}\r\n\r\n.surr-food-overlay h3 {\r\n  margin: 0;\r\n\r\n  font-size: 26px;\r\n\r\n  font-weight: 1000;\r\n}\r\n\r\n.surr-food-overlay span {\r\n  margin-top: 4px;\r\n\r\n  color: var(--surr-yellow-light);\r\n\r\n  font-weight: 900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVIEWS\r\n========================================================= *\/\r\n\r\n.surr-reviews {\r\n  padding: 100px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #fff0c8,\r\n      #ffdea2\r\n    );\r\n}\r\n\r\n.surr-review-grid {\r\n  margin-top: 40px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 20px;\r\n}\r\n\r\n.surr-review {\r\n  padding: 28px;\r\n\r\n  border-radius: var(--surr-radius-lg);\r\n\r\n  background: rgba(255,255,255,0.9);\r\n\r\n  box-shadow:\r\n    0 14px 34px\r\n    rgba(70,28,12,0.07);\r\n}\r\n\r\n.surr-stars {\r\n  color: #d99d22;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.surr-review blockquote {\r\n  margin: 18px 0 0;\r\n\r\n  font-size: 18px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.55;\r\n}\r\n\r\n.surr-review small {\r\n  display: block;\r\n\r\n  margin-top: 16px;\r\n\r\n  color: var(--surr-muted);\r\n}\r\n\r\n\/* =========================================================\r\n   CHECKOUT\r\n========================================================= *\/\r\n\r\n.surr-checkout {\r\n  padding: 105px 0;\r\n\r\n  color: #fff;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 82% 12%,\r\n      rgba(246,195,68,0.28),\r\n      transparent 27%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #4b0d09,\r\n      #76130e 42%,\r\n      #a81d15 72%,\r\n      #db421e\r\n    );\r\n}\r\n\r\n.surr-checkout-head {\r\n  max-width: 900px;\r\n\r\n  margin: 0 auto;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.surr-checkout .surr-eyebrow {\r\n  background: var(--surr-yellow);\r\n\r\n  color: var(--surr-brown);\r\n}\r\n\r\n.surr-checkout .surr-copy {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n\r\n  color: rgba(255,255,255,0.82);\r\n}\r\n\r\n.surr-checkout-box {\r\n  margin-top: 45px;\r\n\r\n  padding: 32px;\r\n\r\n  border-radius: var(--surr-radius-lg);\r\n\r\n  background: var(--surr-cream-soft);\r\n\r\n  color: var(--surr-text);\r\n\r\n  box-shadow:\r\n    0 32px 80px\r\n    rgba(28, 2, 1, 0.36);\r\n}\r\n\r\n.surr-checkout-placeholder {\r\n  min-height: 380px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 35px;\r\n\r\n  border:\r\n    2px dashed\r\n    rgba(217,43,32,0.24);\r\n\r\n  border-radius: 22px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.surr-checkout-placeholder-inner {\r\n  max-width: 620px;\r\n}\r\n\r\n.surr-checkout-icon {\r\n  font-size: 52px;\r\n}\r\n\r\n.surr-checkout-placeholder h3 {\r\n  margin: 15px 0 0;\r\n\r\n  font-size: 34px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 1000;\r\n}\r\n\r\n.surr-checkout-placeholder p {\r\n  margin: 16px 0 0;\r\n\r\n  color: var(--surr-muted);\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n\r\n.surr-faq {\r\n  padding: 100px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #fff9ee,\r\n      #fff0d0\r\n    );\r\n}\r\n\r\n.surr-faq-layout {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    0.8fr 1.2fr;\r\n\r\n  gap: 65px;\r\n}\r\n\r\n.surr-faq-list {\r\n  display: grid;\r\n\r\n  gap: 12px;\r\n}\r\n\r\n.surr-faq-item {\r\n  overflow: hidden;\r\n\r\n  border-radius: 19px;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 8px 24px\r\n    rgba(70, 28, 12, 0.05);\r\n}\r\n\r\n.surr-faq-question {\r\n  width: 100%;\r\n\r\n  padding: 21px 22px;\r\n\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 15px;\r\n\r\n  border: 0;\r\n\r\n  background: transparent;\r\n\r\n  color: var(--surr-text);\r\n\r\n  text-align: left;\r\n\r\n  font-size: 16px;\r\n  font-weight: 900;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.surr-faq-plus {\r\n  color: var(--surr-red);\r\n\r\n  font-size: 22px;\r\n\r\n  transition:\r\n    transform 0.2s ease;\r\n}\r\n\r\n.surr-faq-item.surr-active\r\n.surr-faq-plus {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.surr-faq-answer {\r\n  max-height: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    max-height 0.3s ease;\r\n}\r\n\r\n.surr-faq-answer-inner {\r\n  padding:\r\n    0 22px 20px;\r\n\r\n  color: var(--surr-muted);\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.surr-final {\r\n  min-height: 550px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  padding: 90px 0;\r\n\r\n  text-align: center;\r\n\r\n  color: #fff;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(92, 17, 7, 0.28),\r\n      rgba(92, 17, 7, 0.82)\r\n    ),\r\n\r\n    url(\"images\/nasi-surr.jpg\")\r\n    center \/ cover no-repeat,\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--surr-orange),\r\n      var(--surr-red-dark)\r\n    );\r\n}\r\n\r\n.surr-final-inner {\r\n  max-width: 900px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n.surr-final-title {\r\n  margin: 0;\r\n\r\n  font-size: clamp(48px, 8vw, 95px);\r\n\r\n  line-height: 0.9;\r\n\r\n  letter-spacing: -5px;\r\n\r\n  font-weight: 1000;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.surr-final-copy {\r\n  max-width: 560px;\r\n\r\n  margin:\r\n    24px auto 0;\r\n\r\n  font-size: 18px;\r\n\r\n  line-height: 1.6;\r\n\r\n  color: rgba(255,255,255,0.88);\r\n}\r\n\r\n.surr-final .surr-btn {\r\n  margin-top: 28px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--surr-yellow-light),\r\n      var(--surr-yellow)\r\n    );\r\n\r\n  color: var(--surr-brown) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE STICKY CTA\r\n========================================================= *\/\r\n\r\n.surr-mobile-buy {\r\n  display: none;\r\n\r\n  position: fixed;\r\n\r\n  z-index: 9999;\r\n\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n\r\n  padding:\r\n    10px 12px\r\n    calc(10px + env(safe-area-inset-bottom));\r\n\r\n  background:\r\n    rgba(255,249,238,0.96);\r\n\r\n  box-shadow:\r\n    0 -8px 30px\r\n    rgba(50,27,20,0.1);\r\n}\r\n\r\n.surr-mobile-buy-inner {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n.surr-mobile-copy {\r\n  flex: 1;\r\n\r\n  font-size: 12px;\r\n\r\n  color: var(--surr-muted);\r\n}\r\n\r\n.surr-mobile-copy strong {\r\n  display: block;\r\n\r\n  font-size: 15px;\r\n\r\n  color: var(--surr-text);\r\n}\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.surr-reveal {\r\n  opacity: 0;\r\n\r\n  transform: translateY(24px);\r\n\r\n  transition:\r\n    opacity 0.6s ease,\r\n    transform 0.6s ease;\r\n}\r\n\r\n.surr-reveal.surr-show {\r\n  opacity: 1;\r\n\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n  .surr-hero-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .surr-hero-content {\r\n    text-align: center;\r\n  }\r\n\r\n  .surr-hero-copy,\r\n  .surr-copy {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .surr-hero-actions {\r\n    justify-content: center;\r\n  }\r\n\r\n  .surr-product-layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .surr-product-center {\r\n    order: -1;\r\n  }\r\n\r\n  .surr-features {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n  .surr-grid-3,\r\n  .surr-food-grid,\r\n  .surr-review-grid {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n  .surr-benefit-grid {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n  .surr-faq-layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .surr-hero {\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .surr-hero-title {\r\n    font-size: 52px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .surr-hero-copy {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .surr-hero-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .surr-hero-actions\r\n  .surr-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .surr-hero-visual {\r\n    min-height: 440px;\r\n  }\r\n\r\n  .surr-hero-photo {\r\n    border-radius: 28px;\r\n  }\r\n\r\n  .surr-product-float {\r\n    width: 180px;\r\n\r\n    right: -5px;\r\n    bottom: -20px;\r\n  }\r\n\r\n  .surr-sticker {\r\n    width: 100px;\r\n    height: 100px;\r\n\r\n    left: -5px;\r\n\r\n    font-size: 11px;\r\n  }\r\n\r\n  .surr-craving,\r\n  .surr-product,\r\n  .surr-pairing,\r\n  .surr-benefits,\r\n  .surr-reviews,\r\n  .surr-checkout,\r\n  .surr-faq {\r\n    padding: 75px 0;\r\n  }\r\n\r\n  .surr-grid-3,\r\n  .surr-food-grid,\r\n  .surr-review-grid,\r\n  .surr-benefit-grid,\r\n  .surr-features {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .surr-product-center {\r\n    min-height: 350px;\r\n  }\r\n\r\n  .surr-product-main {\r\n    width: 250px;\r\n  }\r\n\r\n  .surr-product-glow {\r\n    width: 260px;\r\n    height: 260px;\r\n  }\r\n\r\n  .surr-title {\r\n    font-size: 40px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .surr-copy {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .surr-checkout-box {\r\n    padding: 18px;\r\n  }\r\n\r\n  .surr-checkout-placeholder {\r\n    min-height: 320px;\r\n\r\n    padding: 20px;\r\n  }\r\n\r\n  .surr-mobile-buy {\r\n    display: block;\r\n  }\r\n\r\n}\r\n\r\n@media (max-width: 430px) {\r\n\r\n  .surr-hero-title {\r\n    font-size: 46px;\r\n  }\r\n\r\n  .surr-hero-visual {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .surr-final-title {\r\n    font-size: 48px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"surr-page\">\r\n\r\n  <!-- =====================================================\r\n       HERO\r\n  ====================================================== -->\r\n\r\n  <section class=\"surr-hero\">\r\n\r\n    <div class=\"surr-container surr-hero-grid\">\r\n\r\n      <div class=\"surr-hero-content surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow surr-hero-warning\">\r\n          \u26a0\ufe0f AMARAN\r\n        <\/span>\r\n\r\n        <h1 class=\"surr-hero-title\">\r\n          JANGAN SCROLL\r\n          <span>\r\n            KALAU TENGAH LAPAR.\r\n          <\/span>\r\n          \ud83e\udd24\r\n        <\/h1>\r\n\r\n        <p class=\"surr-hero-copy\">\r\n          Bilis rangup. Bawang goreng wangi.\r\n          Pedas-pedas manja yang buat nasi panas\r\n          susah nak berhenti.\r\n        <\/p>\r\n\r\n        <div class=\"surr-hero-actions\">\r\n\r\n          <a\r\n            href=\"#surr-checkout\"\r\n            class=\"surr-btn surr-btn-primary\"\r\n          >\r\n            NAK SURRR! SEKARANG \ud83d\udd25\r\n          <\/a>\r\n\r\n             <a\r\n            href=\"#surr-craving\"\r\n            class=\"surr-btn surr-btn-secondary\"\r\n          >\r\n            TENGOK KENAPA SEDAP \u2193\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"surr-note\">\r\n          Warning: boleh menyebabkan nasi bertambah.\r\n    \r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"surr-hero-visual surr-reveal\">\r\n\r\n        <div class=\"surr-hero-photo\">\r\n\r\n          <!--\r\n          Tukar URL di bawah dengan gambar food hero sebenar.\r\n          -->\r\n\r\n         <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/Hero-Section-Background.png\"\r\n            alt=\"SURRR! Sambal Bilis dengan nasi panas\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <!--\r\n        Tukar URL product image dengan PNG produk\r\n        background transparent.\r\n        -->\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/Hero-Section-Sambal-1.png\"\r\n          alt=\"SURRR! Sambal Bilis\"\r\n          class=\"surr-product-float\"\r\n        >\r\n\r\n        <div class=\"surr-sticker\">\r\n          BILIS<br>\r\n          RANGUP<br>\r\n          +<br>\r\n          NASI PANAS\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       TICKER\r\n  ====================================================== -->\r\n\r\n  <div class=\"surr-ticker\">\r\n\r\n    <div class=\"surr-ticker-track\">\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        BILIS RANGUP \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        BAWANG GORENG WANGI \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        PEDAS-PEDAS MANJA \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        NASI PANAS + SURRR! \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        BILIS RANGUP \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        BAWANG GORENG WANGI \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        PEDAS-PEDAS MANJA \u2726\r\n      <\/div>\r\n\r\n      <div class=\"surr-ticker-item\">\r\n        NASI PANAS + SURRR! \u2726\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       CRAVING\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"surr-craving\"\r\n    id=\"surr-craving\"\r\n  >\r\n\r\n    <div class=\"surr-container\">\r\n\r\n      <div class=\"surr-craving-head surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow\">\r\n          JANGAN BAYANGKAN\r\n        <\/span>\r\n\r\n        <h2 class=\"surr-title\">\r\n          BELUM RASA LAGI\u2026\r\n          <br>\r\n          TAPI DAH BOLEH BAYANG.\r\n        <\/h2>\r\n\r\n        <p class=\"surr-copy\">\r\n          Bayangkan bunyi bilis rangup,\r\n          bawang goreng wangi dan sambal\r\n          pedas-pedas manja bertemu nasi\r\n          yang baru keluar dari periuk.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"surr-grid-3\">\r\n\r\n        <div class=\"surr-crave-card surr-reveal\">\r\n\r\n          <div class=\"surr-crave-image\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/0fa48f01-9086-4d90-ba56-ba80218d7604-1.png\"\r\n              alt=\"Bilis rangup\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n          <div class=\"surr-crave-content\">\r\n\r\n            <h3>\r\n              KRUP KRAP\r\n            <\/h3>\r\n\r\n            <p>\r\n              Bilis yang digunakan bersih dari segala kotoran dan tiada kepala. Penting sekali bila digoreng bilis rangup.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-crave-card surr-reveal\">\r\n\r\n          <div class=\"surr-crave-image\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/7543b6c8-b77d-4200-8ab1-6a77347878c1-1.png\"\r\n              alt=\"Bawang goreng\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n          <div class=\"surr-crave-content\">\r\n\r\n            <h3>\r\n              WANGI BAWANG\r\n            <\/h3>\r\n\r\n            <p>\r\n              Bawang goreng yang buat bau\r\n              sambal terus naik bila pack dibuka.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-crave-card surr-reveal\">\r\n\r\n          <div class=\"surr-crave-image\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/d428d031-4097-47a9-ae5c-106b7128436d-1.png\"\r\n              alt=\"Sambal pedas\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n          <div class=\"surr-crave-content\">\r\n\r\n            <h3>\r\n              PEDAS MANJAH\r\n            <\/h3>\r\n\r\n            <p>\r\n              Ada kick. Ada rasa.\r\n              Lepas satu suap, tangan mula\r\n              cari suapan seterusnya.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       PRODUCT\r\n  ====================================================== -->\r\n\r\n  <section class=\"surr-product\">\r\n\r\n    <div class=\"surr-container\">\r\n\r\n      <div class=\"surr-product-head surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow\">\r\n          Inspirasai Dari\r\n        <\/span>\r\n\r\n        <h2 class=\"surr-title\">\r\n          Sambal bilis melaka\r\n        <\/h2>\r\n\r\n        <p class=\"surr-copy\">\r\n          3 Bulan RnD, Akhirnya keluar lah Sambal Bilis Surrr. Dijamin rasa macam mak-mak kita masak dulu.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"surr-product-layout\">\r\n\r\n        <div class=\"surr-features\">\r\n\r\n          <div class=\"surr-feature surr-reveal\">\r\n\r\n            <div class=\"surr-feature-icon\">\r\n              \ud83d\udc1f\r\n            <\/div>\r\n\r\n            <h3>\r\n              Bilis Rangup\r\n            <\/h3>\r\n\r\n            <p>\r\n              Setiap suapan jadi lebih puas\r\n              dengan tekstur rangup.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"surr-feature surr-reveal\">\r\n\r\n            <div class=\"surr-feature-icon\">\r\n              \ud83e\uddc5\r\n            <\/div>\r\n\r\n            <h3>\r\n              Bawang Goreng Wangi\r\n            <\/h3>\r\n\r\n            <p>\r\n              Aroma yang buat sambal\r\n              lagi menggoda bila dicedok.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-product-center surr-reveal\">\r\n\r\n          <div class=\"surr-product-glow\"><\/div>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/ddf3dda6-68b4-43d4-a779-e205c5d6c2c1-1.png\"\r\n            alt=\"SURRR! Sambal Bilis\"\r\n            class=\"surr-product-main\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-features\">\r\n\r\n          <div class=\"surr-feature surr-reveal\">\r\n\r\n            <div class=\"surr-feature-icon\">\r\n              \ud83c\udf36\ufe0f\r\n            <\/div>\r\n\r\n            <h3>\r\n              Pedas-Pedas Manja\r\n            <\/h3>\r\n\r\n            <p>\r\n              Ada kick yang bagi rasa,\r\n              tapi masih sedap dinikmati.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"surr-feature surr-reveal\">\r\n\r\n            <div class=\"surr-feature-icon\">\r\n              \ud83c\udf5a\r\n            <\/div>\r\n\r\n            <h3>\r\n              Ngam Dengan Nasi\r\n            <\/h3>\r\n\r\n            <p>\r\n              Lagi bahaya kalau nasi\r\n              baru keluar dari periuk.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"surr-product-cta surr-reveal\">\r\n\r\n        <a\r\n          href=\"#surr-checkout\"\r\n          class=\"surr-btn surr-btn-primary\"\r\n        >\r\n          Terliur Pulak..! Nak Order  \ud83d\udd25\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PAIRING\r\n  ====================================================== -->\r\n\r\n  <section class=\"surr-pairing\">\r\n\r\n    <div class=\"surr-container\">\r\n\r\n      <div class=\"surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow\">\r\n          NAK MAKAN DENGAN APA?\r\n        <\/span>\r\n\r\n        <h2 class=\"surr-title\">\r\n          SEBENARNYA\u2026\r\n          <br>\r\n          SEMUA BENDA BOLEH SURRR!\r\n        <\/h2>\r\n\r\n        <p class=\"surr-copy\">\r\n          Nasi panas memang wajib cuba dulu.\r\n          Lepas tu decide sendiri\r\n          nak SURRR!-kan apa.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"surr-food-grid\">\r\n\r\n        <div class=\"surr-food-card surr-reveal\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/5dac68e0-4726-468a-916b-3082499106c8-1.png\"\r\n            alt=\"Nasi panas\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"surr-food-overlay\">\r\n\r\n            <h3>\r\n              NASI PANAS\r\n            <\/h3>\r\n\r\n            <span>\r\n              + SURRR! \ud83d\udd25\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-food-card surr-reveal\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/b286c769-2e14-45d8-840b-e9180b03ea70-1.png\"\r\n            alt=\"Telur mata\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"surr-food-overlay\">\r\n\r\n            <h3>\r\n              TELUR MATA\r\n            <\/h3>\r\n\r\n            <span>\r\n              + SURRR! \ud83d\udd25\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-food-card surr-reveal\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/c7e528b9-e858-490e-a833-c74850d6919b-1.png\"\r\n            alt=\"Mee\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"surr-food-overlay\">\r\n\r\n            <h3>\r\n              MEE\r\n            <\/h3>\r\n\r\n            <span>\r\n              + SURRR! \ud83d\udd25\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-food-card surr-reveal\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/e96da7c5-d303-49a6-bb0e-fba9cc959207-1.png\"\r\n            alt=\"Bubur\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"surr-food-overlay\">\r\n\r\n            <h3>\r\n              BUBUR\r\n            <\/h3>\r\n\r\n            <span>\r\n              + SURRR! \ud83d\udd25\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-food-card surr-reveal\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/890fc62c-d860-4764-a331-5db0d809cbe8-1.png\"\r\n            alt=\"Roti\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"surr-food-overlay\">\r\n\r\n            <h3>\r\n              ROTI\r\n            <\/h3>\r\n\r\n            <span>\r\n              + SURRR! \ud83d\udd25\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-food-card surr-reveal\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/84c51629-77b8-4eb7-a718-b026c4afceeb-1.png\"\r\n            alt=\"Nasi goreng\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"surr-food-overlay\">\r\n\r\n            <h3>\r\n              NASI GORENG\r\n            <\/h3>\r\n\r\n            <span>\r\n              + SURRR! \ud83d\udd25\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       REVIEWS\r\n  ====================================================== -->\r\n\r\n  <section class=\"surr-reviews\">\r\n\r\n    <div class=\"surr-container\">\r\n\r\n      <div class=\"surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow\">\r\n          REACTION BIASANYA MACAM NI\r\n        <\/span>\r\n\r\n        <h2 class=\"surr-title\">\r\n          \u201cNAK RASA SIKIT JE.\u201d\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!--\r\n      IMPORTANT:\r\n      Replace semua review placeholder\r\n      dengan review customer sebenar.\r\n      -->\r\n\r\n\r\n      <div class=\"surr-review-grid\">\r\n\r\n        <div class=\"surr-review surr-reveal\">\r\n\r\n          <div class=\"surr-stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <blockquote>\r\n            \u201cSedap Sangat. Level Kepedasan Mild, Kena Dengan Tekak Org Melaka.\u201d\r\n          <\/blockquote>\r\n\r\n          <small>\r\n            4**A\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-review surr-reveal\">\r\n\r\n          <div class=\"surr-stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <blockquote>\r\n            \u201cSuka. Tahap Kepedasan Yang Memuaskan. Ikan Bilis Rangup Dan Seriously Pertama Kali Makan Sambal Bilis Orang Melaka.\u201d\r\n          <\/blockquote>\r\n\r\n          <small>\r\n            L**A\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-review surr-reveal\">\r\n\r\n          <div class=\"surr-stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <blockquote>\r\n            \u201cBeli Sebab Termasuk LIVE, Jadi Nk Try je Dulu Beli Satu, Sbb Org Rumah Suka Mkn Sambal Bilis...Ahhh Dah Kena Repeat Order Pulak..\u201d\r\n          <\/blockquote>\r\n\r\n          <small>\r\n            F**i a**h\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CHECKOUT\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"surr-checkout\"\r\n    id=\"surr-checkout\"\r\n  >\r\n\r\n    <div class=\"surr-container\">\r\n\r\n      <div class=\"surr-checkout-head surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow\">\r\n          DAH TAK TAHAN?\r\n        <\/span>\r\n\r\n        <h2 class=\"surr-title\">\r\n          OKAY.\r\n          <br>\r\n          TEMPAH SEKARANG SEMENTARA STOCK MASIH ADA.\r\n        <\/h2>\r\n\r\n        <p class=\"surr-copy\">\r\n          Pilih pakej dan terus\r\n          selesaikan pembelian di bawah.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n        CHECKOUT EMBED START\r\n\r\n        Cara paling selamat dalam Elementor:\r\n\r\n        OPTION A:\r\n        Kalau checkout kau widget Elementor:\r\n        BINA section checkout Elementor SELEPAS HTML widget ini.\r\n\r\n        Kemudian beri section tersebut CSS ID:\r\n        surr-checkout\r\n\r\n        Dalam kes itu, DELETE seluruh\r\n        <section class=\"surr-checkout\">...<\/section>\r\n        daripada HTML ini.\r\n\r\n        OPTION B:\r\n        Kalau provider beri iframe\/embed HTML,\r\n        delete placeholder di bawah\r\n        dan paste embed itu di sini.\r\n\r\n        IMPORTANT:\r\n        Elementor shortcode seperti [shortcode]\r\n        biasanya TAK diproses di dalam HTML Widget.\r\n        Gunakan Elementor Shortcode Widget berasingan.\r\n        ================================================= -->\r\n\r\n\r\n<\/div>\r\n\r\n<p>\r\n      <script type=\"text\/javascript\">\n    if( typeof wc_checkout_params === 'undefined' )\n    {\n        var wc_checkout_params = {\"ajax_url\":\"\\\/wp-admin\\\/admin-ajax.php\",\"wc_ajax_url\":\"\\\/index.php\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/1343?wc-ajax=%%endpoint%%\",\"update_order_review_nonce\":\"a46c767f4d\",\"apply_coupon_nonce\":\"72a244c0da\",\"remove_coupon_nonce\":\"bec63fdbb2\",\"option_guest_checkout\":\"yes\",\"checkout_url\":\"\\\/?wc-ajax=checkout\",\"is_checkout\":1,\"debug_mode\":false,\"i18n_checkout_error\":\"Error processing checkout. Please try again.\"};\n    }\n\n    jQuery(document).ready( function ()\n    {\n        \/\/ fix cached update_order_review_nonce issue\n        var init_checkout = 0;\n\n        var nonce_updated = 0;\n        \n        \n        jQuery(document).ajaxSend( function( e, request, options ) {\n\n            if( init_checkout == 0 && nonce_updated == 0 )\n            {\n                if( options.url.indexOf('wc-ajax=update_order_review') > 0 )\n                {\n                    request.abort();\n\n                    jQuery( '.woocommerce-checkout-payment, .woocommerce-checkout-review-order-table' ).unblock();\n\n                    init_checkout = 1;\n                }\n            }\n        });\n\n        jQuery(document).ajaxComplete( function( e, request, options ) {\n\n            if( options.url.indexOf('wc-ajax=update_order_review') > 0 )\n            {\n                if( request.status == 403 )\n                {\n                    window.location.reload( true );\n                }\n            }\n        });\n\n        var data = {\n            'action': 'hcc_form_validate_nonce',\n            'nonce': wc_checkout_params.update_order_review_nonce,\n            'rnd': Math.floor( Math.random() * 1000 ) + 100\n        };\n\n        jQuery.post( wc_checkout_params.ajax_url, data, function( response )\n        {\n            response = jQuery.parseJSON( response );\n\n            if( typeof response == 'object' && typeof response.result != 'undefined' )\n            {\n                wc_checkout_params.update_order_review_nonce = response.result;\n\n                nonce_updated = 1;\n\n                jQuery( document.body ).trigger('update_checkout');\n            }\n        });\n\n        \/\/ embed form\n\n        if( jQuery( \"#place_order\" ).parent( \".hcc-btn-wrapper\" ).length )\n        {\n            \/\/ do nothing\n        }\n        else\n        {\n            jQuery( \"#place_order\" ).wrap( '<div class=\"hcc-btn-wrapper\"><\/div>' );\n        }\n\n        jQuery( \".form-row\" ).each( function ()\n        {\n            jQuery( \"#billing_city_field\" ).removeClass( \"form-row-wide\" ).addClass( \"form-row-first\" );\n            jQuery( \"#billing_state_field\" ).removeClass( \"form-row-wide\" ).addClass( \"form-row-last\" );\n            jQuery( \"#shipping_city_field\" ).removeClass( \"form-row-wide\" ).addClass( \"form-row-first\" );\n            jQuery( \"#shipping_state_field\" ).removeClass( \"form-row-wide\" ).addClass( \"form-row-last\" );\n        });\n\n        jQuery(document.body).bind(\"updated_checkout\", function()\n        {\n            if( jQuery( \"#place_order\" ).parent( \".hcc-btn-wrapper\" ).length )\n            {\n                \/\/ do nothing\n            }\n            else\n            {\n                jQuery( \"#place_order\" ).wrap( '<div class=\"hcc-btn-wrapper\"><\/div>' );\n            }\n        });\n\n        jQuery( \".woocommerce-info\" ).each( function ()\n        {\n            if( jQuery(this).find( \".showlogin\" ).text() )\n            {\n                jQuery(this).remove();\n            }\n        });\n    });\n    <\/script>\n    <link rel=\"stylesheet\" id=\"gb-wc-hcc-embed-forms-styles\" href=\"https:\/\/sambalbilis.com\/wp-content\/plugins\/gb-wc-hcc\/forms\/assets\/css\/embed-forms-styles.css?ver=1.7.1\" type=\"text\/css\" media=\"all\">\n    <style type=\"text\/css\">\n    .wc-hcc-embed-edit-link {\n    \ttext-align: center;\n    }\n    \n    .wc-hcc-embed-popup-link {\n        cursor: pointer;\n    }\n\n    .wc-hcc-embed-edit-link a,\n    .wc-hcc-embed-edit-link a:visited {\n    \tcolor: #000;\n    }\n\n    .woocommerce-terms-and-conditions-wrapper p{\n        color: white;\n    }\n    \n    .form-row .validate-required {\n        width: 95%;\n        display: block;\n    }\n    \n        #ship-to-different-address {\n        display: none;\n    }\n        .hcc-embed-form-wrapper .woocommerce-billing-fields__field-wrapper .form-row label,\n    .hcc-embed-form-wrapper .woocommerce-shipping-fields__field-wrapper .form-row label,\n    .hcc-embed-form-wrapper .woocommerce-account-fields .form-row label {\n        display: block;\n    }\n        .hcc-embed-form-wrapper #order_review_heading,\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table {\n        display: none !important;\n    }\n\n    .hcc-embed-form-wrapper .step-content .woocommerce-shipping-fields {\n        margin-bottom: 0 !important;\n    }\n    .hcc-embed-form-wrapper .woocommerce-shipping-fields {\n        margin-bottom: 10px !important;\n    }\n        <\/style>\n        <style type=\"text\/css\">\r\n    .hcc-embed-form-wrapper,\r\n    .hcc-embed-form-wrapper .wizard,\r\n    .hcc-embed-form-wrapper #payment,\r\n    .hcc-embed-form-wrapper #payment .place-order,\r\n    .hcc-embed-form-wrapper #order_review,\r\n    .hcc-embed-form-wrapper #payment .payment_methods > li,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table.shop_table,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table th,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table td,\r\n    .hcc-embed-modal-body {\r\n        background: #ffffff !important;\r\n    }\r\n\r\n    .hcc-embed-form-wrapper .woocommerce .woocommerce-info {\r\n        background: #ffffff !important;\r\n    }\r\n\r\n    .hcc-embed-form-wrapper #payment .payment_methods > li .payment_box {\r\n        background: #f5f5f5 !important;\r\n    }\r\n\r\n    .hcc-embed-form-wrapper #payment div.payment_box::before {\r\n        border-bottom-color: #f5f5f5 !important;\r\n    }\r\n\r\n    .hcc-embed-form-wrapper a,\r\n    .hcc-embed-form-wrapper a:hover,\r\n    .hcc-embed-form-wrapper .link-back1 {\r\n        color: #0a0a0a !important;\r\n    }\r\n\r\n\r\n    .hcc-embed-form-wrapper p,\r\n    .hcc-embed-form-wrapper h6,\r\n    .hcc-embed-form-wrapper h3,\r\n    .hcc-embed-form-wrapper #payment label,\r\n    .hcc-embed-form-wrapper #ship-to-different-address span,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-table,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-item-wrap,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-price,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-table h1,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-table h2,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-table h3,\r\n    .hcc-embed-form-wrapper .wc-hcc-vq-options-table h4,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table,\r\n    .hcc-embed-form-wrapper .woocommerce-billing-fields h3,\r\n    .hcc-embed-form-wrapper .badge,\r\n    .hcc-embed-form-wrapper .badge-text,\r\n    .hcc-embed-form-wrapper #payment,\r\n    .hcc-embed-form-wrapper .form-row,\r\n    .hcc-embed-form-wrapper .woocommerce-privacy-policy-text,\r\n    .hcc-embed-form-wrapper .woocommerce-privacy-policy-text p,\r\n    .hcc-embed-form-wrapper .woocommerce-billing-fields .form-row label,\r\n    .hcc-embed-form-wrapper .woocommerce-shipping-fields .form-row label,\r\n    .hcc-embed-form-wrapper #order_review_heading,\r\n    .hcc-embed-form-wrapper .woocommerce .woocommerce-info,\r\n    .hcc-embed-form-wrapper .woocommerce .woocommerce-info::before,\r\n    .hcc-embed-form-wrapper .hcc-form-custom-html,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table th,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table td,\r\n    .hcc-embed-form-wrapper .woocommerce-checkout-review-order-table td li,\r\n    .hcc-embed-form-wrapper #payment .payment_methods > li .payment_box {\r\n        color: #6b001c !important;\r\n    }\r\n\r\n    .hcc-embed-form-wrapper .wizard-button,\r\n    .hcc-embed-form-wrapper .button.alt,\r\n    .hcc-embed-form-wrapper .woocommerce .checkout_coupon .button {\r\n        background: #dd3333 !important;\r\n    }\r\n\r\n\r\n<\/style>\r\n\r\n<!-- Handsome Checkout Embed Forms for WooCommerce-->\r\n\r\n<div class=\"hcc-embed-form-wrapper\">\r\nOops, there are no products in your cart.<\/div>\r\n<\/p>\r\n\r\n\r\n        <!-- CHECKOUT EMBED END -->\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FAQ\r\n  ====================================================== -->\r\n\r\n  <section class=\"surr-faq\">\r\n\r\n    <div class=\"surr-container surr-faq-layout\">\r\n\r\n      <div class=\"surr-reveal\">\r\n\r\n        <span class=\"surr-eyebrow\">\r\n          FAQ\r\n        <\/span>\r\n\r\n        <h2 class=\"surr-title\">\r\n          ORANG SELALU TANYA.\r\n        <\/h2>\r\n\r\n        <p class=\"surr-copy\">\r\n          Kalau masih teragak-agak,\r\n          mungkin jawapan ada di sini.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"surr-faq-list\">\r\n\r\n        <div class=\"surr-faq-item\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"surr-faq-question\"\r\n          >\r\n\r\n            <span>\r\n              SURRR! pedas sangat ke?\r\n            <\/span>\r\n\r\n            <span class=\"surr-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"surr-faq-answer\">\r\n\r\n            <div class=\"surr-faq-answer-inner\">\r\n              Pedas-pedas manja \u2014\r\n              ada kick, tapi masih sedap\r\n              dimakan bersama makanan.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-faq-item\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"surr-faq-question\"\r\n          >\r\n\r\n            <span>\r\n              Sedap makan dengan apa?\r\n            <\/span>\r\n\r\n            <span class=\"surr-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"surr-faq-answer\">\r\n\r\n            <div class=\"surr-faq-answer-inner\">\r\n              Nasi panas memang pilihan utama.\r\n              Boleh juga cuba dengan telur,\r\n              mee, bubur, roti atau makanan kegemaran.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-faq-item\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"surr-faq-question\"\r\n          >\r\n\r\n            <span>\r\n              Berapa berat satu pack?\r\n            <\/span>\r\n\r\n            <span class=\"surr-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"surr-faq-answer\">\r\n\r\n            <div class=\"surr-faq-answer-inner\">\r\n              1 Pack berat 100gram.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"surr-faq-item\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"surr-faq-question\"\r\n          >\r\n\r\n            <span>\r\n              Bagaimana dengan penghantaran?\r\n            <\/span>\r\n\r\n            <span class=\"surr-faq-plus\">\r\n              +\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"surr-faq-answer\">\r\n\r\n            <div class=\"surr-faq-answer-inner\">\r\n              Penghantaran Mengambil Masa 3-5 Hari Bekerja.\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FINAL CTA\r\n  ====================================================== -->\r\n\r\n  <section class=\"surr-final\">\r\n\r\n    <div class=\"surr-container\">\r\n\r\n      <div class=\"surr-final-inner surr-reveal\">\r\n\r\n        <h2 class=\"surr-final-title\">\r\n          OKAY\u2026\r\n          <br>\r\n          SEKARANG DAH LAPAR KAN?\r\n          \ud83e\udd24\r\n        <\/h2>\r\n\r\n        <p class=\"surr-final-copy\">\r\n          Jangan salahkan kami.\r\n          Salah bilis rangup tu.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"#surr-checkout\"\r\n          class=\"surr-btn\"\r\n        >\r\n          NAK SURRR! SEKARANG \ud83d\udd25\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       MOBILE STICKY BUY\r\n  ====================================================== -->\r\n\r\n  <div class=\"surr-mobile-buy\">\r\n\r\n    <div class=\"surr-mobile-buy-inner\">\r\n\r\n      <div class=\"surr-mobile-copy\">\r\n\r\n        <strong>\r\n          Dah lapar? \ud83e\udd24\r\n        <\/strong>\r\n\r\n        SURRR! tunggu kat bawah.\r\n\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"#surr-checkout\"\r\n        class=\"surr-btn surr-btn-primary\"\r\n      >\r\n        BELI \ud83d\udd25\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* ======================================================\r\n     REVEAL\r\n  ====================================================== *\/\r\n\r\n  var revealItems =\r\n    document.querySelectorAll(\r\n      \".surr-page .surr-reveal\"\r\n    );\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n\r\n    var revealObserver =\r\n      new IntersectionObserver(\r\n        function (entries) {\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n              if (entry.isIntersecting) {\r\n\r\n                entry.target\r\n                  .classList\r\n                  .add(\"surr-show\");\r\n\r\n                revealObserver\r\n                  .unobserve(\r\n                    entry.target\r\n                  );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold: 0.1\r\n        }\r\n      );\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n        revealObserver.observe(item);\r\n\r\n      }\r\n    );\r\n\r\n  } else {\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n        item.classList.add(\r\n          \"surr-show\"\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* ======================================================\r\n     FAQ\r\n  ====================================================== *\/\r\n\r\n  var faqItems =\r\n    document.querySelectorAll(\r\n      \".surr-page .surr-faq-item\"\r\n    );\r\n\r\n  faqItems.forEach(\r\n    function (item) {\r\n\r\n      var button =\r\n        item.querySelector(\r\n          \".surr-faq-question\"\r\n        );\r\n\r\n      var answer =\r\n        item.querySelector(\r\n          \".surr-faq-answer\"\r\n        );\r\n\r\n      if (!button || !answer) {\r\n        return;\r\n      }\r\n\r\n      button.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          var active =\r\n            item.classList.contains(\r\n              \"surr-active\"\r\n            );\r\n\r\n          faqItems.forEach(\r\n            function (other) {\r\n\r\n              other.classList.remove(\r\n                \"surr-active\"\r\n              );\r\n\r\n              var otherAnswer =\r\n                other.querySelector(\r\n                  \".surr-faq-answer\"\r\n                );\r\n\r\n              if (otherAnswer) {\r\n                otherAnswer.style.maxHeight = null;\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n          if (!active) {\r\n\r\n            item.classList.add(\r\n              \"surr-active\"\r\n            );\r\n\r\n            answer.style.maxHeight =\r\n              answer.scrollHeight + \"px\";\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* ======================================================\r\n     SMOOTH SCROLL\r\n  ====================================================== *\/\r\n\r\n  var internalLinks =\r\n    document.querySelectorAll(\r\n      '.surr-page a[href^=\"#\"]'\r\n    );\r\n\r\n  internalLinks.forEach(\r\n    function (link) {\r\n\r\n      link.addEventListener(\r\n        \"click\",\r\n        function (e) {\r\n\r\n          var targetId =\r\n            link.getAttribute(\"href\");\r\n\r\n          if (\r\n            !targetId ||\r\n            targetId === \"#\"\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          var target =\r\n            document.querySelector(\r\n              targetId\r\n            );\r\n\r\n          if (!target) {\r\n            return;\r\n          }\r\n\r\n          e.preventDefault();\r\n\r\n          target.scrollIntoView({\r\n            behavior: \"smooth\",\r\n            block: \"start\"\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1343","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/sambalbilis.com\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Sambal Bilis - Pedas-Rangup-Memikat\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Sambal Surrr AI - Sambal Bilis\" \/>\n\t\t<meta property=\"og:description\" content=\"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/sambalbilis.com\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-08-27T00:57:21+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-21T03:07:46+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Sambal Surrr AI - Sambal Bilis\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sambalbilis.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sambalbilis.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#listItem\",\"name\":\"Sambal Surrr AI\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#listItem\",\"position\":2,\"name\":\"Sambal Surrr AI\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sambalbilis.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#organization\",\"name\":\"Sambal Bilis\",\"description\":\"Pedas-Rangup-Memikat\",\"url\":\"https:\\\/\\\/sambalbilis.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sambalbilis.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/4484f0f4-5836-421c-a098-dca13d8984c1.png\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#organizationLogo\",\"width\":1254,\"height\":1254,\"caption\":\"Sambal Bilis spicy snack featuring chili and anchovies, perfect for flavor lovers.\"},\"image\":{\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#webpage\",\"url\":\"https:\\\/\\\/sambalbilis.com\\\/\",\"name\":\"Sambal Surrr AI - Sambal Bilis\",\"description\":\"\\u26a0\\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \\ud83e\\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \\ud83d\\udd25 TENGOK KENAPA SEDAP \\u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \\u2726 BAWANG GORENG WANGI \\u2726 PEDAS-PEDAS MANJA \\u2726 NASI PANAS + SURRR! \\u2726\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#breadcrumblist\"},\"datePublished\":\"2026-08-27T00:57:21+00:00\",\"dateModified\":\"2026-09-21T03:07:46+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#website\",\"url\":\"https:\\\/\\\/sambalbilis.com\\\/\",\"name\":\"Sambal Bilis\",\"description\":\"Pedas-Rangup-Memikat\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/sambalbilis.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Sambal Surrr AI - Sambal Bilis","description":"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726","canonical_url":"https:\/\/sambalbilis.com\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/sambalbilis.com\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/sambalbilis.com#listItem","position":1,"name":"Home","item":"https:\/\/sambalbilis.com","nextItem":{"@type":"ListItem","@id":"https:\/\/sambalbilis.com\/#listItem","name":"Sambal Surrr AI"}},{"@type":"ListItem","@id":"https:\/\/sambalbilis.com\/#listItem","position":2,"name":"Sambal Surrr AI","previousItem":{"@type":"ListItem","@id":"https:\/\/sambalbilis.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/sambalbilis.com\/#organization","name":"Sambal Bilis","description":"Pedas-Rangup-Memikat","url":"https:\/\/sambalbilis.com\/","logo":{"@type":"ImageObject","url":"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png","@id":"https:\/\/sambalbilis.com\/#organizationLogo","width":1254,"height":1254,"caption":"Sambal Bilis spicy snack featuring chili and anchovies, perfect for flavor lovers."},"image":{"@id":"https:\/\/sambalbilis.com\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/sambalbilis.com\/#webpage","url":"https:\/\/sambalbilis.com\/","name":"Sambal Surrr AI - Sambal Bilis","description":"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/sambalbilis.com\/#website"},"breadcrumb":{"@id":"https:\/\/sambalbilis.com\/#breadcrumblist"},"datePublished":"2026-08-27T00:57:21+00:00","dateModified":"2026-09-21T03:07:46+00:00"},{"@type":"WebSite","@id":"https:\/\/sambalbilis.com\/#website","url":"https:\/\/sambalbilis.com\/","name":"Sambal Bilis","description":"Pedas-Rangup-Memikat","inLanguage":"en-US","publisher":{"@id":"https:\/\/sambalbilis.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"Sambal Bilis - Pedas-Rangup-Memikat","og:type":"article","og:title":"Sambal Surrr AI - Sambal Bilis","og:description":"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726","og:url":"https:\/\/sambalbilis.com\/","og:image":"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png","og:image:secure_url":"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png","article:published_time":"2026-08-27T00:57:21+00:00","article:modified_time":"2026-09-21T03:07:46+00:00","twitter:card":"summary_large_image","twitter:title":"Sambal Surrr AI - Sambal Bilis","twitter:description":"\u26a0\ufe0f AMARAN JANGAN SCROLL KALAU TENGAH LAPAR. \ud83e\udd24 Bilis rangup. Bawang goreng wangi. Pedas-pedas manja yang buat nasi panas susah nak berhenti. NAK SURRR! SEKARANG \ud83d\udd25 TENGOK KENAPA SEDAP \u2193 Warning: boleh menyebabkan nasi bertambah. BILIS RANGUP + NASI PANAS BILIS RANGUP \u2726 BAWANG GORENG WANGI \u2726 PEDAS-PEDAS MANJA \u2726 NASI PANAS + SURRR! \u2726","twitter:image":"https:\/\/sambalbilis.com\/wp-content\/uploads\/2026\/08\/4484f0f4-5836-421c-a098-dca13d8984c1.png"},"aioseo_meta_data":{"post_id":"1343","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-08-27 00:57:22","updated":"2026-09-21 03:32:47","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/sambalbilis.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tSambal Surrr AI\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/sambalbilis.com"},{"label":"Sambal Surrr AI","link":"https:\/\/sambalbilis.com\/"}],"_links":{"self":[{"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/pages\/1343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":71,"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/pages\/1343\/revisions"}],"predecessor-version":[{"id":1452,"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/pages\/1343\/revisions\/1452"}],"wp:attachment":[{"href":"https:\/\/sambalbilis.com\/index.php\/wp-json\/wp\/v2\/media?parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}