Pawada \u2014 every meal deserves more kick<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --red:#C40000;\r\n --red-dark:#8F0000;\r\n --red-soft:#E53935;\r\n --cream:#F8F0D8;\r\n --cream-light:#FFF8E8;\r\n --cream-warm:#F5F0D6;\r\n --yellow:#FFD447;\r\n --yellow-soft:#FFE082;\r\n --brown:#3A2418;\r\n --brown-light:#5B3A29;\r\n --green:#5E7A3A;\r\n --green-light:#7DA04B;\r\n --orange:#F47B20;\r\n --tomato:#D94D34;\r\n --text:#2D241F;\r\n --muted:#766A5D;\r\n --white:#FFFFFF;\r\n --shopee:#EE4D2D;\r\n --shadow:0 24px 60px rgba(70,30,20,.16);\r\n --float-shadow:0 35px 80px rgba(0,0,0,.28);\r\n --bottle-shadow:0 30px 50px rgba(0,0,0,.32);\r\n}\r\n\r\n*{box-sizing:border-box}\r\n\r\nbody{\r\n margin:0;\r\n font-family:'Inter',sans-serif;\r\n background:var(--cream);\r\n color:var(--text);\r\n overflow-x:hidden;\r\n}\r\n\r\n.pawada-page{\r\n overflow:hidden;\r\n background:\r\n radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px),\r\n var(--cream);\r\n background-size:24px 24px;\r\n}\r\n\r\n.container{\r\n width:min(1180px,92%);\r\n margin:auto;\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n.nav{\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n z-index:50;\r\n padding:22px 0;\r\n}\r\n\r\n.nav-inner{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n\r\n.logo{\r\n background:var(--red);\r\n color:var(--yellow);\r\n font-family:Georgia,serif;\r\n font-weight:900;\r\n font-size:28px;\r\n padding:9px 36px;\r\n border-radius:999px;\r\n border:3px solid #fff;\r\n box-shadow:0 0 0 2px var(--red);\r\n text-decoration:none;\r\n}\r\n\r\n.nav-links{\r\n display:flex;\r\n gap:26px;\r\n align-items:center;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:13px;\r\n}\r\n\r\n.nav-links a{\r\n color:white;\r\n text-decoration:none;\r\n text-transform:lowercase;\r\n transition:.2s;\r\n}\r\n\r\n.nav-links a:hover{ color:var(--yellow); }\r\n\r\n.nav-dot{\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n background:white;\r\n color:var(--red);\r\n display:grid;\r\n place-items:center;\r\n font-weight:900;\r\n}\r\n\r\n\/* ============ HERO CAROUSEL ============ *\/\r\n.hero{\r\n min-height:760px;\r\n position:relative;\r\n overflow:hidden;\r\n color:white;\r\n padding:0;\r\n}\r\n\r\n.hero:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 -1px 0;\r\n height:80px;\r\n background:var(--cream);\r\n clip-path:polygon(0 55%,14% 35%,30% 60%,48% 30%,66% 58%,84% 36%,100% 52%,100% 100%,0 100%);\r\n z-index:8;\r\n pointer-events:none;\r\n}\r\n\r\n.hero__track{\r\n position:relative;\r\n width:100%;\r\n height:760px;\r\n}\r\n\r\n.hero__slide{\r\n position:absolute;\r\n inset:0;\r\n padding:135px 0 90px;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:opacity .7s ease;\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n.hero__slide.is-active{\r\n opacity:1;\r\n pointer-events:auto;\r\n z-index:2;\r\n}\r\n\r\n\/* per-slide gradient backgrounds (themed by primary product) *\/\r\n.hero__slide-1{\r\n background:\r\n radial-gradient(circle at 70% 35%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#C40000,#5B0808);\r\n}\r\n.hero__slide-2{\r\n background:\r\n radial-gradient(circle at 30% 40%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#E55B36,#7B1C10);\r\n}\r\n.hero__slide-3{\r\n background:\r\n radial-gradient(circle at 70% 35%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#D94D34,#5B0606);\r\n}\r\n.hero__slide-4{\r\n background:\r\n radial-gradient(circle at 30% 40%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#C68128,#5C3A0F);\r\n}\r\n\r\n.hero__grid{\r\n width:min(1180px,92%);\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:.9fr 1.1fr;\r\n gap:40px;\r\n align-items:center;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.hero__copy h1{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(44px,6.4vw,82px);\r\n line-height:.95;\r\n letter-spacing:-2.5px;\r\n margin:14px 0 22px;\r\n max-width:560px;\r\n}\r\n\r\n.hero__copy h1 span{ color:var(--yellow); }\r\n\r\n.hero__meta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:14px;\r\n}\r\n\r\n.hero__meta-pill{\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:11px;\r\n letter-spacing:1.5px;\r\n text-transform:uppercase;\r\n padding:7px 14px;\r\n border-radius:999px;\r\n}\r\n\r\n.hero__meta-time{\r\n background:rgba(0,0,0,.32);\r\n color:white;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n padding:7px 14px;\r\n border-radius:999px;\r\n backdrop-filter:blur(8px);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n}\r\n\r\n.hero__copy p{\r\n max-width:520px;\r\n line-height:1.8;\r\n font-size:18px;\r\n color:#FFE6E0;\r\n margin:0 0 8px;\r\n}\r\n\r\n\/* Right-side stage of each slide *\/\r\n.hero__stage{\r\n position:relative;\r\n min-height:540px;\r\n}\r\n\r\n.hero__dish{\r\n position:absolute;\r\n width:440px;\r\n height:440px;\r\n border-radius:50%;\r\n top:40px;\r\n right:20px;\r\n background:\r\n radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), transparent 50%),\r\n linear-gradient(135deg, var(--dish-from, #6B3410), var(--dish-to, #2A1408));\r\n box-shadow:var(--float-shadow), inset 0 0 0 14px rgba(255,255,255,.08);\r\n display:grid;\r\n place-items:center;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.42);\r\n z-index:1;\r\n}\r\n\r\n.hero__dish:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-22px;\r\n border-radius:50%;\r\n border:2px dashed rgba(255,255,255,.18);\r\n}\r\n\r\n.hero__slide-1 .hero__dish{ --dish-from:#3D1A08; --dish-to:#100503; }\r\n.hero__slide-2 .hero__dish{ --dish-from:#A8350D; --dish-to:#3F1106; }\r\n.hero__slide-3 .hero__dish{ --dish-from:#9B1A0A; --dish-to:#380404; }\r\n.hero__slide-4 .hero__dish{ --dish-from:#7B5A14; --dish-to:#2E1F03; }\r\n\r\n.hero__bottle-wrap{\r\n position:absolute;\r\n z-index:5;\r\n top:80px;\r\n left:60px;\r\n}\r\n\r\n.hero__bottle-wrap .bottle{\r\n position:relative;\r\n top:auto; left:auto; right:auto;\r\n transform:rotate(-10deg);\r\n transition:.4s cubic-bezier(.175,.885,.32,1.275);\r\n}\r\n\r\n.hero__slide:hover .hero__bottle-wrap .bottle{\r\n transform:rotate(-5deg) translateY(-10px);\r\n}\r\n\r\n\/* Scattered ingredients per slide stage *\/\r\n.hero__stage .ingredient{\r\n position:absolute;\r\n z-index:4;\r\n}\r\n\r\n\/* Carousel arrows *\/\r\n.hero__arrow{\r\n position:absolute;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:56px;\r\n height:56px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.18);\r\n backdrop-filter:blur(10px);\r\n border:2px solid rgba(255,255,255,.32);\r\n color:white;\r\n font-size:24px;\r\n display:grid;\r\n place-items:center;\r\n cursor:pointer;\r\n z-index:10;\r\n transition:.25s;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n line-height:1;\r\n padding:0 0 4px 0;\r\n}\r\n\r\n.hero__arrow:hover{\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n border-color:var(--yellow);\r\n transform:translateY(-50%) scale(1.06);\r\n}\r\n\r\n.hero__arrow--prev{ left:24px; }\r\n.hero__arrow--next{ right:24px; }\r\n\r\n.hero__counter{\r\n position:absolute;\r\n bottom:110px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n z-index:10;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:13px;\r\n letter-spacing:2px;\r\n color:rgba(255,255,255,.75);\r\n background:rgba(0,0,0,.22);\r\n padding:8px 18px;\r\n border-radius:999px;\r\n backdrop-filter:blur(8px);\r\n}\r\n\r\n.hero__counter strong{ color:var(--yellow); }\r\n\r\n.btn-row{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin-top:30px;\r\n}\r\n\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:15px 28px;\r\n border-radius:999px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:14px;\r\n text-decoration:none;\r\n text-transform:lowercase;\r\n transition:.3s ease;\r\n border:none;\r\n cursor:pointer;\r\n}\r\n\r\n.btn-yellow{\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n box-shadow:0 18px 35px rgba(0,0,0,.18);\r\n}\r\n.btn-yellow:hover{ background:#FFC820; transform:translateY(-4px); }\r\n\r\n.btn-white{ background:white; color:var(--red); }\r\n.btn-white:hover{ transform:translateY(-4px); }\r\n\r\n.btn-outline{\r\n border:2px solid rgba(255,255,255,.35);\r\n color:white;\r\n}\r\n.btn-outline:hover{ background:rgba(255,255,255,.1); transform:translateY(-4px); }\r\n\r\n.btn-dark{\r\n background:var(--brown);\r\n color:var(--yellow);\r\n}\r\n.btn-dark:hover{ background:var(--text); transform:translateY(-4px); }\r\n\r\n\/* ============ FLOATING HERO PRODUCTS ============ *\/\r\n.stage{\r\n position:relative;\r\n min-height:560px;\r\n}\r\n\r\n.big-shadow{\r\n position:absolute;\r\n width:520px;\r\n height:520px;\r\n border-radius:50%;\r\n background:rgba(130,0,0,.25);\r\n top:20px;\r\n left:80px;\r\n filter:blur(20px);\r\n}\r\n\r\n\/* ----- LEVEL-UP CSS BOTTLE ----- *\/\r\n.bottle{\r\n position:absolute;\r\n width:175px;\r\n height:400px;\r\n transition:.45s cubic-bezier(.175,.885,.32,1.275);\r\n}\r\n\r\n.bottle__body{\r\n position:absolute;\r\n inset:0;\r\n border-radius:80px 80px 22px 22px;\r\n background:\r\n linear-gradient(105deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0) 70%, rgba(0,0,0,.18) 100%),\r\n linear-gradient(180deg, var(--bottle-top, #B82424) 0%, var(--bottle-bottom, #4B0C0C) 100%);\r\n box-shadow:var(--bottle-shadow), inset 0 2px 6px rgba(255,255,255,.35);\r\n}\r\n\r\n.bottle__cap{\r\n position:absolute;\r\n top:-46px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:70px;\r\n height:58px;\r\n border-radius:8px 8px 4px 4px;\r\n background:\r\n repeating-linear-gradient(90deg, rgba(0,0,0,.12) 0 2px, transparent 2px 5px),\r\n linear-gradient(180deg, #DDD 0%, #B5B5B5 60%, #999 100%);\r\n box-shadow:0 6px 10px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.4);\r\n}\r\n\r\n.bottle__cap:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 -8px 0;\r\n height:10px;\r\n background:linear-gradient(180deg, #888, #555);\r\n border-radius:2px;\r\n}\r\n\r\n.bottle__neck{\r\n position:absolute;\r\n top:-2px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:78px;\r\n height:18px;\r\n background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,0));\r\n border-radius:8px 8px 0 0;\r\n}\r\n\r\n.bottle__label{\r\n position:absolute;\r\n inset:auto 14px 32px 14px;\r\n background:linear-gradient(180deg, #fff 0%, #FAF7F0 100%);\r\n border-radius:14px;\r\n padding:18px 10px 14px;\r\n text-align:center;\r\n box-shadow:0 8px 16px rgba(0,0,0,.18), inset 0 0 0 1.5px rgba(0,0,0,.06);\r\n font-family:'Poppins',sans-serif;\r\n}\r\n\r\n.bottle__label-brand{\r\n font-family:Georgia,serif;\r\n font-weight:900;\r\n font-size:11px;\r\n color:var(--red);\r\n letter-spacing:1.5px;\r\n margin-bottom:4px;\r\n text-transform:uppercase;\r\n}\r\n\r\n.bottle__label-product{\r\n font-weight:900;\r\n font-size:13px;\r\n line-height:1.15;\r\n color:var(--text);\r\n text-transform:uppercase;\r\n letter-spacing:.3px;\r\n}\r\n\r\n.bottle__label-accent{\r\n width:32px;\r\n height:3px;\r\n border-radius:2px;\r\n margin:6px auto 0;\r\n background:var(--accent, var(--red));\r\n}\r\n\r\n\/* hero bottle positions *\/\r\n.bottle-main{\r\n top:60px;\r\n left:75px;\r\n --bottle-top:#B82424;\r\n --bottle-bottom:#4B0C0C;\r\n --accent:#5B3A29;\r\n transform:rotate(-12deg);\r\n z-index:4;\r\n}\r\n\r\n.bottle-two{\r\n top:115px;\r\n left:285px;\r\n --bottle-top:#F2A51F;\r\n --bottle-bottom:#7B2B12;\r\n --accent:#B64534;\r\n transform:rotate(9deg) scale(.9);\r\n z-index:3;\r\n}\r\n\r\n.bottle-three{\r\n top:30px;\r\n right:0;\r\n --bottle-top:#D94D34;\r\n --bottle-bottom:#7B1C10;\r\n --accent:#C92F2F;\r\n transform:rotate(18deg) scale(.75);\r\n z-index:2;\r\n}\r\n\r\n.stage:hover .bottle-main{transform:rotate(-7deg) translateY(-12px)}\r\n.stage:hover .bottle-two{transform:rotate(5deg) translateY(-8px) scale(.94)}\r\n.stage:hover .bottle-three{transform:rotate(13deg) translateY(-5px) scale(.78)}\r\n\r\n\/* ============ INGREDIENTS (level-up) ============ *\/\r\n.ingredient{\r\n position:absolute;\r\n z-index:5;\r\n filter:drop-shadow(0 16px 18px rgba(0,0,0,.22));\r\n}\r\n\r\n\/* chili - teardrop with stem *\/\r\n.ing-chili{\r\n width:50px;\r\n height:130px;\r\n}\r\n\r\n.ing-chili .body{\r\n position:absolute;\r\n inset:18px 0 0 0;\r\n background:linear-gradient(160deg,#FF3B21 0%,#C8160A 60%,#7E0606 100%);\r\n border-radius:50% 50% 50% 50% \/ 28% 28% 72% 72%;\r\n transform:rotate(0);\r\n}\r\n\r\n.ing-chili .body:after{\r\n content:\"\";\r\n position:absolute;\r\n top:12%;\r\n left:25%;\r\n width:18%;\r\n height:50%;\r\n background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0));\r\n border-radius:50%;\r\n}\r\n\r\n.ing-chili .stem{\r\n position:absolute;\r\n top:0;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:14px;\r\n height:30px;\r\n background:linear-gradient(180deg, #5E7A3A, #3F5C2A);\r\n border-radius:50% 50% 10% 10%;\r\n}\r\n\r\n\/* leaf - parsley-like *\/\r\n.ing-leaf{\r\n width:96px;\r\n height:70px;\r\n}\r\n\r\n.ing-leaf .blade{\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(135deg, #92BE5A 0%, #5E7A3A 55%, #3F5C2A 100%);\r\n border-radius:80% 10% 80% 10%;\r\n}\r\n\r\n.ing-leaf .blade:before{\r\n content:\"\";\r\n position:absolute;\r\n top:50%;\r\n left:8%;\r\n width:84%;\r\n height:1.5px;\r\n background:rgba(0,0,0,.18);\r\n transform:rotate(8deg);\r\n}\r\n\r\n\/* pepper - peppercorn *\/\r\n.ing-pepper{\r\n width:56px;\r\n height:56px;\r\n}\r\n\r\n.ing-pepper .berry{\r\n position:absolute;\r\n inset:0;\r\n border-radius:50%;\r\n background:\r\n radial-gradient(circle at 32% 28%, rgba(255,255,255,.4), transparent 30%),\r\n radial-gradient(circle at 35% 30%, #72503A 0%, #3D2416 60%, #1A0D06 100%);\r\n}\r\n\r\n\/* garlic *\/\r\n.ing-garlic{\r\n width:62px;\r\n height:78px;\r\n}\r\n\r\n.ing-garlic .clove{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 35% 25%, rgba(255,255,255,.55), transparent 35%),\r\n linear-gradient(180deg, #FBF5E0 0%, #E8DCB0 100%);\r\n border-radius:55% 55% 50% 50% \/ 75% 75% 25% 25%;\r\n}\r\n\r\n\/* lime wedge *\/\r\n.ing-lime{\r\n width:78px;\r\n height:78px;\r\n}\r\n\r\n.ing-lime .wedge{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 50% 50%, #D4ED5C 0%, #92BE5A 55%, #5E7A3A 100%);\r\n border-radius:50%;\r\n clip-path:polygon(0 50%, 100% 0, 100% 100%);\r\n}\r\n\r\n.ing-lime .wedge:after{\r\n content:\"\";\r\n position:absolute;\r\n top:50%;\r\n left:20%;\r\n width:75%;\r\n height:2px;\r\n background:rgba(255,255,255,.4);\r\n transform:translateY(-50%) rotate(-10deg);\r\n}\r\n\r\n\/* hero ingredient positions *\/\r\n.hero .ing-chili{ bottom:120px; left:30px; transform:rotate(-22deg); }\r\n.hero .ing-leaf{ bottom:60px; left:170px; transform:rotate(-12deg); }\r\n.hero .ing-pepper{ top:90px; right:180px; }\r\n.hero .ing-garlic{ top:380px; right:230px; transform:rotate(15deg); }\r\n.hero .ing-lime{ top:50px; left:340px; transform:rotate(35deg); }\r\n\r\n\/* ============ MEET PAWADA ============ *\/\r\n.meet{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n min-height:620px;\r\n background:var(--cream);\r\n}\r\n\r\n.meet-left{\r\n padding:120px 12%;\r\n background:\r\n radial-gradient(rgba(120,70,30,.08) 1px, transparent 1px),\r\n var(--cream-light);\r\n background-size:18px 18px;\r\n position:relative;\r\n}\r\n\r\n.meet-left h2{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:var(--red);\r\n font-size:clamp(48px,6vw,82px);\r\n line-height:.9;\r\n letter-spacing:-3px;\r\n margin:0 0 20px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.meet-left h2 small{\r\n display:block;\r\n font-size:24px;\r\n letter-spacing:0;\r\n font-weight:600;\r\n color:var(--muted);\r\n margin-bottom:6px;\r\n}\r\n\r\n.meet-left p{\r\n line-height:1.8;\r\n max-width:460px;\r\n color:var(--text);\r\n}\r\n\r\n.meet-right{\r\n background:var(--cream-warm);\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n overflow:hidden;\r\n}\r\n\r\n.face-circle{\r\n width:360px;\r\n height:360px;\r\n border-radius:50%;\r\n background:#EFE4B9;\r\n display:grid;\r\n place-items:center;\r\n font-family:'DM Serif Display',serif;\r\n color:var(--red);\r\n font-size:120px;\r\n box-shadow:inset 0 0 0 18px rgba(255,255,255,.25);\r\n position:relative;\r\n}\r\n\r\n.face-circle:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-14px;\r\n border-radius:50%;\r\n border:2px dashed rgba(196,0,0,.18);\r\n}\r\n\r\n.float-pack{\r\n position:absolute;\r\n bottom:-65px;\r\n left:-70px;\r\n width:340px;\r\n height:120px;\r\n background:linear-gradient(90deg,#C92424,#7B1111);\r\n border-radius:30px;\r\n transform:rotate(-8deg);\r\n box-shadow:var(--shadow);\r\n display:grid;\r\n place-items:center;\r\n color:var(--yellow);\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n letter-spacing:1px;\r\n}\r\n\r\n.meet-right .ing-chili{ top:80px; left:60px; transform:rotate(-30deg); }\r\n.meet-right .ing-leaf{ right:70px; bottom:90px; transform:rotate(25deg); }\r\n.meet-right .ing-pepper{ bottom:120px; left:90px; }\r\n\r\n\/* ============ BRAND STORY PARALLAX (merged, playful style) ============ *\/\r\n.story{\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.story__panel{\r\n min-height:100vh;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:60px;\r\n align-items:center;\r\n padding:120px 6vw;\r\n position:relative;\r\n box-sizing:border-box;\r\n}\r\n\r\n.story__panel:nth-child(even){ direction:rtl; }\r\n.story__panel > *{ direction:ltr; }\r\n\r\n\/* B2C panel themes (1-4) *\/\r\n.story__panel--red{\r\n background:\r\n radial-gradient(circle at 70% 30%, rgba(255,255,255,.06), transparent 28%),\r\n linear-gradient(135deg, var(--red), var(--red-dark));\r\n color:white;\r\n}\r\n\r\n.story__panel--cream{\r\n background:\r\n radial-gradient(rgba(0,0,0,.04) 1px, transparent 1px),\r\n var(--cream);\r\n background-size:22px 22px;\r\n color:var(--text);\r\n}\r\n\r\n.story__panel--yellow{\r\n background:\r\n radial-gradient(rgba(0,0,0,.05) 1px, transparent 1px),\r\n var(--cream-warm);\r\n background-size:22px 22px;\r\n color:var(--text);\r\n}\r\n\r\n\/* B2B panel themes (5-6) *\/\r\n.story__panel--brown{\r\n background:\r\n radial-gradient(circle at 85% 25%, rgba(255,212,71,.1), transparent 30%),\r\n var(--brown);\r\n color:white;\r\n}\r\n\r\n.story__panel--dark{\r\n background:#2A1810;\r\n color:white;\r\n}\r\n\r\n.story__copy{\r\n max-width:520px;\r\n}\r\n\r\n.story__kicker{\r\n display:inline-block;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:12px;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n padding:7px 16px;\r\n border-radius:999px;\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n margin-bottom:22px;\r\n}\r\n\r\n.story__panel--cream .story__kicker,\r\n.story__panel--yellow .story__kicker{\r\n background:var(--red);\r\n color:var(--yellow);\r\n}\r\n\r\n.story__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(40px,5.5vw,68px);\r\n line-height:.95;\r\n letter-spacing:-2px;\r\n margin:0 0 22px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.story__panel--red .story__title em,\r\n.story__panel--brown .story__title em,\r\n.story__panel--dark .story__title em{\r\n color:var(--yellow);\r\n font-style:normal;\r\n}\r\n\r\n.story__panel--cream .story__title em,\r\n.story__panel--yellow .story__title em{\r\n color:var(--red);\r\n font-style:normal;\r\n}\r\n\r\n.story__body{\r\n font-size:17px;\r\n line-height:1.8;\r\n margin:0 0 28px;\r\n opacity:.92;\r\n}\r\n\r\n\/* B2B panels: switch to DM Serif Display for headline *\/\r\n.story__panel--brown .story__title,\r\n.story__panel--dark .story__title{\r\n font-family:'DM Serif Display', serif;\r\n font-weight:400;\r\n text-transform:none;\r\n letter-spacing:-1px;\r\n}\r\n\r\n\/* Bottle stage on the right of each panel *\/\r\n.story__stage{\r\n position:relative;\r\n min-height:540px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.story__shadow{\r\n position:absolute;\r\n width:440px;\r\n height:440px;\r\n border-radius:50%;\r\n background:rgba(0,0,0,.18);\r\n filter:blur(28px);\r\n z-index:0;\r\n}\r\n\r\n.story__panel--red .story__shadow{ background:rgba(0,0,0,.32); }\r\n.story__panel--brown .story__shadow,\r\n.story__panel--dark .story__shadow{ background:rgba(0,0,0,.45); }\r\n\r\n.story__bottle-wrap{\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* Each panel gets its bottle tossed at a different angle for variety *\/\r\n.story__panel:nth-child(1) .bottle{ transform:rotate(-10deg); }\r\n.story__panel:nth-child(2) .bottle{ transform:rotate(8deg); }\r\n.story__panel:nth-child(3) .bottle{ transform:rotate(-6deg); }\r\n.story__panel:nth-child(4) .bottle{ transform:rotate(12deg); }\r\n.story__panel:nth-child(5) .bottle{ transform:rotate(-8deg); }\r\n.story__panel:nth-child(6) .bottle{ transform:rotate(10deg); }\r\n\r\n.story__bottle-wrap .bottle{\r\n position:relative;\r\n top:auto; left:auto; right:auto;\r\n margin:0 auto;\r\n}\r\n\r\n\/* Scattered ingredients per panel *\/\r\n.story__stage .ingredient{\r\n position:absolute;\r\n z-index:3;\r\n}\r\n\r\n\/* Panel 1 - Black Pepper *\/\r\n.story__panel:nth-child(1) .ing-pepper{ top:10%; left:15%; }\r\n.story__panel:nth-child(1) .ing-leaf{ bottom:15%; right:10%; transform:rotate(40deg); }\r\n.story__panel:nth-child(1) .ing-chili{ bottom:5%; left:25%; transform:rotate(-15deg); }\r\n\r\n\/* Panel 2 - Chili *\/\r\n.story__panel:nth-child(2) .ing-chili.s1{ top:8%; right:15%; transform:rotate(20deg); }\r\n.story__panel:nth-child(2) .ing-chili.s2{ bottom:12%; left:12%; transform:rotate(-35deg); }\r\n.story__panel:nth-child(2) .ing-leaf{ top:50%; right:8%; transform:rotate(-20deg); }\r\n\r\n\/* Panel 3 - Tomato *\/\r\n.story__panel:nth-child(3) .ing-leaf.s1{ top:15%; left:8%; transform:rotate(-30deg); }\r\n.story__panel:nth-child(3) .ing-leaf.s2{ bottom:18%; right:15%; transform:rotate(60deg); }\r\n.story__panel:nth-child(3) .ing-garlic{ bottom:10%; left:18%; transform:rotate(10deg); }\r\n\r\n\/* Panel 4 - Vinegar *\/\r\n.story__panel:nth-child(4) .ing-lime{ top:12%; right:18%; }\r\n.story__panel:nth-child(4) .ing-leaf{ bottom:20%; left:10%; transform:rotate(-45deg); }\r\n.story__panel:nth-child(4) .ing-garlic{ top:55%; right:8%; }\r\n\r\n\/* Panel 5 - Cooking Ingredient A (B2B bridge) *\/\r\n.story__panel:nth-child(5) .ing-pepper.s1{ top:18%; left:15%; }\r\n.story__panel:nth-child(5) .ing-pepper.s2{ bottom:25%; right:18%; }\r\n.story__panel:nth-child(5) .ing-garlic{ bottom:10%; left:25%; transform:rotate(-15deg); }\r\n\r\n\/* Panel 6 - Cooking Ingredient B (B2B) *\/\r\n.story__panel:nth-child(6) .ing-leaf{ top:14%; right:14%; transform:rotate(35deg); }\r\n.story__panel:nth-child(6) .ing-pepper{ bottom:18%; left:20%; }\r\n\r\n\/* Story panel-specific bottle colors *\/\r\n.story__panel[data-product=\"black-pepper-sauce\"] .bottle{\r\n --bottle-top:#B82424;\r\n --bottle-bottom:#3D0808;\r\n --accent:#5B3A29;\r\n}\r\n.story__panel[data-product=\"chili-sauce\"] .bottle{\r\n --bottle-top:#D94D34;\r\n --bottle-bottom:#7B1C10;\r\n --accent:#C92F2F;\r\n}\r\n.story__panel[data-product=\"tomato-sauce\"] .bottle{\r\n --bottle-top:#E55B36;\r\n --bottle-bottom:#8B2418;\r\n --accent:#B64534;\r\n}\r\n.story__panel[data-product=\"vinegar\"] .bottle{\r\n --bottle-top:#F2A51F;\r\n --bottle-bottom:#7B2B12;\r\n --accent:#C68128;\r\n}\r\n.story__panel[data-product=\"cooking-ingredient-a\"] .bottle{\r\n --bottle-top:#D4AE45;\r\n --bottle-bottom:#7B5B12;\r\n --accent:#D4AE45;\r\n}\r\n.story__panel[data-product=\"cooking-ingredient-b\"] .bottle{\r\n --bottle-top:#7DA04B;\r\n --bottle-bottom:#3F5C2A;\r\n --accent:#73845C;\r\n}\r\n\r\n\/* fade-in animation hook (set by GSAP) *\/\r\n.story__copy, .story__bottle-wrap, .story__stage .ingredient{\r\n opacity:0;\r\n transform:translateY(40px);\r\n will-change:opacity, transform;\r\n}\r\n\r\n.story__copy.is-in, .story__bottle-wrap.is-in, .story__stage .ingredient.is-in{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:opacity .8s ease, transform .9s cubic-bezier(.17,.84,.44,1);\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n .story__copy, .story__bottle-wrap, .story__stage .ingredient{\r\n opacity:1; transform:none;\r\n }\r\n}\r\n\r\n\/* ============ ICON STRIP ============ *\/\r\n.icon-strip{\r\n background:#fff;\r\n padding:22px 0;\r\n border-top:1px solid rgba(0,0,0,.04);\r\n border-bottom:1px solid rgba(0,0,0,.04);\r\n}\r\n\r\n.icon-row{\r\n display:flex;\r\n justify-content:center;\r\n gap:38px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.icon-item{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:#C8BCA3;\r\n font-size:13px;\r\n text-transform:uppercase;\r\n letter-spacing:1px;\r\n}\r\n\r\n\/* ============ PRODUCTS ============ *\/\r\n.products{\r\n padding:110px 0 130px;\r\n background:var(--cream-warm);\r\n position:relative;\r\n}\r\n\r\n.products h2{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(48px,7vw,88px);\r\n color:rgba(180,140,80,.28);\r\n text-align:center;\r\n margin:0 0 60px;\r\n letter-spacing:-4px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.product-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:34px;\r\n}\r\n\r\n.product-card{\r\n background:rgba(255,255,255,.78);\r\n border-radius:34px;\r\n text-align:center;\r\n padding:34px 28px 36px;\r\n position:relative;\r\n box-shadow:var(--shadow);\r\n min-height:470px;\r\n transition:.35s ease;\r\n}\r\n\r\n.product-card:hover{ transform:translateY(-12px); }\r\n\r\n.portal{\r\n width:230px;\r\n height:230px;\r\n border-radius:50%;\r\n margin:0 auto 24px;\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n overflow:visible;\r\n}\r\n\r\n.portal.red{background:#F12A2A}\r\n.portal.orange{background:#D96A1C}\r\n.portal.teal{background:#1F8C93}\r\n.portal.green{background:#5E7A3A}\r\n.portal.brown{background:#7B5B2E}\r\n.portal.amber{background:#C68128}\r\n\r\n\/* mini-product = small bottle floating out of the portal circle *\/\r\n.mini-product{\r\n position:relative;\r\n width:115px;\r\n height:240px;\r\n margin-top:-50px;\r\n --bottle-top:#C92424;\r\n --bottle-bottom:#4D0B0B;\r\n --accent:#5B3A29;\r\n}\r\n\r\n.mini-product .bottle__body{ border-radius:55px 55px 16px 16px; }\r\n.mini-product .bottle__cap{\r\n top:-32px;\r\n width:50px;\r\n height:42px;\r\n}\r\n.mini-product .bottle__cap:after{ height:7px; bottom:-6px; }\r\n.mini-product .bottle__label{\r\n inset:auto 8px 24px 8px;\r\n border-radius:10px;\r\n padding:10px 6px 8px;\r\n}\r\n.mini-product .bottle__label-brand{ font-size:8px; margin-bottom:2px; }\r\n.mini-product .bottle__label-product{ font-size:9px; }\r\n.mini-product .bottle__label-accent{ width:22px; height:2px; margin-top:4px; }\r\n\r\n\/* per-product mini-bottle colors *\/\r\n.mini-product[data-product=\"black-pepper-sauce\"]{ --bottle-top:#B82424; --bottle-bottom:#3D0808; --accent:#5B3A29; }\r\n.mini-product[data-product=\"chili-sauce\"]{ --bottle-top:#D94D34; --bottle-bottom:#7B1C10; --accent:#C92F2F; }\r\n.mini-product[data-product=\"tomato-sauce\"]{ --bottle-top:#E55B36; --bottle-bottom:#8B2418; --accent:#B64534; }\r\n.mini-product[data-product=\"vinegar\"]{ --bottle-top:#F2A51F; --bottle-bottom:#7B2B12; --accent:#C68128; }\r\n.mini-product[data-product=\"vegan-corned\"]{ --bottle-top:#7DA04B; --bottle-bottom:#3F5C2A; --accent:#5E7A3A; }\r\n.mini-product[data-product=\"cooking-ingredient-a\"]{ --bottle-top:#D4AE45; --bottle-bottom:#7B5B12; --accent:#D4AE45; }\r\n\r\n.product-card small{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:var(--red);\r\n text-transform:uppercase;\r\n letter-spacing:1px;\r\n font-size:11px;\r\n}\r\n\r\n.product-card h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:22px;\r\n line-height:1.15;\r\n margin:10px 0 22px;\r\n}\r\n\r\n.shop-btn{\r\n display:inline-flex;\r\n background:var(--red);\r\n color:white;\r\n padding:12px 24px;\r\n border-radius:999px;\r\n text-decoration:none;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:13px;\r\n text-transform:lowercase;\r\n transition:.25s;\r\n}\r\n\r\n.shop-btn:hover{ background:var(--red-dark); transform:translateY(-3px); }\r\n\r\n\/* tiny scattered ingredients in product section *\/\r\n.products .ing-chili.scatter1{ position:absolute; top:18%; left:5%; opacity:.55; transform:rotate(-25deg); }\r\n.products .ing-leaf.scatter1{ position:absolute; top:25%; right:6%; opacity:.5; transform:rotate(35deg); }\r\n.products .ing-pepper.scatter1{ position:absolute; bottom:15%; left:8%; opacity:.5; }\r\n\r\n\/* ============ RECIPES ============ *\/\r\n.recipes{\r\n background:var(--cream);\r\n padding:110px 0;\r\n}\r\n\r\n.recipe-grid{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:34px;\r\n align-items:stretch;\r\n}\r\n\r\n.recipe-card{\r\n min-height:420px;\r\n border-radius:34px;\r\n background:\r\n linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.35)),\r\n linear-gradient(135deg,#7DA04B,#D4AE45);\r\n padding:44px;\r\n display:flex;\r\n align-items:flex-end;\r\n box-shadow:var(--shadow);\r\n color:white;\r\n}\r\n\r\n.recipe-card h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:42px;\r\n line-height:1;\r\n margin:0;\r\n text-transform:lowercase;\r\n}\r\n\r\n.recipe-copy{\r\n background:var(--cream-warm);\r\n border-radius:34px;\r\n padding:52px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n\r\n.recipe-copy h2{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(44px,5vw,68px);\r\n line-height:.95;\r\n color:var(--red);\r\n letter-spacing:-3px;\r\n margin:0 0 20px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.recipe-copy p{\r\n color:var(--muted);\r\n line-height:1.8;\r\n}\r\n\r\n\/* ============ FEATURED RECIPES (NEW \u2014 slot 2) ============ *\/\r\n.featured-recipes{\r\n background:var(--cream);\r\n padding:100px 0;\r\n position:relative;\r\n}\r\n\r\n.featured-recipes__head{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-end;\r\n margin-bottom:46px;\r\n gap:30px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.featured-recipes__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(40px,5vw,64px);\r\n line-height:.95;\r\n letter-spacing:-2px;\r\n color:var(--red);\r\n margin:0;\r\n text-transform:lowercase;\r\n}\r\n\r\n.featured-recipes__title em{\r\n font-style:normal;\r\n color:var(--text);\r\n}\r\n\r\n.featured-recipes__sub{\r\n font-size:16px;\r\n color:var(--muted);\r\n max-width:340px;\r\n line-height:1.7;\r\n margin:0;\r\n}\r\n\r\n.recipe-tile-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:26px;\r\n}\r\n\r\n.recipe-tile{\r\n background:white;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n transition:.35s ease;\r\n text-decoration:none;\r\n color:var(--text);\r\n display:block;\r\n cursor:pointer;\r\n}\r\n\r\n.recipe-tile:hover{ transform:translateY(-10px); }\r\n\r\n.recipe-tile__image{\r\n height:230px;\r\n background:linear-gradient(135deg, var(--tile-from, #D94D34), var(--tile-to, #7B1C10));\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n color:rgba(255,255,255,.4);\r\n font-family:'Poppins',sans-serif;\r\n font-size:11px;\r\n text-transform:uppercase;\r\n letter-spacing:1.5px;\r\n}\r\n\r\n.recipe-tile__image:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 50%);\r\n}\r\n\r\n.recipe-tile__tag{\r\n position:absolute;\r\n top:18px;\r\n left:18px;\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:10px;\r\n letter-spacing:1.5px;\r\n padding:6px 12px;\r\n border-radius:999px;\r\n text-transform:uppercase;\r\n z-index:2;\r\n}\r\n\r\n.recipe-tile__time{\r\n position:absolute;\r\n bottom:18px;\r\n right:18px;\r\n background:rgba(0,0,0,.4);\r\n color:white;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n padding:6px 12px;\r\n border-radius:999px;\r\n z-index:2;\r\n backdrop-filter:blur(8px);\r\n}\r\n\r\n.recipe-tile__body{\r\n padding:24px 24px 28px;\r\n}\r\n\r\n.recipe-tile__kicker{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:11px;\r\n text-transform:uppercase;\r\n letter-spacing:1.5px;\r\n color:var(--red);\r\n margin-bottom:8px;\r\n}\r\n\r\n.recipe-tile__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:20px;\r\n line-height:1.2;\r\n margin:0 0 12px;\r\n}\r\n\r\n.recipe-tile__desc{\r\n font-size:14px;\r\n color:var(--muted);\r\n line-height:1.6;\r\n margin:0;\r\n}\r\n\r\n.recipe-tile-1 .recipe-tile__image{ --tile-from:#D94D34; --tile-to:#7B1C10; }\r\n.recipe-tile-2 .recipe-tile__image{ --tile-from:#F2A51F; --tile-to:#7B2B12; }\r\n.recipe-tile-3 .recipe-tile__image{ --tile-from:#7DA04B; --tile-to:#3F5C2A; }\r\n\r\n\/* ============ WHY CHOOSE PAWADA (NEW \u2014 slot 6) ============ *\/\r\n.why-pawada{\r\n background:var(--cream-light);\r\n padding:120px 0;\r\n position:relative;\r\n}\r\n\r\n.why-pawada__head{\r\n text-align:center;\r\n margin-bottom:60px;\r\n}\r\n\r\n.why-pawada__kicker{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:12px;\r\n letter-spacing:3px;\r\n text-transform:uppercase;\r\n color:var(--red);\r\n margin-bottom:14px;\r\n display:block;\r\n}\r\n\r\n.why-pawada__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(36px,4.5vw,56px);\r\n line-height:.95;\r\n letter-spacing:-2px;\r\n color:var(--text);\r\n margin:0;\r\n text-transform:lowercase;\r\n}\r\n\r\n.why-pawada__title em{\r\n font-style:normal;\r\n color:var(--red);\r\n}\r\n\r\n.pillars{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n}\r\n\r\n.pillar{\r\n background:white;\r\n border-radius:24px;\r\n padding:36px 28px;\r\n text-align:center;\r\n box-shadow:0 14px 40px rgba(70,30,20,.08);\r\n transition:.3s ease;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.pillar:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 24px 60px rgba(70,30,20,.14);\r\n}\r\n\r\n.pillar__icon{\r\n width:74px;\r\n height:74px;\r\n border-radius:50%;\r\n margin:0 auto 22px;\r\n display:grid;\r\n place-items:center;\r\n font-size:32px;\r\n background:var(--pillar-bg, var(--cream-warm));\r\n color:var(--pillar-color, var(--red));\r\n position:relative;\r\n}\r\n\r\n.pillar__icon:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:-6px;\r\n border-radius:50%;\r\n border:2px dashed var(--pillar-color, var(--red));\r\n opacity:.25;\r\n}\r\n\r\n.pillar:nth-child(1) .pillar__icon{ --pillar-bg:#FCE8E0; --pillar-color:#C40000; }\r\n.pillar:nth-child(2) .pillar__icon{ --pillar-bg:#FFF3D6; --pillar-color:#C68128; }\r\n.pillar:nth-child(3) .pillar__icon{ --pillar-bg:#E0EBD4; --pillar-color:#5E7A3A; }\r\n.pillar:nth-child(4) .pillar__icon{ --pillar-bg:#F0E2D2; --pillar-color:#5B3A29; }\r\n\r\n.pillar h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:18px;\r\n margin:0 0 10px;\r\n line-height:1.2;\r\n}\r\n\r\n.pillar p{\r\n font-size:14px;\r\n color:var(--muted);\r\n line-height:1.6;\r\n margin:0;\r\n}\r\n\r\n\/* ============ B2B (ENRICHED) ============ *\/\r\n.b2b{\r\n padding:120px 0;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,212,71,.12), transparent 28%),\r\n var(--brown);\r\n color:white;\r\n clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);\r\n}\r\n\r\n\/* Cert badges row (inside B2B) *\/\r\n.cert-row{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin:18px 0 26px;\r\n}\r\n\r\n.cert-badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,212,71,.3);\r\n padding:8px 14px;\r\n border-radius:999px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:12px;\r\n color:var(--yellow);\r\n letter-spacing:.5px;\r\n}\r\n\r\n.cert-badge:before{\r\n content:\"\";\r\n width:8px;\r\n height:8px;\r\n border-radius:50%;\r\n background:var(--yellow);\r\n box-shadow:0 0 0 3px rgba(255,212,71,.18);\r\n}\r\n\r\n\/* B2B offerings (inside the right panel) *\/\r\n.b2b-item__icon{\r\n width:42px;\r\n height:42px;\r\n border-radius:12px;\r\n background:var(--cream-warm);\r\n display:inline-grid;\r\n place-items:center;\r\n font-size:18px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.b2b-item__meta{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin-top:10px;\r\n padding-top:12px;\r\n border-top:1px dashed rgba(0,0,0,.08);\r\n}\r\n\r\n.b2b-item__meta-pill{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n letter-spacing:.5px;\r\n color:var(--brown);\r\n background:var(--cream-warm);\r\n padding:5px 11px;\r\n border-radius:999px;\r\n}\r\n\r\n.b2b-grid{\r\n display:grid;\r\n grid-template-columns:.9fr 1.1fr;\r\n gap:50px;\r\n align-items:center;\r\n}\r\n\r\n.b2b h2{\r\n font-family:'DM Serif Display',serif;\r\n font-size:clamp(46px,5.5vw,70px);\r\n line-height:1;\r\n margin:0 0 20px;\r\n}\r\n\r\n.b2b p{\r\n color:#F3DDC0;\r\n line-height:1.85;\r\n font-size:18px;\r\n}\r\n\r\n.b2b-panel{\r\n background:var(--cream-light);\r\n color:var(--text);\r\n border-radius:36px;\r\n padding:38px;\r\n box-shadow:var(--float-shadow);\r\n}\r\n\r\n.b2b-item{\r\n padding:22px;\r\n background:white;\r\n border-radius:22px;\r\n margin-bottom:16px;\r\n border-left:7px solid var(--yellow);\r\n}\r\n\r\n.b2b-item strong{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n}\r\n\r\n\/* ============ SOCIAL ============ *\/\r\n.social{\r\n padding:90px 0 70px;\r\n background:var(--cream);\r\n}\r\n\r\n.social-head{\r\n display:flex;\r\n justify-content:center;\r\n gap:18px;\r\n align-items:center;\r\n margin-bottom:34px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:var(--red);\r\n text-transform:lowercase;\r\n}\r\n\r\n.social-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5,1fr);\r\n gap:16px;\r\n}\r\n\r\n.social-tile{\r\n height:170px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--red),var(--yellow));\r\n box-shadow:var(--shadow);\r\n transition:.3s;\r\n}\r\n\r\n.social-tile:hover{ transform:scale(1.04); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n.footer{\r\n background:var(--red);\r\n color:white;\r\n padding:70px 0 40px;\r\n text-align:center;\r\n}\r\n\r\n.footer-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr 1fr;\r\n gap:30px;\r\n align-items:center;\r\n}\r\n\r\n.footer h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:28px;\r\n margin:0 0 16px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.input-pill{\r\n border:2px solid rgba(255,255,255,.55);\r\n border-radius:999px;\r\n padding:14px 18px;\r\n color:white;\r\n font-size:13px;\r\n cursor:pointer;\r\n}\r\n\r\n.footer-logo{\r\n font-family:Georgia,serif;\r\n font-size:34px;\r\n font-weight:900;\r\n color:var(--yellow);\r\n}\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media(max-width:980px){\r\n .hero-grid,.meet,.recipe-grid,.b2b-grid,.footer-grid,.story__panel{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .product-grid,.recipe-tile-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .pillars{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .stage,.story__stage{\r\n min-height:520px;\r\n }\r\n\r\n .nav-links{ display:none; }\r\n\r\n .social-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .story__panel:nth-child(even){ direction:ltr; }\r\n\r\n .featured-recipes__head{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n }\r\n}\r\n\r\n@media(max-width:560px){\r\n .hero{ padding-top:120px; }\r\n\r\n .bottle{\r\n width:140px;\r\n height:320px;\r\n }\r\n\r\n .bottle-main{ left:20px; }\r\n .bottle-two{ left:165px; }\r\n .bottle-three{ display:none; }\r\n\r\n .meet-left{ padding:80px 8%; }\r\n .footer-grid{ gap:45px; }\r\n\r\n .story__panel{ padding:80px 6vw; min-height:auto; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"pawada-page\">\r\n\r\n <nav class=\"nav\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"#\" class=\"logo\" data-pwd-cta=\"nav_logo\">PAWADA<\/a>\r\n <div class=\"nav-links\">\r\n <a href=\"#featured-recipes\" data-pwd-cta=\"nav_recipes\">recipes<\/a>\r\n <a href=\"#products\" data-pwd-cta=\"nav_products\">products<\/a>\r\n <a href=\"#why-pawada\" data-pwd-cta=\"nav_why\">why pawada<\/a>\r\n <a href=\"#b2b\" data-pwd-cta=\"nav_business\">business<\/a>\r\n <a href=\"#contact\" data-pwd-cta=\"nav_contact\">contact<\/a>\r\n <span class=\"nav-dot\">\u2022\u2022\u2022<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero__track\" id=\"hero-track\">\r\n\r\n \r\n <div class=\"hero__slide hero__slide-1 is-active\" data-pwd-slide=\"1\" data-pwd-product=\"black-pepper-sauce\" data-pwd-recipe=\"black-pepper-chicken\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">today's pick<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 25 min<\/span>\r\n <\/div>\r\n <h1>black pepper chicken <span>rice bowl.<\/span><\/h1>\r\n <p>Hot rice, glossy Sarawak pepper sauce, tender chicken \u2014 ready faster than delivery.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"black-pepper-chicken\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"black-pepper-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"black-pepper-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Black<br>Pepper<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-chili\" style=\"bottom:80px;left:10px;transform:rotate(-22deg);\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper\" style=\"top:50px;right:200px;\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"bottom:20px;left:160px;transform:rotate(-12deg);\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slide hero__slide-2\" data-pwd-slide=\"2\" data-pwd-product=\"tomato-sauce\" data-pwd-recipe=\"tomato-fried-rice\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">family favourite<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 15 min<\/span>\r\n <\/div>\r\n <h1>saucy tomato <span>fried rice.<\/span><\/h1>\r\n <p>The childhood classic \u2014 eggs, tomato sauce, a little kick of chili if you're feeling brave.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"tomato-fried-rice\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"tomato-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"tomato-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Sos<br>Tomato<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-tomato-cherry ing-pepper\" style=\"top:60px;left:10px;\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"top:40px;right:180px;transform:rotate(35deg);\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\" style=\"bottom:60px;left:180px;transform:rotate(15deg);\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slide hero__slide-3\" data-pwd-slide=\"3\" data-pwd-product=\"chili-sauce\" data-pwd-recipe=\"chili-noodles\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">spicy & quick<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 12 min<\/span>\r\n <\/div>\r\n <h1>chili stir-fried <span>noodles.<\/span><\/h1>\r\n <p>Noodles, vegetables, a splash of Pawada chili \u2014 dinner that wakes up the whole table.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"chili-noodles\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"chili-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"chili-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Chili<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-chili\" style=\"top:80px;right:140px;transform:rotate(20deg);\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-chili\" style=\"bottom:80px;left:10px;transform:rotate(-30deg);\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"bottom:30px;left:200px;transform:rotate(-12deg);\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slide hero__slide-4\" data-pwd-slide=\"4\" data-pwd-product=\"vinegar\" data-pwd-recipe=\"vinegar-curry-finish\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">pantry essential<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 10 min<\/span>\r\n <\/div>\r\n <h1>a splash that <span>changes everything.<\/span><\/h1>\r\n <p>Naturally fermented Pawada vinegar \u2014 brightens curries, lifts salads, balances soups.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"vinegar-curry-finish\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"vinegar\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"vinegar\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cuka<br>Vinegar<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-lime\" style=\"top:50px;left:10px;transform:rotate(35deg);\"><span class=\"wedge\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\" style=\"top:80px;right:160px;\"><span class=\"clove\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"bottom:40px;left:180px;transform:rotate(-45deg);\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button type=\"button\" class=\"hero__arrow hero__arrow--prev\" id=\"hero-prev\" aria-label=\"previous slide\" data-pwd-cta=\"hero_arrow_prev\">\u2039<\/button>\r\n <button type=\"button\" class=\"hero__arrow hero__arrow--next\" id=\"hero-next\" aria-label=\"next slide\" data-pwd-cta=\"hero_arrow_next\">\u203a<\/button>\r\n\r\n \r\n <div class=\"hero__counter\"><strong id=\"hero-current\">01<\/strong> \/ 04<\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"featured-recipes\" id=\"featured-recipes\">\r\n <div class=\"container\">\r\n <div class=\"featured-recipes__head\">\r\n <h2 class=\"featured-recipes__title\">more from <em>the kitchen.<\/em><\/h2>\r\n <p class=\"featured-recipes__sub\">\r\n Browse Pawada recipes by sauce, time, or what you've already got in the fridge.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"recipe-tile-grid\">\r\n\r\n <a href=\"#\" class=\"recipe-tile recipe-tile-1\"\r\n data-pwd-cta=\"recipe_card_click\" data-pwd-recipe=\"black-pepper-chicken\">\r\n <div class=\"recipe-tile__image\">\r\n <span class=\"recipe-tile__tag\">black pepper<\/span>\r\n <span class=\"recipe-tile__time\">25 min<\/span>\r\n recipe photo\r\n <\/div>\r\n <div class=\"recipe-tile__body\">\r\n <div class=\"recipe-tile__kicker\">weeknight quick<\/div>\r\n <h3 class=\"recipe-tile__title\">Black Pepper Chicken Rice Bowl<\/h3>\r\n <p class=\"recipe-tile__desc\">Hot rice, glossy pepper sauce, tender chicken \u2014 ready faster than delivery.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"recipe-tile recipe-tile-2\"\r\n data-pwd-cta=\"recipe_card_click\" data-pwd-recipe=\"tomato-fried-rice\">\r\n <div class=\"recipe-tile__image\">\r\n <span class=\"recipe-tile__tag\">tomato sauce<\/span>\r\n <span class=\"recipe-tile__time\">15 min<\/span>\r\n recipe photo\r\n <\/div>\r\n <div class=\"recipe-tile__body\">\r\n <div class=\"recipe-tile__kicker\">family favourite<\/div>\r\n <h3 class=\"recipe-tile__title\">Saucy Tomato Fried Rice<\/h3>\r\n <p class=\"recipe-tile__desc\">The childhood classic \u2014 eggs, tomato sauce, a little kick of chili if you're feeling brave.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"recipe-tile recipe-tile-3\"\r\n data-pwd-cta=\"recipe_card_click\" data-pwd-recipe=\"chili-noodles\">\r\n <div class=\"recipe-tile__image\">\r\n <span class=\"recipe-tile__tag\">chili sauce<\/span>\r\n <span class=\"recipe-tile__time\">12 min<\/span>\r\n recipe photo\r\n <\/div>\r\n <div class=\"recipe-tile__body\">\r\n <div class=\"recipe-tile__kicker\">spicy & quick<\/div>\r\n <h3 class=\"recipe-tile__title\">Chili Sauce Stir-Fried Noodles<\/h3>\r\n <p class=\"recipe-tile__desc\">Noodles, vegetables, a splash of Pawada chili \u2014 dinner that wakes up the table.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div style=\"text-align:center;margin-top:40px;\">\r\n <a href=\"#\" class=\"btn btn-dark\" data-pwd-cta=\"featured_recipes_see_all\">see all recipes \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"meet\" id=\"about\">\r\n <div class=\"meet-left\">\r\n <h2><small>meet<\/small>pawada<\/h2>\r\n <p>\r\n Made for Malaysian homes and everyday meals, Pawada creates sauces,\r\n pepper products and pantry favourites that bring richer taste to the table.\r\n Started in Sarawak. Cooked for the whole family.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#story\" class=\"btn btn-yellow\" data-pwd-cta=\"meet_our_story\">our story<\/a>\r\n <\/div>\r\n\r\n <div class=\"float-pack\">SARAWAK PEPPER PACK<\/div>\r\n <\/div>\r\n\r\n <div class=\"meet-right\">\r\n <div class=\"face-circle\">P<\/div>\r\n <span class=\"ingredient ing-chili\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper\"><span class=\"berry\"><\/span><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"story\" id=\"story\">\r\n\r\n \r\n <article class=\"story__panel story__panel--red\" data-product=\"black-pepper-sauce\" data-audience=\"b2c\" data-panel=\"0\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 01 \u00b7 where it began<\/span>\r\n <h2 class=\"story__title\">a recipe from <em>the highlands.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Pawada starts in Sarawak, where black peppercorns grow on misty hillsides\r\n and family kitchens still smell like slow-cooked sauce on a Sunday.\r\n That's where the recipe was born \u2014 long before there was a bottle to put it in.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_black-pepper-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"black-pepper-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Black<br>Pepper<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-pepper\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-chili\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--cream\" data-product=\"chili-sauce\" data-audience=\"b2c\" data-panel=\"1\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 02 \u00b7 the family recipe<\/span>\r\n <h2 class=\"story__title\">slow-cooked, <em>the way mum did it.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Generations later, the way we make sauce hasn't really changed.\r\n Fresh tropical chilies, ground and fermented patiently. No shortcuts \u2014\r\n because shortcuts taste like shortcuts.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_chili-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"chili-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Chili<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-chili s1\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-chili s2\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--yellow\" data-product=\"tomato-sauce\" data-audience=\"b2c\" data-panel=\"2\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 03 \u00b7 from kitchen to table<\/span>\r\n <h2 class=\"story__title\">we made it for <em>real meals.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Real tomatoes, gentle spices, no fillers. The bottle the kids reach for at breakfast,\r\n the splash that turns a regular Tuesday dinner into seconds-please.\r\n Made for Malaysian tables \u2014 because that's the table we set first.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_tomato-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"tomato-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Sos<br>Tomato<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-leaf s1\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf s2\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--red\" data-product=\"vinegar\" data-audience=\"b2c\" data-panel=\"3\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 04 \u00b7 honest ingredients<\/span>\r\n <h2 class=\"story__title\">nothing in here that <em>shouldn't be.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Naturally fermented vinegar. Real chilies. Peppercorns from a place we can point to on a map.\r\n We don't pad the recipe with things you can't pronounce. The list is short for a reason.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_vinegar\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"vinegar\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cuka<br>Vinegar<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-lime\"><span class=\"wedge\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--brown\" data-product=\"cooking-ingredient-a\" data-audience=\"b2b\" data-panel=\"4\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 05 \u00b7 scaling, carefully<\/span>\r\n <h2 class=\"story__title\">Bigger kitchens. Same recipe.<\/h2>\r\n <p class=\"story__body\">\r\n When restaurants started asking for our sauces by the case, we made one promise:\r\n we don't water it down to fill more bottles. The recipe that works at home\r\n works in a hotel kitchen, a kopitiam, a central kitchen \u2014 the same way, every time.\r\n <\/p>\r\n <a href=\"#b2b\" class=\"btn btn-yellow\" data-pwd-cta=\"story_request_catalogue\">request catalogue<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"cooking-ingredient-a\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cooking<br>Ingredient<br>A<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-pepper s1\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper s2\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--dark\" data-product=\"cooking-ingredient-b\" data-audience=\"b2b\" data-panel=\"5\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 06 \u00b7 sarawak to the world<\/span>\r\n <h2 class=\"story__title\">From a family kitchen to distributors and exporters.<\/h2>\r\n <p class=\"story__body\">\r\n What started as a recipe at home is now on shelves, in restaurants, and increasingly,\r\n on its way overseas. Bulk packaging, MOQ-ready, certifications in order.\r\n Built for distributors who care where their suppliers come from.\r\n <\/p>\r\n <a href=\"#b2b\" class=\"btn btn-yellow\" data-pwd-cta=\"story_bulk_enquiry\">bulk enquiry<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"cooking-ingredient-b\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cooking<br>Ingredient<br>B<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper\"><span class=\"berry\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/section>\r\n\r\n \r\n <section class=\"icon-strip\">\r\n <div class=\"container icon-row\">\r\n <div class=\"icon-item\">sauces<\/div>\r\n <div class=\"icon-item\">pepper<\/div>\r\n <div class=\"icon-item\">canned food<\/div>\r\n <div class=\"icon-item\">condiments<\/div>\r\n <div class=\"icon-item\">bulk supply<\/div>\r\n <div class=\"icon-item\">catalogue<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"products\" id=\"products\">\r\n <span class=\"ingredient ing-chili scatter1\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf scatter1\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper scatter1\"><span class=\"berry\"><\/span><\/span>\r\n\r\n <div class=\"container\">\r\n <h2>all products<\/h2>\r\n\r\n <div class=\"product-grid\">\r\n\r\n <div class=\"product-card\">\r\n <div class=\"portal red\">\r\n <div class=\"mini-product\" data-product=\"black-pepper-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Black<br>Pepper<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <small>hot sauce<\/small>\r\n <h3>Sarawak Black Pepper Sauce<\/h3>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"shop-btn\"\r\n data-pwd-cta=\"shopee_outbound\" data-pwd-product=\"black-pepper-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"portal orange\">\r\n <div class=\"mini-product\" data-product=\"tomato-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Sos<br>Tomato<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <small>family favourite<\/small>\r\n <h3>Pawada Tomato Sauce<\/h3>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"shop-btn\"\r\n data-pwd-cta=\"shopee_outbound\" data-pwd-product=\"tomato-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"portal teal\">\r\n <div class=\"mini-product\" data-product=\"vegan-corned\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Vegan<br>Corned<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <small>pantry item<\/small>\r\n <h3>Vegan Corned Beef<\/h3>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"shop-btn\"\r\n data-pwd-cta=\"shopee_outbound\" data-pwd-product=\"vegan-corned\">shop on shopee<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"why-pawada\" id=\"why-pawada\">\r\n <div class=\"container\">\r\n <div class=\"why-pawada__head\">\r\n <span class=\"why-pawada__kicker\">why pawada<\/span>\r\n <h2 class=\"why-pawada__title\">four reasons your kitchen <em>keeps reaching for it.<\/em><\/h2>\r\n <\/div>\r\n\r\n <div class=\"pillars\">\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\ud83c\udf36\ufe0f<\/div>\r\n <h3>Sarawak Heritage<\/h3>\r\n <p>Made with peppercorns from the highlands of Sarawak \u2014 the source matters, and we taste it.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\ud83d\udc68\u200d\ud83c\udf73<\/div>\r\n <h3>Family Recipe<\/h3>\r\n <p>Slow-cooked the way our family has done it for decades. No shortcuts, no fillers.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\u2713<\/div>\r\n <h3>Halal Certified<\/h3>\r\n <p>HALAL, ISO 9002, and SIRIM standard \u2014 the same quality whether you're at home or in a restaurant.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\ud83c\udf73<\/div>\r\n <h3>Built for Real Cooking<\/h3>\r\n <p>From kopitiams to home kitchens to fine dining \u2014 Pawada earns a spot on the table.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"b2b\" id=\"b2b\">\r\n <div class=\"container b2b-grid\">\r\n <div>\r\n <div class=\"kicker\">for restaurants & distributors<\/div>\r\n <h2>built for professional kitchens.<\/h2>\r\n <p>\r\n Pawada supports retailers, restaurants, distributors and food operators\r\n looking for consistent supply, product variety and Malaysian-made quality.\r\n <\/p>\r\n\r\n <div class=\"cert-row\" data-pwd-track-view=\"certification_view\">\r\n <span class=\"cert-badge\">HALAL Certified<\/span>\r\n <span class=\"cert-badge\">ISO 9002<\/span>\r\n <span class=\"cert-badge\">SIRIM Standard<\/span>\r\n <\/div>\r\n\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"b2b_request_catalogue\">request catalogue<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\" data-pwd-cta=\"b2b_bulk_enquiry\">bulk enquiry<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-panel\">\r\n\r\n <div class=\"b2b-item\">\r\n <div class=\"b2b-item__icon\">\ud83d\udce6<\/div>\r\n <strong>Bulk Supply & MOQ<\/strong><br>\r\n Wholesale packaging suited for restaurants, retail and procurement teams.\r\n <div class=\"b2b-item__meta\">\r\n <span class=\"b2b-item__meta-pill\">MOQ: on request<\/span>\r\n <span class=\"b2b-item__meta-pill\">Lead time: on request<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-item\">\r\n <div class=\"b2b-item__icon\">\ud83d\udee1\ufe0f<\/div>\r\n <strong>Certifications & Compliance<\/strong><br>\r\n HALAL, ISO 9002, SIRIM \u2014 documentation available on request for procurement teams.\r\n <div class=\"b2b-item__meta\">\r\n <span class=\"b2b-item__meta-pill\">HALAL<\/span>\r\n <span class=\"b2b-item__meta-pill\">ISO 9002<\/span>\r\n <span class=\"b2b-item__meta-pill\">SIRIM<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-item\">\r\n <div class=\"b2b-item__icon\">\ud83c\udf0d<\/div>\r\n <strong>Distributor & Export<\/strong><br>\r\n Working with retailers across Malaysia. Open to distribution partners and export opportunities.\r\n <div class=\"b2b-item__meta\">\r\n <span class=\"b2b-item__meta-pill\">Malaysia-wide<\/span>\r\n <span class=\"b2b-item__meta-pill\">Export ready<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"social\">\r\n <div class=\"container\">\r\n <div class=\"social-head\">\r\n <span>\u25cf<\/span><span>\u25cf<\/span><span>\u25cf<\/span>\r\n <strong>see pawada in action<\/strong>\r\n <\/div>\r\n\r\n <div class=\"social-grid\">\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\" id=\"contact\">\r\n <div class=\"container footer-grid\">\r\n <div>\r\n <h3>subscribe<\/h3>\r\n <div class=\"input-pill\" data-pwd-cta=\"footer_subscribe\">your email here \u2192<\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-logo\">PAWADA<\/div>\r\n\r\n <div>\r\n <h3>find pawada<\/h3>\r\n <div class=\"input-pill\" data-pwd-cta=\"footer_catalogue\">shop \/ catalogue \u2192<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\n \/\/ ============== TRACKING LAYER STUB ==============\r\n \/\/ Real implementation comes later (sends events to Google Apps Script).\r\n \/\/ For now, log to console so the user can verify events fire correctly.\r\n window.PawadaTrack = window.PawadaTrack || function(eventName, payload){\r\n try {\r\n console.log('[Pawada]', eventName, payload || {});\r\n } catch(e){}\r\n };\r\n\r\n function track(name, payload){\r\n try { window.PawadaTrack(name, payload || {}); } catch(e){}\r\n }\r\n\r\n \/\/ ============== PAGE VIEW + UTM CAPTURE ==============\r\n function getUTM(){\r\n var p = new URLSearchParams(window.location.search);\r\n return {\r\n utm_source: p.get('utm_source') || '',\r\n utm_medium: p.get('utm_medium') || '',\r\n utm_campaign: p.get('utm_campaign') || '',\r\n utm_term: p.get('utm_term') || '',\r\n utm_content: p.get('utm_content') || '',\r\n referrer: document.referrer || '(direct)',\r\n landing_path: window.location.pathname\r\n };\r\n }\r\n\r\n track('page_view', getUTM());\r\n\r\n \/\/ ============== TIME ON PAGE ==============\r\n var pageEnter = Date.now();\r\n window.addEventListener('beforeunload', function(){\r\n var seconds = Math.round((Date.now() - pageEnter) \/ 1000);\r\n track('time_on_page', { seconds: seconds });\r\n });\r\n\r\n \/\/ ============== CTA + PRODUCT CLICK TRACKING ==============\r\n document.addEventListener('click', function(e){\r\n var ctaEl = e.target.closest('[data-pwd-cta]');\r\n if (ctaEl){\r\n var payload = {\r\n cta: ctaEl.getAttribute('data-pwd-cta'),\r\n text: (ctaEl.textContent || '').trim().substring(0, 60),\r\n href: ctaEl.getAttribute('href') || ''\r\n };\r\n var prod = ctaEl.getAttribute('data-pwd-product');\r\n if (prod) payload.product = prod;\r\n var recipe = ctaEl.getAttribute('data-pwd-recipe');\r\n if (recipe) payload.recipe = recipe;\r\n track('cta_click', payload);\r\n\r\n \/\/ Fire a specific recipe_card_click event too so it's easy to query\r\n if (ctaEl.getAttribute('data-pwd-cta') === 'recipe_card_click' && recipe){\r\n track('recipe_card_click', { recipe: recipe });\r\n }\r\n }\r\n\r\n var prodEl = e.target.closest('[data-pwd-product]');\r\n if (prodEl && !ctaEl){\r\n track('product_interaction', {\r\n product: prodEl.getAttribute('data-pwd-product'),\r\n kind: 'click'\r\n });\r\n }\r\n }, true);\r\n\r\n \/\/ ============== GSAP SCROLL ANIMATIONS ==============\r\n function init(){\r\n if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined'){\r\n return setTimeout(init, 50);\r\n }\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if (prefersReducedMotion){\r\n \/\/ Show everything immediately\r\n document.querySelectorAll('.story__copy, .story__bottle-wrap, .story__stage .ingredient')\r\n .forEach(function(el){ el.classList.add('is-in'); });\r\n return;\r\n }\r\n\r\n \/\/ ----- Story panel scroll-in animations -----\r\n document.querySelectorAll('.story__panel').forEach(function(panel, panelIndex){\r\n var copy = panel.querySelector('.story__copy');\r\n var bottle = panel.querySelector('.story__bottle-wrap');\r\n var ings = panel.querySelectorAll('.story__stage .ingredient');\r\n\r\n ScrollTrigger.create({\r\n trigger: panel,\r\n start: 'top 70%',\r\n onEnter: function(){\r\n if (copy) copy.classList.add('is-in');\r\n if (bottle) bottle.classList.add('is-in');\r\n ings.forEach(function(ing, i){\r\n setTimeout(function(){ ing.classList.add('is-in'); }, 150 + i * 80);\r\n });\r\n\r\n \/\/ Fire panel_view tracking event\r\n track('panel_view', {\r\n section: 'brand_story',\r\n panel_index: panelIndex,\r\n product: panel.getAttribute('data-product'),\r\n audience: panel.getAttribute('data-audience')\r\n });\r\n },\r\n onLeaveBack: function(){\r\n if (copy) copy.classList.remove('is-in');\r\n if (bottle) bottle.classList.remove('is-in');\r\n ings.forEach(function(ing){ ing.classList.remove('is-in'); });\r\n }\r\n });\r\n\r\n \/\/ Parallax-ish gentle drift on bottle as panel scrolls\r\n if (bottle){\r\n gsap.to(bottle, {\r\n y: -40,\r\n ease: 'none',\r\n scrollTrigger: {\r\n trigger: panel,\r\n start: 'top bottom',\r\n end: 'bottom top',\r\n scrub: true\r\n }\r\n });\r\n }\r\n\r\n \/\/ Ingredients drift opposite direction (parallax depth feel)\r\n ings.forEach(function(ing, i){\r\n var direction = (i % 2 === 0) ? 30 : -30;\r\n gsap.to(ing, {\r\n y: direction,\r\n rotation: '+=' + ((i % 2 === 0) ? 8 : -8),\r\n ease: 'none',\r\n scrollTrigger: {\r\n trigger: panel,\r\n start: 'top bottom',\r\n end: 'bottom top',\r\n scrub: true\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ----- Scroll depth tracking for whole story section -----\r\n var story = document.getElementById('story');\r\n if (story){\r\n var depthMarks = [25, 50, 75, 100];\r\n var firedDepths = {};\r\n ScrollTrigger.create({\r\n trigger: story,\r\n start: 'top top',\r\n end: 'bottom bottom',\r\n onUpdate: function(self){\r\n var pct = Math.round(self.progress * 100);\r\n depthMarks.forEach(function(mark){\r\n if (pct >= mark && !firedDepths[mark]){\r\n firedDepths[mark] = true;\r\n track('story_scroll_depth', { section: 'brand_story', depth: mark });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n \/\/ ----- Section view tracking for Why Pawada and certifications -----\r\n function trackSectionView(selector, eventName, payload){\r\n var el = document.querySelector(selector);\r\n if (!el) return;\r\n var fired = false;\r\n ScrollTrigger.create({\r\n trigger: el,\r\n start: 'top 75%',\r\n onEnter: function(){\r\n if (fired) return;\r\n fired = true;\r\n track(eventName, payload || {});\r\n }\r\n });\r\n }\r\n\r\n trackSectionView('#why-pawada', 'section_view', { section: 'why_pawada' });\r\n trackSectionView('#featured-recipes', 'section_view', { section: 'featured_recipes' });\r\n trackSectionView('[data-pwd-track-view=\"certification_view\"]', 'certification_view', { certs: ['HALAL','ISO 9002','SIRIM'] });\r\n\r\n \/\/ ----- Hero bottles: gentle floating idle animation -----\r\n gsap.to('.hero__slide.is-active .hero__bottle-wrap .bottle', { y: -10, duration: 3.4, ease: 'sine.inOut', yoyo: true, repeat: -1 });\r\n }\r\n\r\n \/\/ ============== HERO CAROUSEL ==============\r\n function initCarousel(){\r\n var track = document.getElementById('hero-track');\r\n if (!track) return;\r\n\r\n var slides = track.querySelectorAll('.hero__slide');\r\n var prev = document.getElementById('hero-prev');\r\n var next = document.getElementById('hero-next');\r\n var counter = document.getElementById('hero-current');\r\n if (!slides.length || !prev || !next) return;\r\n\r\n var current = 0;\r\n var total = slides.length;\r\n\r\n function pad(n){ return n < 10 ? '0' + n : '' + n; }\r\n\r\n function show(index, direction){\r\n \/\/ Wrap around (looping)\r\n if (index < 0) index = total - 1;\r\n if (index >= total) index = 0;\r\n\r\n slides.forEach(function(s, i){\r\n s.classList.toggle('is-active', i === index);\r\n });\r\n\r\n if (counter) counter.textContent = pad(index + 1);\r\n current = index;\r\n\r\n \/\/ Fire tracking event for this slide\r\n var slide = slides[index];\r\n track('hero_slide_view', {\r\n slide_index: index + 1,\r\n product: slide.getAttribute('data-pwd-product'),\r\n recipe: slide.getAttribute('data-pwd-recipe'),\r\n direction: direction || 'init'\r\n });\r\n }\r\n\r\n prev.addEventListener('click', function(){ show(current - 1, 'prev'); });\r\n next.addEventListener('click', function(){ show(current + 1, 'next'); });\r\n\r\n \/\/ Keyboard navigation (left\/right arrows)\r\n document.addEventListener('keydown', function(e){\r\n \/\/ Only act if hero is in viewport (so it doesn't hijack scrolling elsewhere)\r\n var heroRect = document.getElementById('hero').getBoundingClientRect();\r\n var heroInView = heroRect.bottom > 0 && heroRect.top < window.innerHeight;\r\n if (!heroInView) return;\r\n\r\n if (e.key === 'ArrowLeft'){ show(current - 1, 'keyboard_prev'); }\r\n else if (e.key === 'ArrowRight'){ show(current + 1, 'keyboard_next'); }\r\n });\r\n\r\n \/\/ Fire initial slide_view for slide 1\r\n track('hero_slide_view', {\r\n slide_index: 1,\r\n product: slides[0].getAttribute('data-pwd-product'),\r\n recipe: slides[0].getAttribute('data-pwd-recipe'),\r\n direction: 'init'\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', function(){\r\n init();\r\n initCarousel();\r\n });\r\n } else {\r\n init();\r\n initCarousel();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Pawada \u2014 every meal deserves more kick PAWADA recipes products why pawada business contact \u2022\u2022\u2022 today’s pick \u23f1 25 min black pepper chicken rice bowl. Hot rice, glossy Sarawak pepper sauce, tender chicken \u2014 ready faster than delivery. see recipe shop on shopee dish photo Pawada BlackPepperSauce family favourite \u23f1 15 min saucy tomato fried […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":1,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPawada \u2014 every meal deserves more kick<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --red:#C40000;\r\n --red-dark:#8F0000;\r\n --red-soft:#E53935;\r\n --cream:#F8F0D8;\r\n --cream-light:#FFF8E8;\r\n --cream-warm:#F5F0D6;\r\n --yellow:#FFD447;\r\n --yellow-soft:#FFE082;\r\n --brown:#3A2418;\r\n --brown-light:#5B3A29;\r\n --green:#5E7A3A;\r\n --green-light:#7DA04B;\r\n --orange:#F47B20;\r\n --tomato:#D94D34;\r\n --text:#2D241F;\r\n --muted:#766A5D;\r\n --white:#FFFFFF;\r\n --shopee:#EE4D2D;\r\n --shadow:0 24px 60px rgba(70,30,20,.16);\r\n --float-shadow:0 35px 80px rgba(0,0,0,.28);\r\n --bottle-shadow:0 30px 50px rgba(0,0,0,.32);\r\n}\r\n\r\n*{box-sizing:border-box}\r\n\r\nbody{\r\n margin:0;\r\n font-family:'Inter',sans-serif;\r\n background:var(--cream);\r\n color:var(--text);\r\n overflow-x:hidden;\r\n}\r\n\r\n.pawada-page{\r\n overflow:hidden;\r\n background:\r\n radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px),\r\n var(--cream);\r\n background-size:24px 24px;\r\n}\r\n\r\n.container{\r\n width:min(1180px,92%);\r\n margin:auto;\r\n}\r\n\r\n\/* ============ NAV ============ *\/\r\n.nav{\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n z-index:50;\r\n padding:22px 0;\r\n}\r\n\r\n.nav-inner{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n\r\n.logo{\r\n background:var(--red);\r\n color:var(--yellow);\r\n font-family:Georgia,serif;\r\n font-weight:900;\r\n font-size:28px;\r\n padding:9px 36px;\r\n border-radius:999px;\r\n border:3px solid #fff;\r\n box-shadow:0 0 0 2px var(--red);\r\n text-decoration:none;\r\n}\r\n\r\n.nav-links{\r\n display:flex;\r\n gap:26px;\r\n align-items:center;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:13px;\r\n}\r\n\r\n.nav-links a{\r\n color:white;\r\n text-decoration:none;\r\n text-transform:lowercase;\r\n transition:.2s;\r\n}\r\n\r\n.nav-links a:hover{ color:var(--yellow); }\r\n\r\n.nav-dot{\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n background:white;\r\n color:var(--red);\r\n display:grid;\r\n place-items:center;\r\n font-weight:900;\r\n}\r\n\r\n\/* ============ HERO CAROUSEL ============ *\/\r\n.hero{\r\n min-height:760px;\r\n position:relative;\r\n overflow:hidden;\r\n color:white;\r\n padding:0;\r\n}\r\n\r\n.hero:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 -1px 0;\r\n height:80px;\r\n background:var(--cream);\r\n clip-path:polygon(0 55%,14% 35%,30% 60%,48% 30%,66% 58%,84% 36%,100% 52%,100% 100%,0 100%);\r\n z-index:8;\r\n pointer-events:none;\r\n}\r\n\r\n.hero__track{\r\n position:relative;\r\n width:100%;\r\n height:760px;\r\n}\r\n\r\n.hero__slide{\r\n position:absolute;\r\n inset:0;\r\n padding:135px 0 90px;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:opacity .7s ease;\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n.hero__slide.is-active{\r\n opacity:1;\r\n pointer-events:auto;\r\n z-index:2;\r\n}\r\n\r\n\/* per-slide gradient backgrounds (themed by primary product) *\/\r\n.hero__slide-1{\r\n background:\r\n radial-gradient(circle at 70% 35%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#C40000,#5B0808);\r\n}\r\n.hero__slide-2{\r\n background:\r\n radial-gradient(circle at 30% 40%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#E55B36,#7B1C10);\r\n}\r\n.hero__slide-3{\r\n background:\r\n radial-gradient(circle at 70% 35%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#D94D34,#5B0606);\r\n}\r\n.hero__slide-4{\r\n background:\r\n radial-gradient(circle at 30% 40%, rgba(255,255,255,.11), transparent 28%),\r\n linear-gradient(135deg,#C68128,#5C3A0F);\r\n}\r\n\r\n.hero__grid{\r\n width:min(1180px,92%);\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:.9fr 1.1fr;\r\n gap:40px;\r\n align-items:center;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.hero__copy h1{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(44px,6.4vw,82px);\r\n line-height:.95;\r\n letter-spacing:-2.5px;\r\n margin:14px 0 22px;\r\n max-width:560px;\r\n}\r\n\r\n.hero__copy h1 span{ color:var(--yellow); }\r\n\r\n.hero__meta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:14px;\r\n}\r\n\r\n.hero__meta-pill{\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:11px;\r\n letter-spacing:1.5px;\r\n text-transform:uppercase;\r\n padding:7px 14px;\r\n border-radius:999px;\r\n}\r\n\r\n.hero__meta-time{\r\n background:rgba(0,0,0,.32);\r\n color:white;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n padding:7px 14px;\r\n border-radius:999px;\r\n backdrop-filter:blur(8px);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n}\r\n\r\n.hero__copy p{\r\n max-width:520px;\r\n line-height:1.8;\r\n font-size:18px;\r\n color:#FFE6E0;\r\n margin:0 0 8px;\r\n}\r\n\r\n\/* Right-side stage of each slide *\/\r\n.hero__stage{\r\n position:relative;\r\n min-height:540px;\r\n}\r\n\r\n.hero__dish{\r\n position:absolute;\r\n width:440px;\r\n height:440px;\r\n border-radius:50%;\r\n top:40px;\r\n right:20px;\r\n background:\r\n radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), transparent 50%),\r\n linear-gradient(135deg, var(--dish-from, #6B3410), var(--dish-to, #2A1408));\r\n box-shadow:var(--float-shadow), inset 0 0 0 14px rgba(255,255,255,.08);\r\n display:grid;\r\n place-items:center;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.42);\r\n z-index:1;\r\n}\r\n\r\n.hero__dish:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-22px;\r\n border-radius:50%;\r\n border:2px dashed rgba(255,255,255,.18);\r\n}\r\n\r\n.hero__slide-1 .hero__dish{ --dish-from:#3D1A08; --dish-to:#100503; }\r\n.hero__slide-2 .hero__dish{ --dish-from:#A8350D; --dish-to:#3F1106; }\r\n.hero__slide-3 .hero__dish{ --dish-from:#9B1A0A; --dish-to:#380404; }\r\n.hero__slide-4 .hero__dish{ --dish-from:#7B5A14; --dish-to:#2E1F03; }\r\n\r\n.hero__bottle-wrap{\r\n position:absolute;\r\n z-index:5;\r\n top:80px;\r\n left:60px;\r\n}\r\n\r\n.hero__bottle-wrap .bottle{\r\n position:relative;\r\n top:auto; left:auto; right:auto;\r\n transform:rotate(-10deg);\r\n transition:.4s cubic-bezier(.175,.885,.32,1.275);\r\n}\r\n\r\n.hero__slide:hover .hero__bottle-wrap .bottle{\r\n transform:rotate(-5deg) translateY(-10px);\r\n}\r\n\r\n\/* Scattered ingredients per slide stage *\/\r\n.hero__stage .ingredient{\r\n position:absolute;\r\n z-index:4;\r\n}\r\n\r\n\/* Carousel arrows *\/\r\n.hero__arrow{\r\n position:absolute;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:56px;\r\n height:56px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.18);\r\n backdrop-filter:blur(10px);\r\n border:2px solid rgba(255,255,255,.32);\r\n color:white;\r\n font-size:24px;\r\n display:grid;\r\n place-items:center;\r\n cursor:pointer;\r\n z-index:10;\r\n transition:.25s;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n line-height:1;\r\n padding:0 0 4px 0;\r\n}\r\n\r\n.hero__arrow:hover{\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n border-color:var(--yellow);\r\n transform:translateY(-50%) scale(1.06);\r\n}\r\n\r\n.hero__arrow--prev{ left:24px; }\r\n.hero__arrow--next{ right:24px; }\r\n\r\n.hero__counter{\r\n position:absolute;\r\n bottom:110px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n z-index:10;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:13px;\r\n letter-spacing:2px;\r\n color:rgba(255,255,255,.75);\r\n background:rgba(0,0,0,.22);\r\n padding:8px 18px;\r\n border-radius:999px;\r\n backdrop-filter:blur(8px);\r\n}\r\n\r\n.hero__counter strong{ color:var(--yellow); }\r\n\r\n.btn-row{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin-top:30px;\r\n}\r\n\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:15px 28px;\r\n border-radius:999px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:14px;\r\n text-decoration:none;\r\n text-transform:lowercase;\r\n transition:.3s ease;\r\n border:none;\r\n cursor:pointer;\r\n}\r\n\r\n.btn-yellow{\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n box-shadow:0 18px 35px rgba(0,0,0,.18);\r\n}\r\n.btn-yellow:hover{ background:#FFC820; transform:translateY(-4px); }\r\n\r\n.btn-white{ background:white; color:var(--red); }\r\n.btn-white:hover{ transform:translateY(-4px); }\r\n\r\n.btn-outline{\r\n border:2px solid rgba(255,255,255,.35);\r\n color:white;\r\n}\r\n.btn-outline:hover{ background:rgba(255,255,255,.1); transform:translateY(-4px); }\r\n\r\n.btn-dark{\r\n background:var(--brown);\r\n color:var(--yellow);\r\n}\r\n.btn-dark:hover{ background:var(--text); transform:translateY(-4px); }\r\n\r\n\/* ============ FLOATING HERO PRODUCTS ============ *\/\r\n.stage{\r\n position:relative;\r\n min-height:560px;\r\n}\r\n\r\n.big-shadow{\r\n position:absolute;\r\n width:520px;\r\n height:520px;\r\n border-radius:50%;\r\n background:rgba(130,0,0,.25);\r\n top:20px;\r\n left:80px;\r\n filter:blur(20px);\r\n}\r\n\r\n\/* ----- LEVEL-UP CSS BOTTLE ----- *\/\r\n.bottle{\r\n position:absolute;\r\n width:175px;\r\n height:400px;\r\n transition:.45s cubic-bezier(.175,.885,.32,1.275);\r\n}\r\n\r\n.bottle__body{\r\n position:absolute;\r\n inset:0;\r\n border-radius:80px 80px 22px 22px;\r\n background:\r\n linear-gradient(105deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0) 70%, rgba(0,0,0,.18) 100%),\r\n linear-gradient(180deg, var(--bottle-top, #B82424) 0%, var(--bottle-bottom, #4B0C0C) 100%);\r\n box-shadow:var(--bottle-shadow), inset 0 2px 6px rgba(255,255,255,.35);\r\n}\r\n\r\n.bottle__cap{\r\n position:absolute;\r\n top:-46px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:70px;\r\n height:58px;\r\n border-radius:8px 8px 4px 4px;\r\n background:\r\n repeating-linear-gradient(90deg, rgba(0,0,0,.12) 0 2px, transparent 2px 5px),\r\n linear-gradient(180deg, #DDD 0%, #B5B5B5 60%, #999 100%);\r\n box-shadow:0 6px 10px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.4);\r\n}\r\n\r\n.bottle__cap:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 -8px 0;\r\n height:10px;\r\n background:linear-gradient(180deg, #888, #555);\r\n border-radius:2px;\r\n}\r\n\r\n.bottle__neck{\r\n position:absolute;\r\n top:-2px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:78px;\r\n height:18px;\r\n background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,0));\r\n border-radius:8px 8px 0 0;\r\n}\r\n\r\n.bottle__label{\r\n position:absolute;\r\n inset:auto 14px 32px 14px;\r\n background:linear-gradient(180deg, #fff 0%, #FAF7F0 100%);\r\n border-radius:14px;\r\n padding:18px 10px 14px;\r\n text-align:center;\r\n box-shadow:0 8px 16px rgba(0,0,0,.18), inset 0 0 0 1.5px rgba(0,0,0,.06);\r\n font-family:'Poppins',sans-serif;\r\n}\r\n\r\n.bottle__label-brand{\r\n font-family:Georgia,serif;\r\n font-weight:900;\r\n font-size:11px;\r\n color:var(--red);\r\n letter-spacing:1.5px;\r\n margin-bottom:4px;\r\n text-transform:uppercase;\r\n}\r\n\r\n.bottle__label-product{\r\n font-weight:900;\r\n font-size:13px;\r\n line-height:1.15;\r\n color:var(--text);\r\n text-transform:uppercase;\r\n letter-spacing:.3px;\r\n}\r\n\r\n.bottle__label-accent{\r\n width:32px;\r\n height:3px;\r\n border-radius:2px;\r\n margin:6px auto 0;\r\n background:var(--accent, var(--red));\r\n}\r\n\r\n\/* hero bottle positions *\/\r\n.bottle-main{\r\n top:60px;\r\n left:75px;\r\n --bottle-top:#B82424;\r\n --bottle-bottom:#4B0C0C;\r\n --accent:#5B3A29;\r\n transform:rotate(-12deg);\r\n z-index:4;\r\n}\r\n\r\n.bottle-two{\r\n top:115px;\r\n left:285px;\r\n --bottle-top:#F2A51F;\r\n --bottle-bottom:#7B2B12;\r\n --accent:#B64534;\r\n transform:rotate(9deg) scale(.9);\r\n z-index:3;\r\n}\r\n\r\n.bottle-three{\r\n top:30px;\r\n right:0;\r\n --bottle-top:#D94D34;\r\n --bottle-bottom:#7B1C10;\r\n --accent:#C92F2F;\r\n transform:rotate(18deg) scale(.75);\r\n z-index:2;\r\n}\r\n\r\n.stage:hover .bottle-main{transform:rotate(-7deg) translateY(-12px)}\r\n.stage:hover .bottle-two{transform:rotate(5deg) translateY(-8px) scale(.94)}\r\n.stage:hover .bottle-three{transform:rotate(13deg) translateY(-5px) scale(.78)}\r\n\r\n\/* ============ INGREDIENTS (level-up) ============ *\/\r\n.ingredient{\r\n position:absolute;\r\n z-index:5;\r\n filter:drop-shadow(0 16px 18px rgba(0,0,0,.22));\r\n}\r\n\r\n\/* chili - teardrop with stem *\/\r\n.ing-chili{\r\n width:50px;\r\n height:130px;\r\n}\r\n\r\n.ing-chili .body{\r\n position:absolute;\r\n inset:18px 0 0 0;\r\n background:linear-gradient(160deg,#FF3B21 0%,#C8160A 60%,#7E0606 100%);\r\n border-radius:50% 50% 50% 50% \/ 28% 28% 72% 72%;\r\n transform:rotate(0);\r\n}\r\n\r\n.ing-chili .body:after{\r\n content:\"\";\r\n position:absolute;\r\n top:12%;\r\n left:25%;\r\n width:18%;\r\n height:50%;\r\n background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0));\r\n border-radius:50%;\r\n}\r\n\r\n.ing-chili .stem{\r\n position:absolute;\r\n top:0;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:14px;\r\n height:30px;\r\n background:linear-gradient(180deg, #5E7A3A, #3F5C2A);\r\n border-radius:50% 50% 10% 10%;\r\n}\r\n\r\n\/* leaf - parsley-like *\/\r\n.ing-leaf{\r\n width:96px;\r\n height:70px;\r\n}\r\n\r\n.ing-leaf .blade{\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(135deg, #92BE5A 0%, #5E7A3A 55%, #3F5C2A 100%);\r\n border-radius:80% 10% 80% 10%;\r\n}\r\n\r\n.ing-leaf .blade:before{\r\n content:\"\";\r\n position:absolute;\r\n top:50%;\r\n left:8%;\r\n width:84%;\r\n height:1.5px;\r\n background:rgba(0,0,0,.18);\r\n transform:rotate(8deg);\r\n}\r\n\r\n\/* pepper - peppercorn *\/\r\n.ing-pepper{\r\n width:56px;\r\n height:56px;\r\n}\r\n\r\n.ing-pepper .berry{\r\n position:absolute;\r\n inset:0;\r\n border-radius:50%;\r\n background:\r\n radial-gradient(circle at 32% 28%, rgba(255,255,255,.4), transparent 30%),\r\n radial-gradient(circle at 35% 30%, #72503A 0%, #3D2416 60%, #1A0D06 100%);\r\n}\r\n\r\n\/* garlic *\/\r\n.ing-garlic{\r\n width:62px;\r\n height:78px;\r\n}\r\n\r\n.ing-garlic .clove{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 35% 25%, rgba(255,255,255,.55), transparent 35%),\r\n linear-gradient(180deg, #FBF5E0 0%, #E8DCB0 100%);\r\n border-radius:55% 55% 50% 50% \/ 75% 75% 25% 25%;\r\n}\r\n\r\n\/* lime wedge *\/\r\n.ing-lime{\r\n width:78px;\r\n height:78px;\r\n}\r\n\r\n.ing-lime .wedge{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 50% 50%, #D4ED5C 0%, #92BE5A 55%, #5E7A3A 100%);\r\n border-radius:50%;\r\n clip-path:polygon(0 50%, 100% 0, 100% 100%);\r\n}\r\n\r\n.ing-lime .wedge:after{\r\n content:\"\";\r\n position:absolute;\r\n top:50%;\r\n left:20%;\r\n width:75%;\r\n height:2px;\r\n background:rgba(255,255,255,.4);\r\n transform:translateY(-50%) rotate(-10deg);\r\n}\r\n\r\n\/* hero ingredient positions *\/\r\n.hero .ing-chili{ bottom:120px; left:30px; transform:rotate(-22deg); }\r\n.hero .ing-leaf{ bottom:60px; left:170px; transform:rotate(-12deg); }\r\n.hero .ing-pepper{ top:90px; right:180px; }\r\n.hero .ing-garlic{ top:380px; right:230px; transform:rotate(15deg); }\r\n.hero .ing-lime{ top:50px; left:340px; transform:rotate(35deg); }\r\n\r\n\/* ============ MEET PAWADA ============ *\/\r\n.meet{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n min-height:620px;\r\n background:var(--cream);\r\n}\r\n\r\n.meet-left{\r\n padding:120px 12%;\r\n background:\r\n radial-gradient(rgba(120,70,30,.08) 1px, transparent 1px),\r\n var(--cream-light);\r\n background-size:18px 18px;\r\n position:relative;\r\n}\r\n\r\n.meet-left h2{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:var(--red);\r\n font-size:clamp(48px,6vw,82px);\r\n line-height:.9;\r\n letter-spacing:-3px;\r\n margin:0 0 20px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.meet-left h2 small{\r\n display:block;\r\n font-size:24px;\r\n letter-spacing:0;\r\n font-weight:600;\r\n color:var(--muted);\r\n margin-bottom:6px;\r\n}\r\n\r\n.meet-left p{\r\n line-height:1.8;\r\n max-width:460px;\r\n color:var(--text);\r\n}\r\n\r\n.meet-right{\r\n background:var(--cream-warm);\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n overflow:hidden;\r\n}\r\n\r\n.face-circle{\r\n width:360px;\r\n height:360px;\r\n border-radius:50%;\r\n background:#EFE4B9;\r\n display:grid;\r\n place-items:center;\r\n font-family:'DM Serif Display',serif;\r\n color:var(--red);\r\n font-size:120px;\r\n box-shadow:inset 0 0 0 18px rgba(255,255,255,.25);\r\n position:relative;\r\n}\r\n\r\n.face-circle:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-14px;\r\n border-radius:50%;\r\n border:2px dashed rgba(196,0,0,.18);\r\n}\r\n\r\n.float-pack{\r\n position:absolute;\r\n bottom:-65px;\r\n left:-70px;\r\n width:340px;\r\n height:120px;\r\n background:linear-gradient(90deg,#C92424,#7B1111);\r\n border-radius:30px;\r\n transform:rotate(-8deg);\r\n box-shadow:var(--shadow);\r\n display:grid;\r\n place-items:center;\r\n color:var(--yellow);\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n letter-spacing:1px;\r\n}\r\n\r\n.meet-right .ing-chili{ top:80px; left:60px; transform:rotate(-30deg); }\r\n.meet-right .ing-leaf{ right:70px; bottom:90px; transform:rotate(25deg); }\r\n.meet-right .ing-pepper{ bottom:120px; left:90px; }\r\n\r\n\/* ============ BRAND STORY PARALLAX (merged, playful style) ============ *\/\r\n.story{\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.story__panel{\r\n min-height:100vh;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:60px;\r\n align-items:center;\r\n padding:120px 6vw;\r\n position:relative;\r\n box-sizing:border-box;\r\n}\r\n\r\n.story__panel:nth-child(even){ direction:rtl; }\r\n.story__panel > *{ direction:ltr; }\r\n\r\n\/* B2C panel themes (1-4) *\/\r\n.story__panel--red{\r\n background:\r\n radial-gradient(circle at 70% 30%, rgba(255,255,255,.06), transparent 28%),\r\n linear-gradient(135deg, var(--red), var(--red-dark));\r\n color:white;\r\n}\r\n\r\n.story__panel--cream{\r\n background:\r\n radial-gradient(rgba(0,0,0,.04) 1px, transparent 1px),\r\n var(--cream);\r\n background-size:22px 22px;\r\n color:var(--text);\r\n}\r\n\r\n.story__panel--yellow{\r\n background:\r\n radial-gradient(rgba(0,0,0,.05) 1px, transparent 1px),\r\n var(--cream-warm);\r\n background-size:22px 22px;\r\n color:var(--text);\r\n}\r\n\r\n\/* B2B panel themes (5-6) *\/\r\n.story__panel--brown{\r\n background:\r\n radial-gradient(circle at 85% 25%, rgba(255,212,71,.1), transparent 30%),\r\n var(--brown);\r\n color:white;\r\n}\r\n\r\n.story__panel--dark{\r\n background:#2A1810;\r\n color:white;\r\n}\r\n\r\n.story__copy{\r\n max-width:520px;\r\n}\r\n\r\n.story__kicker{\r\n display:inline-block;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:12px;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n padding:7px 16px;\r\n border-radius:999px;\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n margin-bottom:22px;\r\n}\r\n\r\n.story__panel--cream .story__kicker,\r\n.story__panel--yellow .story__kicker{\r\n background:var(--red);\r\n color:var(--yellow);\r\n}\r\n\r\n.story__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(40px,5.5vw,68px);\r\n line-height:.95;\r\n letter-spacing:-2px;\r\n margin:0 0 22px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.story__panel--red .story__title em,\r\n.story__panel--brown .story__title em,\r\n.story__panel--dark .story__title em{\r\n color:var(--yellow);\r\n font-style:normal;\r\n}\r\n\r\n.story__panel--cream .story__title em,\r\n.story__panel--yellow .story__title em{\r\n color:var(--red);\r\n font-style:normal;\r\n}\r\n\r\n.story__body{\r\n font-size:17px;\r\n line-height:1.8;\r\n margin:0 0 28px;\r\n opacity:.92;\r\n}\r\n\r\n\/* B2B panels: switch to DM Serif Display for headline *\/\r\n.story__panel--brown .story__title,\r\n.story__panel--dark .story__title{\r\n font-family:'DM Serif Display', serif;\r\n font-weight:400;\r\n text-transform:none;\r\n letter-spacing:-1px;\r\n}\r\n\r\n\/* Bottle stage on the right of each panel *\/\r\n.story__stage{\r\n position:relative;\r\n min-height:540px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.story__shadow{\r\n position:absolute;\r\n width:440px;\r\n height:440px;\r\n border-radius:50%;\r\n background:rgba(0,0,0,.18);\r\n filter:blur(28px);\r\n z-index:0;\r\n}\r\n\r\n.story__panel--red .story__shadow{ background:rgba(0,0,0,.32); }\r\n.story__panel--brown .story__shadow,\r\n.story__panel--dark .story__shadow{ background:rgba(0,0,0,.45); }\r\n\r\n.story__bottle-wrap{\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* Each panel gets its bottle tossed at a different angle for variety *\/\r\n.story__panel:nth-child(1) .bottle{ transform:rotate(-10deg); }\r\n.story__panel:nth-child(2) .bottle{ transform:rotate(8deg); }\r\n.story__panel:nth-child(3) .bottle{ transform:rotate(-6deg); }\r\n.story__panel:nth-child(4) .bottle{ transform:rotate(12deg); }\r\n.story__panel:nth-child(5) .bottle{ transform:rotate(-8deg); }\r\n.story__panel:nth-child(6) .bottle{ transform:rotate(10deg); }\r\n\r\n.story__bottle-wrap .bottle{\r\n position:relative;\r\n top:auto; left:auto; right:auto;\r\n margin:0 auto;\r\n}\r\n\r\n\/* Scattered ingredients per panel *\/\r\n.story__stage .ingredient{\r\n position:absolute;\r\n z-index:3;\r\n}\r\n\r\n\/* Panel 1 - Black Pepper *\/\r\n.story__panel:nth-child(1) .ing-pepper{ top:10%; left:15%; }\r\n.story__panel:nth-child(1) .ing-leaf{ bottom:15%; right:10%; transform:rotate(40deg); }\r\n.story__panel:nth-child(1) .ing-chili{ bottom:5%; left:25%; transform:rotate(-15deg); }\r\n\r\n\/* Panel 2 - Chili *\/\r\n.story__panel:nth-child(2) .ing-chili.s1{ top:8%; right:15%; transform:rotate(20deg); }\r\n.story__panel:nth-child(2) .ing-chili.s2{ bottom:12%; left:12%; transform:rotate(-35deg); }\r\n.story__panel:nth-child(2) .ing-leaf{ top:50%; right:8%; transform:rotate(-20deg); }\r\n\r\n\/* Panel 3 - Tomato *\/\r\n.story__panel:nth-child(3) .ing-leaf.s1{ top:15%; left:8%; transform:rotate(-30deg); }\r\n.story__panel:nth-child(3) .ing-leaf.s2{ bottom:18%; right:15%; transform:rotate(60deg); }\r\n.story__panel:nth-child(3) .ing-garlic{ bottom:10%; left:18%; transform:rotate(10deg); }\r\n\r\n\/* Panel 4 - Vinegar *\/\r\n.story__panel:nth-child(4) .ing-lime{ top:12%; right:18%; }\r\n.story__panel:nth-child(4) .ing-leaf{ bottom:20%; left:10%; transform:rotate(-45deg); }\r\n.story__panel:nth-child(4) .ing-garlic{ top:55%; right:8%; }\r\n\r\n\/* Panel 5 - Cooking Ingredient A (B2B bridge) *\/\r\n.story__panel:nth-child(5) .ing-pepper.s1{ top:18%; left:15%; }\r\n.story__panel:nth-child(5) .ing-pepper.s2{ bottom:25%; right:18%; }\r\n.story__panel:nth-child(5) .ing-garlic{ bottom:10%; left:25%; transform:rotate(-15deg); }\r\n\r\n\/* Panel 6 - Cooking Ingredient B (B2B) *\/\r\n.story__panel:nth-child(6) .ing-leaf{ top:14%; right:14%; transform:rotate(35deg); }\r\n.story__panel:nth-child(6) .ing-pepper{ bottom:18%; left:20%; }\r\n\r\n\/* Story panel-specific bottle colors *\/\r\n.story__panel[data-product=\"black-pepper-sauce\"] .bottle{\r\n --bottle-top:#B82424;\r\n --bottle-bottom:#3D0808;\r\n --accent:#5B3A29;\r\n}\r\n.story__panel[data-product=\"chili-sauce\"] .bottle{\r\n --bottle-top:#D94D34;\r\n --bottle-bottom:#7B1C10;\r\n --accent:#C92F2F;\r\n}\r\n.story__panel[data-product=\"tomato-sauce\"] .bottle{\r\n --bottle-top:#E55B36;\r\n --bottle-bottom:#8B2418;\r\n --accent:#B64534;\r\n}\r\n.story__panel[data-product=\"vinegar\"] .bottle{\r\n --bottle-top:#F2A51F;\r\n --bottle-bottom:#7B2B12;\r\n --accent:#C68128;\r\n}\r\n.story__panel[data-product=\"cooking-ingredient-a\"] .bottle{\r\n --bottle-top:#D4AE45;\r\n --bottle-bottom:#7B5B12;\r\n --accent:#D4AE45;\r\n}\r\n.story__panel[data-product=\"cooking-ingredient-b\"] .bottle{\r\n --bottle-top:#7DA04B;\r\n --bottle-bottom:#3F5C2A;\r\n --accent:#73845C;\r\n}\r\n\r\n\/* fade-in animation hook (set by GSAP) *\/\r\n.story__copy, .story__bottle-wrap, .story__stage .ingredient{\r\n opacity:0;\r\n transform:translateY(40px);\r\n will-change:opacity, transform;\r\n}\r\n\r\n.story__copy.is-in, .story__bottle-wrap.is-in, .story__stage .ingredient.is-in{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:opacity .8s ease, transform .9s cubic-bezier(.17,.84,.44,1);\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n .story__copy, .story__bottle-wrap, .story__stage .ingredient{\r\n opacity:1; transform:none;\r\n }\r\n}\r\n\r\n\/* ============ ICON STRIP ============ *\/\r\n.icon-strip{\r\n background:#fff;\r\n padding:22px 0;\r\n border-top:1px solid rgba(0,0,0,.04);\r\n border-bottom:1px solid rgba(0,0,0,.04);\r\n}\r\n\r\n.icon-row{\r\n display:flex;\r\n justify-content:center;\r\n gap:38px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.icon-item{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:#C8BCA3;\r\n font-size:13px;\r\n text-transform:uppercase;\r\n letter-spacing:1px;\r\n}\r\n\r\n\/* ============ PRODUCTS ============ *\/\r\n.products{\r\n padding:110px 0 130px;\r\n background:var(--cream-warm);\r\n position:relative;\r\n}\r\n\r\n.products h2{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(48px,7vw,88px);\r\n color:rgba(180,140,80,.28);\r\n text-align:center;\r\n margin:0 0 60px;\r\n letter-spacing:-4px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.product-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:34px;\r\n}\r\n\r\n.product-card{\r\n background:rgba(255,255,255,.78);\r\n border-radius:34px;\r\n text-align:center;\r\n padding:34px 28px 36px;\r\n position:relative;\r\n box-shadow:var(--shadow);\r\n min-height:470px;\r\n transition:.35s ease;\r\n}\r\n\r\n.product-card:hover{ transform:translateY(-12px); }\r\n\r\n.portal{\r\n width:230px;\r\n height:230px;\r\n border-radius:50%;\r\n margin:0 auto 24px;\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n overflow:visible;\r\n}\r\n\r\n.portal.red{background:#F12A2A}\r\n.portal.orange{background:#D96A1C}\r\n.portal.teal{background:#1F8C93}\r\n.portal.green{background:#5E7A3A}\r\n.portal.brown{background:#7B5B2E}\r\n.portal.amber{background:#C68128}\r\n\r\n\/* mini-product = small bottle floating out of the portal circle *\/\r\n.mini-product{\r\n position:relative;\r\n width:115px;\r\n height:240px;\r\n margin-top:-50px;\r\n --bottle-top:#C92424;\r\n --bottle-bottom:#4D0B0B;\r\n --accent:#5B3A29;\r\n}\r\n\r\n.mini-product .bottle__body{ border-radius:55px 55px 16px 16px; }\r\n.mini-product .bottle__cap{\r\n top:-32px;\r\n width:50px;\r\n height:42px;\r\n}\r\n.mini-product .bottle__cap:after{ height:7px; bottom:-6px; }\r\n.mini-product .bottle__label{\r\n inset:auto 8px 24px 8px;\r\n border-radius:10px;\r\n padding:10px 6px 8px;\r\n}\r\n.mini-product .bottle__label-brand{ font-size:8px; margin-bottom:2px; }\r\n.mini-product .bottle__label-product{ font-size:9px; }\r\n.mini-product .bottle__label-accent{ width:22px; height:2px; margin-top:4px; }\r\n\r\n\/* per-product mini-bottle colors *\/\r\n.mini-product[data-product=\"black-pepper-sauce\"]{ --bottle-top:#B82424; --bottle-bottom:#3D0808; --accent:#5B3A29; }\r\n.mini-product[data-product=\"chili-sauce\"]{ --bottle-top:#D94D34; --bottle-bottom:#7B1C10; --accent:#C92F2F; }\r\n.mini-product[data-product=\"tomato-sauce\"]{ --bottle-top:#E55B36; --bottle-bottom:#8B2418; --accent:#B64534; }\r\n.mini-product[data-product=\"vinegar\"]{ --bottle-top:#F2A51F; --bottle-bottom:#7B2B12; --accent:#C68128; }\r\n.mini-product[data-product=\"vegan-corned\"]{ --bottle-top:#7DA04B; --bottle-bottom:#3F5C2A; --accent:#5E7A3A; }\r\n.mini-product[data-product=\"cooking-ingredient-a\"]{ --bottle-top:#D4AE45; --bottle-bottom:#7B5B12; --accent:#D4AE45; }\r\n\r\n.product-card small{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:var(--red);\r\n text-transform:uppercase;\r\n letter-spacing:1px;\r\n font-size:11px;\r\n}\r\n\r\n.product-card h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:22px;\r\n line-height:1.15;\r\n margin:10px 0 22px;\r\n}\r\n\r\n.shop-btn{\r\n display:inline-flex;\r\n background:var(--red);\r\n color:white;\r\n padding:12px 24px;\r\n border-radius:999px;\r\n text-decoration:none;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:13px;\r\n text-transform:lowercase;\r\n transition:.25s;\r\n}\r\n\r\n.shop-btn:hover{ background:var(--red-dark); transform:translateY(-3px); }\r\n\r\n\/* tiny scattered ingredients in product section *\/\r\n.products .ing-chili.scatter1{ position:absolute; top:18%; left:5%; opacity:.55; transform:rotate(-25deg); }\r\n.products .ing-leaf.scatter1{ position:absolute; top:25%; right:6%; opacity:.5; transform:rotate(35deg); }\r\n.products .ing-pepper.scatter1{ position:absolute; bottom:15%; left:8%; opacity:.5; }\r\n\r\n\/* ============ RECIPES ============ *\/\r\n.recipes{\r\n background:var(--cream);\r\n padding:110px 0;\r\n}\r\n\r\n.recipe-grid{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:34px;\r\n align-items:stretch;\r\n}\r\n\r\n.recipe-card{\r\n min-height:420px;\r\n border-radius:34px;\r\n background:\r\n linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.35)),\r\n linear-gradient(135deg,#7DA04B,#D4AE45);\r\n padding:44px;\r\n display:flex;\r\n align-items:flex-end;\r\n box-shadow:var(--shadow);\r\n color:white;\r\n}\r\n\r\n.recipe-card h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:42px;\r\n line-height:1;\r\n margin:0;\r\n text-transform:lowercase;\r\n}\r\n\r\n.recipe-copy{\r\n background:var(--cream-warm);\r\n border-radius:34px;\r\n padding:52px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n\r\n.recipe-copy h2{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(44px,5vw,68px);\r\n line-height:.95;\r\n color:var(--red);\r\n letter-spacing:-3px;\r\n margin:0 0 20px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.recipe-copy p{\r\n color:var(--muted);\r\n line-height:1.8;\r\n}\r\n\r\n\/* ============ FEATURED RECIPES (NEW \u2014 slot 2) ============ *\/\r\n.featured-recipes{\r\n background:var(--cream);\r\n padding:100px 0;\r\n position:relative;\r\n}\r\n\r\n.featured-recipes__head{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-end;\r\n margin-bottom:46px;\r\n gap:30px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.featured-recipes__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(40px,5vw,64px);\r\n line-height:.95;\r\n letter-spacing:-2px;\r\n color:var(--red);\r\n margin:0;\r\n text-transform:lowercase;\r\n}\r\n\r\n.featured-recipes__title em{\r\n font-style:normal;\r\n color:var(--text);\r\n}\r\n\r\n.featured-recipes__sub{\r\n font-size:16px;\r\n color:var(--muted);\r\n max-width:340px;\r\n line-height:1.7;\r\n margin:0;\r\n}\r\n\r\n.recipe-tile-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:26px;\r\n}\r\n\r\n.recipe-tile{\r\n background:white;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n transition:.35s ease;\r\n text-decoration:none;\r\n color:var(--text);\r\n display:block;\r\n cursor:pointer;\r\n}\r\n\r\n.recipe-tile:hover{ transform:translateY(-10px); }\r\n\r\n.recipe-tile__image{\r\n height:230px;\r\n background:linear-gradient(135deg, var(--tile-from, #D94D34), var(--tile-to, #7B1C10));\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n color:rgba(255,255,255,.4);\r\n font-family:'Poppins',sans-serif;\r\n font-size:11px;\r\n text-transform:uppercase;\r\n letter-spacing:1.5px;\r\n}\r\n\r\n.recipe-tile__image:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 50%);\r\n}\r\n\r\n.recipe-tile__tag{\r\n position:absolute;\r\n top:18px;\r\n left:18px;\r\n background:var(--yellow);\r\n color:var(--red-dark);\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:10px;\r\n letter-spacing:1.5px;\r\n padding:6px 12px;\r\n border-radius:999px;\r\n text-transform:uppercase;\r\n z-index:2;\r\n}\r\n\r\n.recipe-tile__time{\r\n position:absolute;\r\n bottom:18px;\r\n right:18px;\r\n background:rgba(0,0,0,.4);\r\n color:white;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n padding:6px 12px;\r\n border-radius:999px;\r\n z-index:2;\r\n backdrop-filter:blur(8px);\r\n}\r\n\r\n.recipe-tile__body{\r\n padding:24px 24px 28px;\r\n}\r\n\r\n.recipe-tile__kicker{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:11px;\r\n text-transform:uppercase;\r\n letter-spacing:1.5px;\r\n color:var(--red);\r\n margin-bottom:8px;\r\n}\r\n\r\n.recipe-tile__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:20px;\r\n line-height:1.2;\r\n margin:0 0 12px;\r\n}\r\n\r\n.recipe-tile__desc{\r\n font-size:14px;\r\n color:var(--muted);\r\n line-height:1.6;\r\n margin:0;\r\n}\r\n\r\n.recipe-tile-1 .recipe-tile__image{ --tile-from:#D94D34; --tile-to:#7B1C10; }\r\n.recipe-tile-2 .recipe-tile__image{ --tile-from:#F2A51F; --tile-to:#7B2B12; }\r\n.recipe-tile-3 .recipe-tile__image{ --tile-from:#7DA04B; --tile-to:#3F5C2A; }\r\n\r\n\/* ============ WHY CHOOSE PAWADA (NEW \u2014 slot 6) ============ *\/\r\n.why-pawada{\r\n background:var(--cream-light);\r\n padding:120px 0;\r\n position:relative;\r\n}\r\n\r\n.why-pawada__head{\r\n text-align:center;\r\n margin-bottom:60px;\r\n}\r\n\r\n.why-pawada__kicker{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:12px;\r\n letter-spacing:3px;\r\n text-transform:uppercase;\r\n color:var(--red);\r\n margin-bottom:14px;\r\n display:block;\r\n}\r\n\r\n.why-pawada__title{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:clamp(36px,4.5vw,56px);\r\n line-height:.95;\r\n letter-spacing:-2px;\r\n color:var(--text);\r\n margin:0;\r\n text-transform:lowercase;\r\n}\r\n\r\n.why-pawada__title em{\r\n font-style:normal;\r\n color:var(--red);\r\n}\r\n\r\n.pillars{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n}\r\n\r\n.pillar{\r\n background:white;\r\n border-radius:24px;\r\n padding:36px 28px;\r\n text-align:center;\r\n box-shadow:0 14px 40px rgba(70,30,20,.08);\r\n transition:.3s ease;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.pillar:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 24px 60px rgba(70,30,20,.14);\r\n}\r\n\r\n.pillar__icon{\r\n width:74px;\r\n height:74px;\r\n border-radius:50%;\r\n margin:0 auto 22px;\r\n display:grid;\r\n place-items:center;\r\n font-size:32px;\r\n background:var(--pillar-bg, var(--cream-warm));\r\n color:var(--pillar-color, var(--red));\r\n position:relative;\r\n}\r\n\r\n.pillar__icon:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:-6px;\r\n border-radius:50%;\r\n border:2px dashed var(--pillar-color, var(--red));\r\n opacity:.25;\r\n}\r\n\r\n.pillar:nth-child(1) .pillar__icon{ --pillar-bg:#FCE8E0; --pillar-color:#C40000; }\r\n.pillar:nth-child(2) .pillar__icon{ --pillar-bg:#FFF3D6; --pillar-color:#C68128; }\r\n.pillar:nth-child(3) .pillar__icon{ --pillar-bg:#E0EBD4; --pillar-color:#5E7A3A; }\r\n.pillar:nth-child(4) .pillar__icon{ --pillar-bg:#F0E2D2; --pillar-color:#5B3A29; }\r\n\r\n.pillar h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:18px;\r\n margin:0 0 10px;\r\n line-height:1.2;\r\n}\r\n\r\n.pillar p{\r\n font-size:14px;\r\n color:var(--muted);\r\n line-height:1.6;\r\n margin:0;\r\n}\r\n\r\n\/* ============ B2B (ENRICHED) ============ *\/\r\n.b2b{\r\n padding:120px 0;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,212,71,.12), transparent 28%),\r\n var(--brown);\r\n color:white;\r\n clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);\r\n}\r\n\r\n\/* Cert badges row (inside B2B) *\/\r\n.cert-row{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin:18px 0 26px;\r\n}\r\n\r\n.cert-badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,212,71,.3);\r\n padding:8px 14px;\r\n border-radius:999px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:12px;\r\n color:var(--yellow);\r\n letter-spacing:.5px;\r\n}\r\n\r\n.cert-badge:before{\r\n content:\"\";\r\n width:8px;\r\n height:8px;\r\n border-radius:50%;\r\n background:var(--yellow);\r\n box-shadow:0 0 0 3px rgba(255,212,71,.18);\r\n}\r\n\r\n\/* B2B offerings (inside the right panel) *\/\r\n.b2b-item__icon{\r\n width:42px;\r\n height:42px;\r\n border-radius:12px;\r\n background:var(--cream-warm);\r\n display:inline-grid;\r\n place-items:center;\r\n font-size:18px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.b2b-item__meta{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin-top:10px;\r\n padding-top:12px;\r\n border-top:1px dashed rgba(0,0,0,.08);\r\n}\r\n\r\n.b2b-item__meta-pill{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n letter-spacing:.5px;\r\n color:var(--brown);\r\n background:var(--cream-warm);\r\n padding:5px 11px;\r\n border-radius:999px;\r\n}\r\n\r\n.b2b-grid{\r\n display:grid;\r\n grid-template-columns:.9fr 1.1fr;\r\n gap:50px;\r\n align-items:center;\r\n}\r\n\r\n.b2b h2{\r\n font-family:'DM Serif Display',serif;\r\n font-size:clamp(46px,5.5vw,70px);\r\n line-height:1;\r\n margin:0 0 20px;\r\n}\r\n\r\n.b2b p{\r\n color:#F3DDC0;\r\n line-height:1.85;\r\n font-size:18px;\r\n}\r\n\r\n.b2b-panel{\r\n background:var(--cream-light);\r\n color:var(--text);\r\n border-radius:36px;\r\n padding:38px;\r\n box-shadow:var(--float-shadow);\r\n}\r\n\r\n.b2b-item{\r\n padding:22px;\r\n background:white;\r\n border-radius:22px;\r\n margin-bottom:16px;\r\n border-left:7px solid var(--yellow);\r\n}\r\n\r\n.b2b-item strong{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n}\r\n\r\n\/* ============ SOCIAL ============ *\/\r\n.social{\r\n padding:90px 0 70px;\r\n background:var(--cream);\r\n}\r\n\r\n.social-head{\r\n display:flex;\r\n justify-content:center;\r\n gap:18px;\r\n align-items:center;\r\n margin-bottom:34px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n color:var(--red);\r\n text-transform:lowercase;\r\n}\r\n\r\n.social-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5,1fr);\r\n gap:16px;\r\n}\r\n\r\n.social-tile{\r\n height:170px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--red),var(--yellow));\r\n box-shadow:var(--shadow);\r\n transition:.3s;\r\n}\r\n\r\n.social-tile:hover{ transform:scale(1.04); }\r\n\r\n\/* ============ FOOTER ============ *\/\r\n.footer{\r\n background:var(--red);\r\n color:white;\r\n padding:70px 0 40px;\r\n text-align:center;\r\n}\r\n\r\n.footer-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr 1fr;\r\n gap:30px;\r\n align-items:center;\r\n}\r\n\r\n.footer h3{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:900;\r\n font-size:28px;\r\n margin:0 0 16px;\r\n text-transform:lowercase;\r\n}\r\n\r\n.input-pill{\r\n border:2px solid rgba(255,255,255,.55);\r\n border-radius:999px;\r\n padding:14px 18px;\r\n color:white;\r\n font-size:13px;\r\n cursor:pointer;\r\n}\r\n\r\n.footer-logo{\r\n font-family:Georgia,serif;\r\n font-size:34px;\r\n font-weight:900;\r\n color:var(--yellow);\r\n}\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media(max-width:980px){\r\n .hero-grid,.meet,.recipe-grid,.b2b-grid,.footer-grid,.story__panel{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .product-grid,.recipe-tile-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .pillars{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .stage,.story__stage{\r\n min-height:520px;\r\n }\r\n\r\n .nav-links{ display:none; }\r\n\r\n .social-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .story__panel:nth-child(even){ direction:ltr; }\r\n\r\n .featured-recipes__head{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n }\r\n}\r\n\r\n@media(max-width:560px){\r\n .hero{ padding-top:120px; }\r\n\r\n .bottle{\r\n width:140px;\r\n height:320px;\r\n }\r\n\r\n .bottle-main{ left:20px; }\r\n .bottle-two{ left:165px; }\r\n .bottle-three{ display:none; }\r\n\r\n .meet-left{ padding:80px 8%; }\r\n .footer-grid{ gap:45px; }\r\n\r\n .story__panel{ padding:80px 6vw; min-height:auto; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"pawada-page\">\r\n\r\n <nav class=\"nav\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"#\" class=\"logo\" data-pwd-cta=\"nav_logo\">PAWADA<\/a>\r\n <div class=\"nav-links\">\r\n <a href=\"#featured-recipes\" data-pwd-cta=\"nav_recipes\">recipes<\/a>\r\n <a href=\"#products\" data-pwd-cta=\"nav_products\">products<\/a>\r\n <a href=\"#why-pawada\" data-pwd-cta=\"nav_why\">why pawada<\/a>\r\n <a href=\"#b2b\" data-pwd-cta=\"nav_business\">business<\/a>\r\n <a href=\"#contact\" data-pwd-cta=\"nav_contact\">contact<\/a>\r\n <span class=\"nav-dot\">\u2022\u2022\u2022<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero__track\" id=\"hero-track\">\r\n\r\n \r\n <div class=\"hero__slide hero__slide-1 is-active\" data-pwd-slide=\"1\" data-pwd-product=\"black-pepper-sauce\" data-pwd-recipe=\"black-pepper-chicken\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">today's pick<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 25 min<\/span>\r\n <\/div>\r\n <h1>black pepper chicken <span>rice bowl.<\/span><\/h1>\r\n <p>Hot rice, glossy Sarawak pepper sauce, tender chicken \u2014 ready faster than delivery.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"black-pepper-chicken\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"black-pepper-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"black-pepper-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Black<br>Pepper<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-chili\" style=\"bottom:80px;left:10px;transform:rotate(-22deg);\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper\" style=\"top:50px;right:200px;\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"bottom:20px;left:160px;transform:rotate(-12deg);\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slide hero__slide-2\" data-pwd-slide=\"2\" data-pwd-product=\"tomato-sauce\" data-pwd-recipe=\"tomato-fried-rice\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">family favourite<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 15 min<\/span>\r\n <\/div>\r\n <h1>saucy tomato <span>fried rice.<\/span><\/h1>\r\n <p>The childhood classic \u2014 eggs, tomato sauce, a little kick of chili if you're feeling brave.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"tomato-fried-rice\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"tomato-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"tomato-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Sos<br>Tomato<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-tomato-cherry ing-pepper\" style=\"top:60px;left:10px;\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"top:40px;right:180px;transform:rotate(35deg);\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\" style=\"bottom:60px;left:180px;transform:rotate(15deg);\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slide hero__slide-3\" data-pwd-slide=\"3\" data-pwd-product=\"chili-sauce\" data-pwd-recipe=\"chili-noodles\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">spicy & quick<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 12 min<\/span>\r\n <\/div>\r\n <h1>chili stir-fried <span>noodles.<\/span><\/h1>\r\n <p>Noodles, vegetables, a splash of Pawada chili \u2014 dinner that wakes up the whole table.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"chili-noodles\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"chili-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"chili-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Chili<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-chili\" style=\"top:80px;right:140px;transform:rotate(20deg);\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-chili\" style=\"bottom:80px;left:10px;transform:rotate(-30deg);\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"bottom:30px;left:200px;transform:rotate(-12deg);\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slide hero__slide-4\" data-pwd-slide=\"4\" data-pwd-product=\"vinegar\" data-pwd-recipe=\"vinegar-curry-finish\">\r\n <div class=\"hero__grid\">\r\n <div class=\"hero__copy\">\r\n <div class=\"hero__meta\">\r\n <span class=\"hero__meta-pill\">pantry essential<\/span>\r\n <span class=\"hero__meta-time\">\u23f1 10 min<\/span>\r\n <\/div>\r\n <h1>a splash that <span>changes everything.<\/span><\/h1>\r\n <p>Naturally fermented Pawada vinegar \u2014 brightens curries, lifts salads, balances soups.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"hero_see_recipe\" data-pwd-recipe=\"vinegar-curry-finish\">see recipe<\/a>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\" data-pwd-cta=\"hero_shop_shopee\" data-pwd-product=\"vinegar\">shop on shopee<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__stage\">\r\n <div class=\"hero__dish\">dish photo<\/div>\r\n <div class=\"hero__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"vinegar\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cuka<br>Vinegar<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-lime\" style=\"top:50px;left:10px;transform:rotate(35deg);\"><span class=\"wedge\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\" style=\"top:80px;right:160px;\"><span class=\"clove\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\" style=\"bottom:40px;left:180px;transform:rotate(-45deg);\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button type=\"button\" class=\"hero__arrow hero__arrow--prev\" id=\"hero-prev\" aria-label=\"previous slide\" data-pwd-cta=\"hero_arrow_prev\">\u2039<\/button>\r\n <button type=\"button\" class=\"hero__arrow hero__arrow--next\" id=\"hero-next\" aria-label=\"next slide\" data-pwd-cta=\"hero_arrow_next\">\u203a<\/button>\r\n\r\n \r\n <div class=\"hero__counter\"><strong id=\"hero-current\">01<\/strong> \/ 04<\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"featured-recipes\" id=\"featured-recipes\">\r\n <div class=\"container\">\r\n <div class=\"featured-recipes__head\">\r\n <h2 class=\"featured-recipes__title\">more from <em>the kitchen.<\/em><\/h2>\r\n <p class=\"featured-recipes__sub\">\r\n Browse Pawada recipes by sauce, time, or what you've already got in the fridge.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"recipe-tile-grid\">\r\n\r\n <a href=\"#\" class=\"recipe-tile recipe-tile-1\"\r\n data-pwd-cta=\"recipe_card_click\" data-pwd-recipe=\"black-pepper-chicken\">\r\n <div class=\"recipe-tile__image\">\r\n <span class=\"recipe-tile__tag\">black pepper<\/span>\r\n <span class=\"recipe-tile__time\">25 min<\/span>\r\n recipe photo\r\n <\/div>\r\n <div class=\"recipe-tile__body\">\r\n <div class=\"recipe-tile__kicker\">weeknight quick<\/div>\r\n <h3 class=\"recipe-tile__title\">Black Pepper Chicken Rice Bowl<\/h3>\r\n <p class=\"recipe-tile__desc\">Hot rice, glossy pepper sauce, tender chicken \u2014 ready faster than delivery.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"recipe-tile recipe-tile-2\"\r\n data-pwd-cta=\"recipe_card_click\" data-pwd-recipe=\"tomato-fried-rice\">\r\n <div class=\"recipe-tile__image\">\r\n <span class=\"recipe-tile__tag\">tomato sauce<\/span>\r\n <span class=\"recipe-tile__time\">15 min<\/span>\r\n recipe photo\r\n <\/div>\r\n <div class=\"recipe-tile__body\">\r\n <div class=\"recipe-tile__kicker\">family favourite<\/div>\r\n <h3 class=\"recipe-tile__title\">Saucy Tomato Fried Rice<\/h3>\r\n <p class=\"recipe-tile__desc\">The childhood classic \u2014 eggs, tomato sauce, a little kick of chili if you're feeling brave.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"recipe-tile recipe-tile-3\"\r\n data-pwd-cta=\"recipe_card_click\" data-pwd-recipe=\"chili-noodles\">\r\n <div class=\"recipe-tile__image\">\r\n <span class=\"recipe-tile__tag\">chili sauce<\/span>\r\n <span class=\"recipe-tile__time\">12 min<\/span>\r\n recipe photo\r\n <\/div>\r\n <div class=\"recipe-tile__body\">\r\n <div class=\"recipe-tile__kicker\">spicy & quick<\/div>\r\n <h3 class=\"recipe-tile__title\">Chili Sauce Stir-Fried Noodles<\/h3>\r\n <p class=\"recipe-tile__desc\">Noodles, vegetables, a splash of Pawada chili \u2014 dinner that wakes up the table.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div style=\"text-align:center;margin-top:40px;\">\r\n <a href=\"#\" class=\"btn btn-dark\" data-pwd-cta=\"featured_recipes_see_all\">see all recipes \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"meet\" id=\"about\">\r\n <div class=\"meet-left\">\r\n <h2><small>meet<\/small>pawada<\/h2>\r\n <p>\r\n Made for Malaysian homes and everyday meals, Pawada creates sauces,\r\n pepper products and pantry favourites that bring richer taste to the table.\r\n Started in Sarawak. Cooked for the whole family.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#story\" class=\"btn btn-yellow\" data-pwd-cta=\"meet_our_story\">our story<\/a>\r\n <\/div>\r\n\r\n <div class=\"float-pack\">SARAWAK PEPPER PACK<\/div>\r\n <\/div>\r\n\r\n <div class=\"meet-right\">\r\n <div class=\"face-circle\">P<\/div>\r\n <span class=\"ingredient ing-chili\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper\"><span class=\"berry\"><\/span><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"story\" id=\"story\">\r\n\r\n \r\n <article class=\"story__panel story__panel--red\" data-product=\"black-pepper-sauce\" data-audience=\"b2c\" data-panel=\"0\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 01 \u00b7 where it began<\/span>\r\n <h2 class=\"story__title\">a recipe from <em>the highlands.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Pawada starts in Sarawak, where black peppercorns grow on misty hillsides\r\n and family kitchens still smell like slow-cooked sauce on a Sunday.\r\n That's where the recipe was born \u2014 long before there was a bottle to put it in.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_black-pepper-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"black-pepper-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Black<br>Pepper<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-pepper\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-chili\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--cream\" data-product=\"chili-sauce\" data-audience=\"b2c\" data-panel=\"1\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 02 \u00b7 the family recipe<\/span>\r\n <h2 class=\"story__title\">slow-cooked, <em>the way mum did it.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Generations later, the way we make sauce hasn't really changed.\r\n Fresh tropical chilies, ground and fermented patiently. No shortcuts \u2014\r\n because shortcuts taste like shortcuts.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_chili-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"chili-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Chili<br>Sauce<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-chili s1\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-chili s2\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--yellow\" data-product=\"tomato-sauce\" data-audience=\"b2c\" data-panel=\"2\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 03 \u00b7 from kitchen to table<\/span>\r\n <h2 class=\"story__title\">we made it for <em>real meals.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Real tomatoes, gentle spices, no fillers. The bottle the kids reach for at breakfast,\r\n the splash that turns a regular Tuesday dinner into seconds-please.\r\n Made for Malaysian tables \u2014 because that's the table we set first.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_tomato-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"tomato-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Sos<br>Tomato<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-leaf s1\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf s2\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--red\" data-product=\"vinegar\" data-audience=\"b2c\" data-panel=\"3\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 04 \u00b7 honest ingredients<\/span>\r\n <h2 class=\"story__title\">nothing in here that <em>shouldn't be.<\/em><\/h2>\r\n <p class=\"story__body\">\r\n Naturally fermented vinegar. Real chilies. Peppercorns from a place we can point to on a map.\r\n We don't pad the recipe with things you can't pronounce. The list is short for a reason.\r\n <\/p>\r\n <a href=\"#products\" class=\"btn btn-yellow\" data-pwd-cta=\"story_shop_vinegar\">shop on shopee<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"vinegar\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cuka<br>Vinegar<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-lime\"><span class=\"wedge\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--brown\" data-product=\"cooking-ingredient-a\" data-audience=\"b2b\" data-panel=\"4\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 05 \u00b7 scaling, carefully<\/span>\r\n <h2 class=\"story__title\">Bigger kitchens. Same recipe.<\/h2>\r\n <p class=\"story__body\">\r\n When restaurants started asking for our sauces by the case, we made one promise:\r\n we don't water it down to fill more bottles. The recipe that works at home\r\n works in a hotel kitchen, a kopitiam, a central kitchen \u2014 the same way, every time.\r\n <\/p>\r\n <a href=\"#b2b\" class=\"btn btn-yellow\" data-pwd-cta=\"story_request_catalogue\">request catalogue<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"cooking-ingredient-a\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cooking<br>Ingredient<br>A<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-pepper s1\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper s2\"><span class=\"berry\"><\/span><\/span>\r\n <span class=\"ingredient ing-garlic\"><span class=\"clove\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"story__panel story__panel--dark\" data-product=\"cooking-ingredient-b\" data-audience=\"b2b\" data-panel=\"5\">\r\n <div class=\"story__copy\">\r\n <span class=\"story__kicker\">chapter 06 \u00b7 sarawak to the world<\/span>\r\n <h2 class=\"story__title\">From a family kitchen to distributors and exporters.<\/h2>\r\n <p class=\"story__body\">\r\n What started as a recipe at home is now on shelves, in restaurants, and increasingly,\r\n on its way overseas. Bulk packaging, MOQ-ready, certifications in order.\r\n Built for distributors who care where their suppliers come from.\r\n <\/p>\r\n <a href=\"#b2b\" class=\"btn btn-yellow\" data-pwd-cta=\"story_bulk_enquiry\">bulk enquiry<\/a>\r\n <\/div>\r\n <div class=\"story__stage\">\r\n <div class=\"story__shadow\"><\/div>\r\n <div class=\"story__bottle-wrap\">\r\n <div class=\"bottle\" data-pwd-product=\"cooking-ingredient-b\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Cooking<br>Ingredient<br>B<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <span class=\"ingredient ing-leaf\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper\"><span class=\"berry\"><\/span><\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/section>\r\n\r\n \r\n <section class=\"icon-strip\">\r\n <div class=\"container icon-row\">\r\n <div class=\"icon-item\">sauces<\/div>\r\n <div class=\"icon-item\">pepper<\/div>\r\n <div class=\"icon-item\">canned food<\/div>\r\n <div class=\"icon-item\">condiments<\/div>\r\n <div class=\"icon-item\">bulk supply<\/div>\r\n <div class=\"icon-item\">catalogue<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"products\" id=\"products\">\r\n <span class=\"ingredient ing-chili scatter1\"><span class=\"body\"><\/span><span class=\"stem\"><\/span><\/span>\r\n <span class=\"ingredient ing-leaf scatter1\"><span class=\"blade\"><\/span><\/span>\r\n <span class=\"ingredient ing-pepper scatter1\"><span class=\"berry\"><\/span><\/span>\r\n\r\n <div class=\"container\">\r\n <h2>all products<\/h2>\r\n\r\n <div class=\"product-grid\">\r\n\r\n <div class=\"product-card\">\r\n <div class=\"portal red\">\r\n <div class=\"mini-product\" data-product=\"black-pepper-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Black<br>Pepper<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <small>hot sauce<\/small>\r\n <h3>Sarawak Black Pepper Sauce<\/h3>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"shop-btn\"\r\n data-pwd-cta=\"shopee_outbound\" data-pwd-product=\"black-pepper-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"portal orange\">\r\n <div class=\"mini-product\" data-product=\"tomato-sauce\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Sos<br>Tomato<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <small>family favourite<\/small>\r\n <h3>Pawada Tomato Sauce<\/h3>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"shop-btn\"\r\n data-pwd-cta=\"shopee_outbound\" data-pwd-product=\"tomato-sauce\">shop on shopee<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"portal teal\">\r\n <div class=\"mini-product\" data-product=\"vegan-corned\">\r\n <div class=\"bottle__body\">\r\n <div class=\"bottle__neck\"><\/div>\r\n <div class=\"bottle__label\">\r\n <div class=\"bottle__label-brand\">Pawada<\/div>\r\n <div class=\"bottle__label-product\">Vegan<br>Corned<\/div>\r\n <div class=\"bottle__label-accent\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottle__cap\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <small>pantry item<\/small>\r\n <h3>Vegan Corned Beef<\/h3>\r\n <a href=\"https:\/\/shopee.com.my\" target=\"_blank\" rel=\"noopener\" class=\"shop-btn\"\r\n data-pwd-cta=\"shopee_outbound\" data-pwd-product=\"vegan-corned\">shop on shopee<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"why-pawada\" id=\"why-pawada\">\r\n <div class=\"container\">\r\n <div class=\"why-pawada__head\">\r\n <span class=\"why-pawada__kicker\">why pawada<\/span>\r\n <h2 class=\"why-pawada__title\">four reasons your kitchen <em>keeps reaching for it.<\/em><\/h2>\r\n <\/div>\r\n\r\n <div class=\"pillars\">\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\ud83c\udf36\ufe0f<\/div>\r\n <h3>Sarawak Heritage<\/h3>\r\n <p>Made with peppercorns from the highlands of Sarawak \u2014 the source matters, and we taste it.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\ud83d\udc68\u200d\ud83c\udf73<\/div>\r\n <h3>Family Recipe<\/h3>\r\n <p>Slow-cooked the way our family has done it for decades. No shortcuts, no fillers.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\u2713<\/div>\r\n <h3>Halal Certified<\/h3>\r\n <p>HALAL, ISO 9002, and SIRIM standard \u2014 the same quality whether you're at home or in a restaurant.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pillar\">\r\n <div class=\"pillar__icon\">\ud83c\udf73<\/div>\r\n <h3>Built for Real Cooking<\/h3>\r\n <p>From kopitiams to home kitchens to fine dining \u2014 Pawada earns a spot on the table.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"b2b\" id=\"b2b\">\r\n <div class=\"container b2b-grid\">\r\n <div>\r\n <div class=\"kicker\">for restaurants & distributors<\/div>\r\n <h2>built for professional kitchens.<\/h2>\r\n <p>\r\n Pawada supports retailers, restaurants, distributors and food operators\r\n looking for consistent supply, product variety and Malaysian-made quality.\r\n <\/p>\r\n\r\n <div class=\"cert-row\" data-pwd-track-view=\"certification_view\">\r\n <span class=\"cert-badge\">HALAL Certified<\/span>\r\n <span class=\"cert-badge\">ISO 9002<\/span>\r\n <span class=\"cert-badge\">SIRIM Standard<\/span>\r\n <\/div>\r\n\r\n <div class=\"btn-row\">\r\n <a href=\"#\" class=\"btn btn-yellow\" data-pwd-cta=\"b2b_request_catalogue\">request catalogue<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\" data-pwd-cta=\"b2b_bulk_enquiry\">bulk enquiry<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-panel\">\r\n\r\n <div class=\"b2b-item\">\r\n <div class=\"b2b-item__icon\">\ud83d\udce6<\/div>\r\n <strong>Bulk Supply & MOQ<\/strong><br>\r\n Wholesale packaging suited for restaurants, retail and procurement teams.\r\n <div class=\"b2b-item__meta\">\r\n <span class=\"b2b-item__meta-pill\">MOQ: on request<\/span>\r\n <span class=\"b2b-item__meta-pill\">Lead time: on request<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-item\">\r\n <div class=\"b2b-item__icon\">\ud83d\udee1\ufe0f<\/div>\r\n <strong>Certifications & Compliance<\/strong><br>\r\n HALAL, ISO 9002, SIRIM \u2014 documentation available on request for procurement teams.\r\n <div class=\"b2b-item__meta\">\r\n <span class=\"b2b-item__meta-pill\">HALAL<\/span>\r\n <span class=\"b2b-item__meta-pill\">ISO 9002<\/span>\r\n <span class=\"b2b-item__meta-pill\">SIRIM<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"b2b-item\">\r\n <div class=\"b2b-item__icon\">\ud83c\udf0d<\/div>\r\n <strong>Distributor & Export<\/strong><br>\r\n Working with retailers across Malaysia. Open to distribution partners and export opportunities.\r\n <div class=\"b2b-item__meta\">\r\n <span class=\"b2b-item__meta-pill\">Malaysia-wide<\/span>\r\n <span class=\"b2b-item__meta-pill\">Export ready<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"social\">\r\n <div class=\"container\">\r\n <div class=\"social-head\">\r\n <span>\u25cf<\/span><span>\u25cf<\/span><span>\u25cf<\/span>\r\n <strong>see pawada in action<\/strong>\r\n <\/div>\r\n\r\n <div class=\"social-grid\">\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <div class=\"social-tile\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\" id=\"contact\">\r\n <div class=\"container footer-grid\">\r\n <div>\r\n <h3>subscribe<\/h3>\r\n <div class=\"input-pill\" data-pwd-cta=\"footer_subscribe\">your email here \u2192<\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-logo\">PAWADA<\/div>\r\n\r\n <div>\r\n <h3>find pawada<\/h3>\r\n <div class=\"input-pill\" data-pwd-cta=\"footer_catalogue\">shop \/ catalogue \u2192<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\n \/\/ ============== TRACKING LAYER STUB ==============\r\n \/\/ Real implementation comes later (sends events to Google Apps Script).\r\n \/\/ For now, log to console so the user can verify events fire correctly.\r\n window.PawadaTrack = window.PawadaTrack || function(eventName, payload){\r\n try {\r\n console.log('[Pawada]', eventName, payload || {});\r\n } catch(e){}\r\n };\r\n\r\n function track(name, payload){\r\n try { window.PawadaTrack(name, payload || {}); } catch(e){}\r\n }\r\n\r\n \/\/ ============== PAGE VIEW + UTM CAPTURE ==============\r\n function getUTM(){\r\n var p = new URLSearchParams(window.location.search);\r\n return {\r\n utm_source: p.get('utm_source') || '',\r\n utm_medium: p.get('utm_medium') || '',\r\n utm_campaign: p.get('utm_campaign') || '',\r\n utm_term: p.get('utm_term') || '',\r\n utm_content: p.get('utm_content') || '',\r\n referrer: document.referrer || '(direct)',\r\n landing_path: window.location.pathname\r\n };\r\n }\r\n\r\n track('page_view', getUTM());\r\n\r\n \/\/ ============== TIME ON PAGE ==============\r\n var pageEnter = Date.now();\r\n window.addEventListener('beforeunload', function(){\r\n var seconds = Math.round((Date.now() - pageEnter) \/ 1000);\r\n track('time_on_page', { seconds: seconds });\r\n });\r\n\r\n \/\/ ============== CTA + PRODUCT CLICK TRACKING ==============\r\n document.addEventListener('click', function(e){\r\n var ctaEl = e.target.closest('[data-pwd-cta]');\r\n if (ctaEl){\r\n var payload = {\r\n cta: ctaEl.getAttribute('data-pwd-cta'),\r\n text: (ctaEl.textContent || '').trim().substring(0, 60),\r\n href: ctaEl.getAttribute('href') || ''\r\n };\r\n var prod = ctaEl.getAttribute('data-pwd-product');\r\n if (prod) payload.product = prod;\r\n var recipe = ctaEl.getAttribute('data-pwd-recipe');\r\n if (recipe) payload.recipe = recipe;\r\n track('cta_click', payload);\r\n\r\n \/\/ Fire a specific recipe_card_click event too so it's easy to query\r\n if (ctaEl.getAttribute('data-pwd-cta') === 'recipe_card_click' && recipe){\r\n track('recipe_card_click', { recipe: recipe });\r\n }\r\n }\r\n\r\n var prodEl = e.target.closest('[data-pwd-product]');\r\n if (prodEl && !ctaEl){\r\n track('product_interaction', {\r\n product: prodEl.getAttribute('data-pwd-product'),\r\n kind: 'click'\r\n });\r\n }\r\n }, true);\r\n\r\n \/\/ ============== GSAP SCROLL ANIMATIONS ==============\r\n function init(){\r\n if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined'){\r\n return setTimeout(init, 50);\r\n }\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if (prefersReducedMotion){\r\n \/\/ Show everything immediately\r\n document.querySelectorAll('.story__copy, .story__bottle-wrap, .story__stage .ingredient')\r\n .forEach(function(el){ el.classList.add('is-in'); });\r\n return;\r\n }\r\n\r\n \/\/ ----- Story panel scroll-in animations -----\r\n document.querySelectorAll('.story__panel').forEach(function(panel, panelIndex){\r\n var copy = panel.querySelector('.story__copy');\r\n var bottle = panel.querySelector('.story__bottle-wrap');\r\n var ings = panel.querySelectorAll('.story__stage .ingredient');\r\n\r\n ScrollTrigger.create({\r\n trigger: panel,\r\n start: 'top 70%',\r\n onEnter: function(){\r\n if (copy) copy.classList.add('is-in');\r\n if (bottle) bottle.classList.add('is-in');\r\n ings.forEach(function(ing, i){\r\n setTimeout(function(){ ing.classList.add('is-in'); }, 150 + i * 80);\r\n });\r\n\r\n \/\/ Fire panel_view tracking event\r\n track('panel_view', {\r\n section: 'brand_story',\r\n panel_index: panelIndex,\r\n product: panel.getAttribute('data-product'),\r\n audience: panel.getAttribute('data-audience')\r\n });\r\n },\r\n onLeaveBack: function(){\r\n if (copy) copy.classList.remove('is-in');\r\n if (bottle) bottle.classList.remove('is-in');\r\n ings.forEach(function(ing){ ing.classList.remove('is-in'); });\r\n }\r\n });\r\n\r\n \/\/ Parallax-ish gentle drift on bottle as panel scrolls\r\n if (bottle){\r\n gsap.to(bottle, {\r\n y: -40,\r\n ease: 'none',\r\n scrollTrigger: {\r\n trigger: panel,\r\n start: 'top bottom',\r\n end: 'bottom top',\r\n scrub: true\r\n }\r\n });\r\n }\r\n\r\n \/\/ Ingredients drift opposite direction (parallax depth feel)\r\n ings.forEach(function(ing, i){\r\n var direction = (i % 2 === 0) ? 30 : -30;\r\n gsap.to(ing, {\r\n y: direction,\r\n rotation: '+=' + ((i % 2 === 0) ? 8 : -8),\r\n ease: 'none',\r\n scrollTrigger: {\r\n trigger: panel,\r\n start: 'top bottom',\r\n end: 'bottom top',\r\n scrub: true\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ----- Scroll depth tracking for whole story section -----\r\n var story = document.getElementById('story');\r\n if (story){\r\n var depthMarks = [25, 50, 75, 100];\r\n var firedDepths = {};\r\n ScrollTrigger.create({\r\n trigger: story,\r\n start: 'top top',\r\n end: 'bottom bottom',\r\n onUpdate: function(self){\r\n var pct = Math.round(self.progress * 100);\r\n depthMarks.forEach(function(mark){\r\n if (pct >= mark && !firedDepths[mark]){\r\n firedDepths[mark] = true;\r\n track('story_scroll_depth', { section: 'brand_story', depth: mark });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n \/\/ ----- Section view tracking for Why Pawada and certifications -----\r\n function trackSectionView(selector, eventName, payload){\r\n var el = document.querySelector(selector);\r\n if (!el) return;\r\n var fired = false;\r\n ScrollTrigger.create({\r\n trigger: el,\r\n start: 'top 75%',\r\n onEnter: function(){\r\n if (fired) return;\r\n fired = true;\r\n track(eventName, payload || {});\r\n }\r\n });\r\n }\r\n\r\n trackSectionView('#why-pawada', 'section_view', { section: 'why_pawada' });\r\n trackSectionView('#featured-recipes', 'section_view', { section: 'featured_recipes' });\r\n trackSectionView('[data-pwd-track-view=\"certification_view\"]', 'certification_view', { certs: ['HALAL','ISO 9002','SIRIM'] });\r\n\r\n \/\/ ----- Hero bottles: gentle floating idle animation -----\r\n gsap.to('.hero__slide.is-active .hero__bottle-wrap .bottle', { y: -10, duration: 3.4, ease: 'sine.inOut', yoyo: true, repeat: -1 });\r\n }\r\n\r\n \/\/ ============== HERO CAROUSEL ==============\r\n function initCarousel(){\r\n var track = document.getElementById('hero-track');\r\n if (!track) return;\r\n\r\n var slides = track.querySelectorAll('.hero__slide');\r\n var prev = document.getElementById('hero-prev');\r\n var next = document.getElementById('hero-next');\r\n var counter = document.getElementById('hero-current');\r\n if (!slides.length || !prev || !next) return;\r\n\r\n var current = 0;\r\n var total = slides.length;\r\n\r\n function pad(n){ return n < 10 ? '0' + n : '' + n; }\r\n\r\n function show(index, direction){\r\n \/\/ Wrap around (looping)\r\n if (index < 0) index = total - 1;\r\n if (index >= total) index = 0;\r\n\r\n slides.forEach(function(s, i){\r\n s.classList.toggle('is-active', i === index);\r\n });\r\n\r\n if (counter) counter.textContent = pad(index + 1);\r\n current = index;\r\n\r\n \/\/ Fire tracking event for this slide\r\n var slide = slides[index];\r\n track('hero_slide_view', {\r\n slide_index: index + 1,\r\n product: slide.getAttribute('data-pwd-product'),\r\n recipe: slide.getAttribute('data-pwd-recipe'),\r\n direction: direction || 'init'\r\n });\r\n }\r\n\r\n prev.addEventListener('click', function(){ show(current - 1, 'prev'); });\r\n next.addEventListener('click', function(){ show(current + 1, 'next'); });\r\n\r\n \/\/ Keyboard navigation (left\/right arrows)\r\n document.addEventListener('keydown', function(e){\r\n \/\/ Only act if hero is in viewport (so it doesn't hijack scrolling elsewhere)\r\n var heroRect = document.getElementById('hero').getBoundingClientRect();\r\n var heroInView = heroRect.bottom > 0 && heroRect.top < window.innerHeight;\r\n if (!heroInView) return;\r\n\r\n if (e.key === 'ArrowLeft'){ show(current - 1, 'keyboard_prev'); }\r\n else if (e.key === 'ArrowRight'){ show(current + 1, 'keyboard_next'); }\r\n });\r\n\r\n \/\/ Fire initial slide_view for slide 1\r\n track('hero_slide_view', {\r\n slide_index: 1,\r\n product: slides[0].getAttribute('data-pwd-product'),\r\n recipe: slides[0].getAttribute('data-pwd-recipe'),\r\n direction: 'init'\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading'){\r\n document.addEventListener('DOMContentLoaded', function(){\r\n init();\r\n initCarousel();\r\n });\r\n } else {\r\n init();\r\n initCarousel();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Pawada \u2014 every meal deserves more kick PAWADA recipes products why pawada business contact \u2022\u2022\u2022 today’s pick \u23f1 25 min black pepper chicken rice bowl. Hot rice, glossy Sarawak pepper sauce, tender chicken \u2014 ready faster than delivery. see recipe shop on shopee dish photo Pawada BlackPepperSauce family favourite \u23f1 15 min saucy tomato fried […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":1,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/pawada.seo-ku.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}