:root{--orange-950:#4b1908;--orange-800:#8f2f0b;--orange-700:#c44812;--orange-600:#f26a21;--orange-300:#ffb56d;--orange-100:#fff0df;--cream:#fffaf3;--mint:#e2f2db;--ink:#2a160d;--muted:#735a4b;--line:rgba(143,47,11,0.16);--shadow:0 18px 50px rgba(100,38,6,0.12);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Kanit","Noto Sans Thai","Tahoma",sans-serif;line-height:1.75;}img{display:block;max-width:100%;height:auto;}a{color:inherit;text-decoration:none;}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;padding:0.75rem 1rem;background:var(--orange-950);color:white;}.skip-link:focus{top:1rem;}.site-header{position:sticky;top:0;z-index:5;background:rgba(255,250,243,0.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}.topbar{display:flex;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;padding:0.45rem 1.25rem;color:var(--muted);font-size:0.9rem;}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:0.8rem 1.25rem;}.brand{display:inline-flex;align-items:center;gap:0.65rem;font-weight:800;color:var(--orange-800);font-size:1.15rem;}.brand img{width:48px;height:48px;object-fit:contain;}.nav-links{display:flex;align-items:center;gap:1rem;color:var(--muted);font-weight:600;}.nav-links a{padding:0.45rem 0.2rem;}.nav-links a:hover{color:var(--orange-700);}.nav-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:white;color:var(--orange-800);padding:0.55rem 0.9rem;font:inherit;font-weight:700;}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,0.95fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1180px;min-height:calc(100vh - 100px);margin:0 auto;padding:clamp(3rem,7vw,6rem) 1.25rem 3rem;background:radial-gradient(circle at 10% 20%,rgba(255,181,109,0.35),transparent 28%),linear-gradient(135deg,rgba(255,240,223,0.8),rgba(226,242,219,0.35));}.eyebrow{margin:0 0 0.75rem;color:var(--orange-700);font-size:0.9rem;font-weight:800;letter-spacing:0;text-transform:uppercase;}.eyebrow.light{color:#ffe0bd;}h1,h2,h3,p{overflow-wrap:anywhere;}h1{max-width:760px;margin:0;font-size:clamp(2.25rem,6vw,4.8rem);line-height:1.08;color:var(--orange-950);}h2{margin:0;font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.2;color:var(--orange-950);}h3{margin:0 0 0.45rem;font-size:1.18rem;line-height:1.35;color:var(--orange-800);}.lead{max-width:680px;margin:1.25rem 0 0;color:var(--muted);font-size:1.15rem;}.hero-actions{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:2rem;}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:0.8rem 1.2rem;font-weight:800;transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease,color 0.18s ease,border-color 0.18s ease;}.button.primary{background:linear-gradient(135deg,var(--orange-700),var(--orange-600));color:white;box-shadow:0 12px 26px rgba(196,72,18,0.24);}.button.primary:hover{background:linear-gradient(135deg,#ff7a1a,var(--orange-700));color:white;transform:translateY(-1px);box-shadow:0 16px 30px rgba(196,72,18,0.32);}.button.ghost{border:1px solid var(--line);background:rgba(255,255,255,0.72);color:var(--orange-800);}.button.ghost:hover{border-color:rgba(196,72,18,0.36);background:#fff7ed;color:var(--orange-950);}.button:focus-visible,.section-store-link:focus-visible,.banner-controls button:focus-visible{outline:3px solid rgba(255,122,26,0.42);outline-offset:3px;}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.8rem;margin:2rem 0 0;}.hero-stats div{border:1px solid var(--line);border-radius:8px;padding:0.9rem;background:rgba(255,255,255,0.7);}.hero-stats dt{color:var(--orange-700);font-size:1.35rem;font-weight:900;}.hero-stats dd{margin:0;color:var(--muted);font-size:0.95rem;}.hero-media{display:grid;gap:0.65rem;margin:0;}.hero-media img{width:100%;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:8px;background:white;box-shadow:var(--shadow);}.hero-media figcaption{border-radius:8px;padding:0.8rem 1rem;border:1px solid rgba(196,72,18,0.18);background:rgba(255,247,237,0.92);color:var(--orange-950);font-weight:700;line-height:1.45;box-shadow:0 10px 24px rgba(93,37,13,0.08);}.banner-slider{position:relative;max-width:1180px;margin:0 auto;padding:0 1.25rem 2.5rem;}.banner-track{position:relative;min-height:360px;overflow:hidden;border-radius:8px;background:var(--orange-950);box-shadow:var(--shadow);}.banner-slide{display:none;grid-template-columns:minmax(260px,0.62fr) minmax(0,1fr);gap:1.5rem;align-items:center;min-height:360px;padding:1.25rem;color:white;}.banner-slide.is-active{display:grid;}.banner-slide img{width:100%;max-height:430px;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff7ed;}.banner-copy{max-width:560px;}.banner-copy h2{color:white;}.banner-copy p:not(.eyebrow){color:#ffe7d2;}.banner-controls{position:absolute;right:2rem;bottom:3rem;display:flex;gap:0.5rem;}.banner-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,0.22);border-radius:8px;background:rgba(255,255,255,0.16);color:white;font-size:1.6rem;cursor:pointer;transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,transform 0.18s ease;}.banner-controls button:hover{border-color:#fff7ed;background:#fff7ed;color:var(--orange-950);transform:translateY(-1px);}.section{max-width:1180px;margin:0 auto;padding:clamp(3.25rem,7vw,5.5rem) 1.25rem;}.section-heading{max-width:850px;margin-bottom:2rem;}#products .section-heading{max-width:1020px;}#products .section-heading h2{font-size:clamp(1.75rem,2.45vw,2.35rem);overflow-wrap:normal;}@media (min-width:960px){#products.product-title-nowrap .section-heading h2{white-space:nowrap;}}.section-heading p:last-of-type,.intro>p{color:var(--muted);font-size:1.05rem;}.section-store-link{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:44px;margin-top:1rem;padding:0.78rem 1rem;border-radius:8px;border:1px solid transparent;background:var(--brown);color:white;font-weight:800;line-height:1.2;box-shadow:0 12px 24px rgba(100,38,6,0.15);transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease,color 0.18s ease,border-color 0.18s ease;}.section-store-link svg{width:1.05rem;height:1.05rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;}.section-store-link:hover{background:var(--orange-700);color:white;transform:translateY(-1px);box-shadow:0 16px 30px rgba(196,72,18,0.25);}.floating-shopee{position:fixed;right:max(1rem,calc((100vw - 1180px) / 2 + 1rem));bottom:1.15rem;z-index:90;display:inline-flex;align-items:center;gap:0.65rem;min-height:58px;padding:0.75rem 1rem 0.75rem 0.85rem;border:2px solid rgba(255,255,255,0.68);border-radius:999px;background:linear-gradient(135deg,#ff6d21,#d93f12);color:white;text-decoration:none;box-shadow:0 18px 42px rgba(138,43,9,0.34);transform:translateZ(0);transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;}.floating-shopee svg{width:1.55rem;height:1.55rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;}.floating-shopee span{display:grid;gap:0.05rem;line-height:1.05;}.floating-shopee small{color:#ffe8d5;font-size:0.72rem;font-weight:800;}.floating-shopee strong{color:white;font-size:1.05rem;font-weight:900;}.floating-shopee:hover,.floating-shopee:focus-visible{background:linear-gradient(135deg,#ff8a2a,#b92f0b);color:white;transform:translateY(-2px);box-shadow:0 22px 48px rgba(138,43,9,0.44);}.banner-slide .section-store-link{min-height:50px;padding:0.85rem 1.15rem;border-color:rgba(255,255,255,0.25);background:linear-gradient(135deg,#ff7a1a,var(--orange-700));color:white;box-shadow:0 16px 30px rgba(0,0,0,0.28);}.banner-slide .section-store-link::after{content:"›";display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(255,255,255,0.18);color:currentColor;font-size:1.25rem;line-height:1;}.banner-slide .section-store-link:hover{border-color:#fff7ed;background:#fff7ed;color:var(--orange-950);box-shadow:0 18px 34px rgba(0,0,0,0.34);}.banner-slide .section-store-link:hover::after{background:var(--orange-700);color:white;}.intro{display:grid;grid-template-columns:minmax(260px,0.75fr) 1fr;gap:2rem;}.service-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}.service-card,.product-card{border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 8px 28px rgba(100,38,6,0.07);}.service-card{padding:1.2rem;}.service-card img{width:58px;height:58px;margin-bottom:1rem;object-fit:contain;}.service-card h2{font-size:clamp(1.45rem,2.15vw,2rem);line-height:1.18;overflow-wrap:normal;text-wrap:balance;}.service-card p,.product-card p,.steps p,.faq p,.contact p,.footer p{margin:0;color:var(--muted);}.brand-band{position:relative;display:grid;grid-template-columns:minmax(0,0.92fr) minmax(320px,0.58fr);gap:clamp(1.5rem,3.2vw,3rem);align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(94,24,5,0.95),rgba(173,66,25,0.92) 52%,rgba(242,144,76,0.86)),url("assets/oemfoods/namprik-oem-promo.jpg") center / cover;color:white;width:min(100% - 2rem,1180px);margin:clamp(3.25rem,6vw,5rem) auto;border-radius:8px;padding:clamp(2.25rem,4.6vw,4rem);box-shadow:0 26px 60px rgba(100,38,6,0.16);}.brand-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,0.08) 0 1px,transparent 1px 48px),linear-gradient(180deg,rgba(255,246,232,0.12),transparent 42%);mix-blend-mode:screen;}.brand-band>*{position:relative;z-index:1;}.brand-band-copy{max-width:670px;}.brand-logo-pill{display:inline-flex;align-items:center;gap:0.7rem;margin-bottom:1.1rem;padding:0.45rem 0.85rem 0.45rem 0.48rem;border:1px solid rgba(255,255,255,0.25);border-radius:999px;background:rgba(255,255,255,0.14);color:#fff7ed;font-weight:900;}.brand-logo-pill img{width:44px;height:44px;border-radius:50%;background:white;object-fit:contain;padding:0.22rem;}.brand-band h2{color:white;max-width:700px;font-size:clamp(2rem,3.65vw,3.35rem);line-height:1.12;text-wrap:balance;}.brand-band p{color:#fff7ed;font-size:1.08rem;max-width:64ch;}.brand-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem;margin-top:1.5rem;}.brand-stat-row span{min-width:0;border:1px solid rgba(255,255,255,0.22);border-radius:8px;padding:0.9rem;background:rgba(255,255,255,0.13);}.brand-stat-row strong,.brand-stat-row small{display:block;}.brand-stat-row strong{color:white;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.1;}.brand-stat-row small{margin-top:0.25rem;color:#ffe8d0;font-weight:700;}.brand-feature-board{display:grid;gap:0.9rem;min-width:0;align-self:stretch;align-content:center;}.brand-feature-head{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0.85rem;border:1px solid rgba(255,255,255,0.24);border-radius:8px;padding:1rem;background:rgba(255,255,255,0.16);}.brand-feature-head img{width:64px;height:64px;object-fit:contain;}.brand-feature-head strong,.brand-feature-head span{display:block;}.brand-feature-head strong{color:white;font-size:1.2rem;}.brand-feature-head span{color:#ffe8d0;font-weight:700;}.check-list{display:grid;gap:0.7rem;margin:0;padding:0;list-style:none;}.check-list li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:0.8rem;border:1px solid rgba(255,255,255,0.28);border-radius:8px;padding:0.8rem 0.9rem;background:rgba(255,255,255,0.12);font-weight:700;line-height:1.35;}.check-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#fff7ed;color:var(--orange-800);}.check-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;}.product-card{overflow:hidden;}.product-card img{width:100%;aspect-ratio:1;object-fit:contain;padding:0.55rem;background:#fff7ed;}.product-card h3{padding:1rem;}.shopee-products{max-width:none;padding-left:max(1.25rem,calc((100vw - 1180px) / 2 + 1.25rem));padding-right:max(1.25rem,calc((100vw - 1180px) / 2 + 1.25rem));background:linear-gradient(180deg,#fff7ed 0%,#fff1df 100%);}.shopee-products .section-heading{max-width:760px;}.shopee-store-link{background:#ee4d2d;box-shadow:0 12px 26px rgba(238,77,45,0.22);}.shopee-store-link:hover{background:#d83b1d;}.shop-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.9rem;}.shop-product-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 10px 30px rgba(100,38,6,0.08);}.shop-product-image{display:block;background:#fff7ed;}.shop-product-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:0.55rem;}.shop-product-copy{display:flex;flex:1;flex-direction:column;gap:0.65rem;padding:0.9rem;}.shop-product-copy h2,.shop-product-copy h3{min-height:3.2rem;margin:0;color:var(--brown-900);font-size:clamp(1.15rem,1.75vw,1.55rem);line-height:1.22;overflow-wrap:normal;text-wrap:balance;}.shop-product-copy p{margin:0;color:var(--muted);font-size:0.92rem;}.shop-product-badge{display:inline-flex;align-items:center;width:fit-content;gap:0.35rem;border-radius:999px;padding:0.34rem 0.55rem;background:#fff1df;color:var(--orange-800);font-size:0.78rem;font-weight:900;}.shop-product-badge svg,.shop-product-actions a svg{flex:0 0 auto;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;}.shop-product-actions{display:grid;gap:0.65rem;margin-top:auto;}.shop-product-actions strong{color:var(--orange-800);font-size:0.95rem;}.shop-product-actions a{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;border-radius:8px;padding:0.68rem 0.75rem;background:linear-gradient(135deg,var(--orange-700),var(--orange-600));color:white;font-weight:900;text-decoration:none;}.blog-preview{background:#fffaf3;}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 10px 30px rgba(100,38,6,0.08);}.blog-card a{display:grid;color:inherit;text-decoration:none;}.blog-card img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#fff7ed;}.blog-card span{width:fit-content;margin:1rem 1rem 0;border-radius:999px;padding:0.32rem 0.65rem;background:#fff1df;color:var(--orange-800);font-size:0.82rem;font-weight:900;}.blog-card h2,.blog-card h3{margin:0;padding:0.75rem 1rem 0.35rem;font-size:1.15rem;}.blog-card p{margin:0;padding:0 1rem 1rem;color:var(--muted);}.blog-more-link{min-height:50px;margin-top:1.25rem;padding:0.85rem 1.15rem;border-color:rgba(196,72,18,0.28);background:linear-gradient(135deg,var(--orange-700),var(--orange-600));color:white;box-shadow:0 16px 30px rgba(196,72,18,0.22);}.blog-more-link::after{content:"›";display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(255,255,255,0.2);color:currentColor;font-size:1.25rem;line-height:1;}.blog-more-link:hover{border-color:var(--orange-950);background:var(--orange-950);color:white;box-shadow:0 18px 34px rgba(75,25,8,0.28);}.blog-more-link:hover::after{background:#fff7ed;color:var(--orange-950);}.certification{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,0.72fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);background:radial-gradient(circle at 18% 12%,rgba(255,181,109,0.24),transparent 34%),linear-gradient(135deg,#fffaf3 0%,#fff4e7 56%,#f7fff2 100%);border-top:1px solid rgba(143,47,11,0.1);border-bottom:1px solid rgba(143,47,11,0.1);}.certification-copy{max-width:720px;}.certification-copy h2{margin:0 0 1rem;font-size:clamp(1.85rem,3.6vw,3.15rem);line-height:1.16;color:var(--orange-950);}.certification-copy>p{max-width:64ch;margin:0 0 1.25rem;color:var(--muted);}.certification-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin:1.25rem 0;}.certification-facts div{min-height:96px;padding:0.9rem 1rem;border:1px solid rgba(15,118,83,0.18);border-radius:8px;background:rgba(255,255,255,0.74);box-shadow:0 10px 26px rgba(100,38,6,0.06);}.certification-facts dt{margin:0 0 0.3rem;color:#28724f;font-size:0.84rem;font-weight:800;}.certification-facts dd{margin:0;color:var(--orange-950);font-size:1.05rem;font-weight:900;overflow-wrap:anywhere;}.certification-note{position:relative;padding:0.85rem 1rem 0.85rem 1.2rem;border-left:4px solid #2f8a5f;border-radius:0 8px 8px 0;background:rgba(226,242,219,0.64);color:#3d503f;font-size:0.95rem;}.certification-document{margin:0;padding:0.85rem;border:1px solid rgba(143,47,11,0.18);border-radius:8px;background:rgba(255,255,255,0.82);box-shadow:0 24px 54px rgba(100,38,6,0.16);}.certification-document a{display:block;overflow:hidden;border-radius:6px;background:white;}.certification-document img{width:100%;max-height:620px;object-fit:contain;background:white;}.certification-document figcaption{padding:0.8rem 0.2rem 0.15rem;color:var(--muted);font-size:0.9rem;line-height:1.55;}.trust-evidence{background:#fffaf3;}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}.trust-card{display:flex;min-height:240px;flex-direction:column;gap:0.65rem;padding:1.15rem;border:1px solid rgba(143,47,11,0.16);border-radius:8px;background:white;color:inherit;text-decoration:none;box-shadow:0 16px 38px rgba(96,37,13,0.06);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;}.trust-card-image{margin:-0.25rem -0.25rem 0.2rem;overflow:hidden;border-radius:8px;background:#fff4e7;aspect-ratio:16 / 10;}.trust-card-image img{width:100%;height:100%;object-fit:cover;}.trust-card:hover{transform:translateY(-3px);border-color:rgba(242,106,33,0.42);box-shadow:0 20px 46px rgba(96,37,13,0.1);}.trust-card span{width:fit-content;border-radius:999px;padding:0.25rem 0.62rem;background:#fff1e5;color:#b44916;font-size:0.82rem;font-weight:900;}.trust-card h3{margin:0;color:var(--brown-900);font-size:1.18rem;line-height:1.35;}.trust-card p{margin:0;color:var(--muted);}.trust-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem;margin-top:1.25rem;}.trust-links a{border-radius:999px;padding:0.55rem 0.85rem;background:#7c3b24;color:white;font-weight:900;text-decoration:none;}.trust-links a:hover{background:var(--orange-500);}.testimonials{background:linear-gradient(180deg,#fffaf3,#fff3e4);}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}.testimonial-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 12px 34px rgba(100,38,6,0.08);}.testimonial-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;}.testimonial-card div{padding:1rem;}.testimonial-card span{display:inline-flex;margin-bottom:0.55rem;border-radius:999px;padding:0.25rem 0.65rem;background:#fff2df;color:var(--orange-800);font-size:0.86rem;font-weight:900;}.testimonial-card h3{margin:0 0 0.45rem;color:var(--brown-900);}.testimonial-card p{margin:0;}.section-note{max-width:900px;margin:0.85rem auto 0;color:var(--muted);font-size:0.92rem;}.article-page{max-width:880px;margin:0 auto;}.article-page h1{max-width:820px;}.article-excerpt{color:var(--muted);font-size:1.12rem;}.article-faq{margin-top:2rem;}.article-faq h2{margin-bottom:1rem;color:var(--brown-900);}.article-cover{display:block;width:100%;margin:1.5rem 0;border-radius:8px;object-fit:cover;box-shadow:var(--shadow);}.article-page p:not(.eyebrow):not(.article-excerpt){color:var(--text);font-size:1.06rem;line-height:1.9;}.article-page h2,.article-page h3{margin:1.7rem 0 0.8rem;color:var(--brown-900);}.article-page ul,.article-page ol{margin:0.8rem 0 1.25rem;padding-left:1.35rem;color:var(--text);font-size:1.04rem;line-height:1.85;}.article-page blockquote{margin:1.2rem 0;border-left:5px solid var(--orange-500);border-radius:8px;padding:1rem 1.15rem;background:#fff3e6;color:var(--brown-800);}.article-page blockquote p{margin:0;}.article-related{margin:2rem 0 1.25rem;padding:1.1rem;border:1px solid var(--border);border-radius:8px;background:#fffaf4;}.article-related h2{margin:0 0 0.8rem;color:var(--brown-900);font-size:1.18rem;}.article-related div{display:flex;flex-wrap:wrap;gap:0.6rem;}.article-related a{border-radius:999px;padding:0.52rem 0.78rem;background:#fff1e5;color:var(--brown-900);font-weight:900;text-decoration:none;}.article-related a:hover{background:var(--orange-500);color:white;}.landing-page .section-heading{max-width:960px;}.landing-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;}.landing-content article,.landing-related{border:1px solid var(--border);border-radius:8px;background:#fffaf4;box-shadow:0 14px 36px rgba(96,37,13,0.07);}.landing-content article{padding:1.25rem;}.landing-content h2,.landing-related h2{margin:0 0 0.75rem;color:var(--brown-900);font-size:1.25rem;}.landing-content p{margin:0;color:var(--text);line-height:1.8;}.landing-related{display:flex;flex-wrap:wrap;align-items:center;gap:0.7rem;margin-top:1rem;padding:1rem 1.25rem;}.landing-related h2{flex-basis:100%;}.landing-related a{border-radius:999px;padding:0.55rem 0.8rem;background:#fff1e5;color:var(--brown-900);font-weight:800;text-decoration:none;}.landing-related a:hover{background:var(--orange-500);color:white;}.landing-faq{margin-top:1.5rem;}.article-table{width:100%;margin:1.25rem 0 1.6rem;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 10px 30px rgba(100,38,6,0.06);}.article-table table{width:100%;min-width:680px;border-collapse:collapse;}.article-table th,.article-table td{border-bottom:1px solid var(--line);padding:0.85rem 1rem;text-align:left;vertical-align:top;}.article-table th{background:#fff2df;color:var(--orange-900);font-weight:900;}.article-table tr:last-child td{border-bottom:0;}.article-actions{display:grid;gap:1rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);}.article-cta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:48px;border-radius:8px;padding:0.9rem 1.15rem;background:linear-gradient(135deg,var(--orange-800),var(--orange-600));color:white;font-weight:900;line-height:1.2;text-decoration:none;box-shadow:0 14px 30px rgba(154,53,16,0.22);}.article-cta:hover{color:white;background:var(--brown);}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:0.55rem;}.article-share span{color:var(--muted);font-weight:900;}.article-share a,.article-share button{border:1px solid rgba(154,53,16,0.18);border-radius:8px;min-height:40px;padding:0.62rem 0.78rem;background:white;color:var(--orange-800);font:inherit;font-weight:900;line-height:1.1;text-decoration:none;cursor:pointer;}.article-share a:hover,.article-share button:hover,.article-share button.is-copied{background:#fff1df;color:var(--brown);}.video-section{display:grid;grid-template-columns:minmax(260px,0.55fr) minmax(0,1fr);gap:2rem;align-items:center;}.video-frame,.video-embed{position:relative;overflow:hidden;border-radius:8px;background:#241007;box-shadow:var(--shadow);aspect-ratio:16 / 9;}.video-frame iframe,.video-embed iframe{display:block;width:100%;height:100%;border:0;}.video-play,.video-unmute{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:0;border-radius:8px;padding:0.9rem 1.2rem;background:linear-gradient(135deg,var(--orange-700),var(--orange-600));color:white;font:inherit;font-weight:900;cursor:pointer;}.video-frame.is-loaded .video-play{display:none;}.video-unmute{inset:auto 1rem 1rem auto;transform:none;box-shadow:0 16px 30px rgba(0,0,0,0.28);}.video-unmute:hover{background:#fff7ed;color:var(--orange-950);}.video-unmute.is-hidden{display:none;}.video-note{position:absolute;right:1rem;bottom:4.6rem;max-width:min(320px,calc(100% - 2rem));margin:0;border-radius:8px;padding:0.45rem 0.65rem;background:rgba(36,16,7,0.72);color:#fff7ed;font-size:0.82rem;line-height:1.45;}.video-unmute.is-hidden + .video-note{display:none;}.facebook-reel-section{display:grid;grid-template-columns:minmax(260px,0.85fr) minmax(280px,0.45fr);gap:2rem;align-items:center;background:linear-gradient(135deg,#fff7ed 0%,#fff 58%,#fff3e5 100%);}.facebook-reel-frame{justify-self:center;width:min(100%,310px);border-radius:8px;padding:0.75rem;background:#2a1007;box-shadow:var(--shadow);}.facebook-reel-frame iframe{display:block;width:100%;min-height:591px;border:0;border-radius:6px;background:#fff;}.campaign-grid{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,0.72fr));gap:1rem;}.campaign-grid figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:260px;margin:0;overflow:hidden;border-radius:8px;background:white;box-shadow:0 8px 28px rgba(100,38,6,0.07);}.campaign-grid img{width:100%;aspect-ratio:1;object-fit:contain;padding:0.55rem;background:#fff7ed;}.campaign-feature{grid-row:span 2;}.campaign-feature img{aspect-ratio:1 / 1.32;}.campaign-grid figcaption{align-self:end;min-height:48px;margin:0.65rem;border-radius:8px;padding:0.72rem 0.85rem;background:#7b4938;color:#fff7ed;font-weight:800;line-height:1.45;}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:steps;}.steps li{border-left:4px solid var(--orange-600);border-radius:8px;background:white;padding:1.15rem;box-shadow:0 8px 28px rgba(100,38,6,0.07);}.steps span{display:inline-block;margin-bottom:0.9rem;color:var(--orange-600);font-weight:900;}.faq-list{display:grid;gap:0.8rem;}details{border:1px solid var(--line);border-radius:8px;background:white;padding:1rem 1.15rem;}summary{cursor:pointer;color:var(--orange-800);font-weight:800;}details p{margin-top:0.75rem;}.contact{display:grid;grid-template-columns:minmax(340px,0.88fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2.5rem,5vw,4rem) max(1.25rem,calc((100vw - 1180px) / 2 + 1.25rem));background:radial-gradient(circle at 18% 16%,rgba(242,106,33,0.26),transparent 28%),linear-gradient(135deg,rgba(75,25,8,0.98),rgba(100,35,14,0.96)),var(--orange-950);color:white;}.contact-page{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;border-radius:0;padding:clamp(3rem,5.5vw,5rem) clamp(1.25rem,3vw,2rem);grid-template-columns:minmax(0,0.9fr) minmax(440px,1fr);gap:clamp(2rem,4vw,3.5rem);}.contact-copy{min-width:0;max-width:620px;}.contact h1,.contact h2{color:white;font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.12;text-shadow:0 2px 22px rgba(42,12,4,0.28);overflow-wrap:normal;}.contact .eyebrow{color:#ffd5a5;}.contact p{color:#ffe8d0;}.contact-address{margin-top:1rem !important;border-left:4px solid var(--orange-300);padding-left:0.85rem;font-weight:700;}.contact-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;min-width:0;max-width:100%;}.contact-panel a{display:grid;grid-template-columns:42px minmax(150px,1fr);align-items:center;gap:0.7rem;border:1px solid rgba(255,255,255,0.16);border-radius:8px;min-height:74px;padding:0.72rem 0.85rem;background:rgba(255,255,255,0.1);font-weight:800;color:white;}.contact-panel svg{width:42px;height:42px;border-radius:8px;padding:9px;background:rgba(255,255,255,0.16);color:#ffd8ad;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;}.contact-method-facebook svg{fill:currentColor;stroke:none;}.contact-panel a span{display:grid;gap:0.12rem;min-width:0;line-height:1.35;overflow-wrap:normal;}.contact-panel small{color:#ffd8ad;font-size:0.78rem;font-weight:800;}.contact-panel strong{color:white;font-size:1rem;line-height:1.28;overflow-wrap:break-word;word-break:normal;}.contact-method-phone strong{white-space:nowrap;}.contact-method-mail strong{font-size:0.92rem;}.contact-panel a:hover{background:rgba(255,255,255,0.15);}.contact-method-map,.contact-panel a[href*="maps.app.goo.gl"]{grid-column:1 / -1;}.map-preview{grid-column:1 / -1;min-width:0;max-width:100%;overflow:hidden;border:1px solid rgba(255,255,255,0.16);border-radius:8px;background:rgba(255,255,255,0.08);aspect-ratio:16 / 3.4;min-height:112px;max-height:132px;}.map-preview iframe{display:block;width:100%;max-width:100%;height:100%;border:0;filter:saturate(0.95) contrast(0.98);}.social-proof{display:grid;grid-template-columns:minmax(320px,0.78fr) minmax(420px,1fr);gap:clamp(1.4rem,4vw,3rem);align-items:start;max-width:none;margin:0;padding:clamp(2.5rem,5vw,4rem) max(1.25rem,calc((100vw - 1180px) / 2 + 1.25rem));background:linear-gradient(180deg,#fffaf3 0%,#fff4e7 100%);}.social-copy{min-width:0;padding-top:0.65rem;}.social-copy h2{max-width:680px;}.social-proof p{color:var(--muted);}.social-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8rem;margin-top:1.35rem;}.facebook-embed{min-width:0;max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(100,38,6,0.1);min-height:440px;}.facebook-embed iframe{display:block;width:100%;height:440px;border:0;}.facebook-embed-placeholder{display:grid;place-items:center;align-content:center;min-height:440px;gap:0.55rem;padding:1.25rem;text-align:center;color:var(--muted);}.facebook-embed-placeholder strong{color:var(--ink);font-size:1.05rem;}.facebook-embed-placeholder small{max-width:260px;}.facebook-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0.85rem;align-items:center;border:1px solid var(--line);border-radius:8px;min-width:0;padding:0.95rem;background:white;box-shadow:0 8px 28px rgba(100,38,6,0.07);}.facebook-mark{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#1877f2;color:white;font-size:1.65rem;font-weight:900;line-height:1;}.shopee-mark{background:#ee4d2d;font-size:1.4rem;}.facebook-card strong,.facebook-card small{display:block;}.facebook-card small{margin-top:0.2rem;color:var(--muted);line-height:1.35;}.promo-popup{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:1rem;background:rgba(42,22,13,0.38);}.promo-popup[hidden]{display:none;}.promo-card{position:relative;width:min(100%,520px);border:1px solid rgba(255,181,109,0.42);border-radius:8px;padding:1.35rem;background:#fffaf3;box-shadow:0 24px 70px rgba(42,22,13,0.25);}.promo-card h2{padding-right:3.4rem;font-size:clamp(1.45rem,3vw,2rem);}.promo-card p:not(.eyebrow){color:var(--muted);}.promo-close{position:absolute;top:1rem;right:1rem;border:1px solid var(--line);border-radius:8px;background:white;color:var(--orange-800);padding:0.45rem 0.7rem;font:inherit;font-weight:800;cursor:pointer;}.promo-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.1rem;}.music-player{position:fixed;right:1rem;bottom:1rem;z-index:18;display:grid;grid-template-columns:auto minmax(110px,150px);gap:0.65rem;align-items:center;border:1px solid rgba(154,53,16,0.2);border-radius:8px;padding:0.65rem;background:rgba(255,250,243,0.94);box-shadow:0 18px 50px rgba(42,22,13,0.16);backdrop-filter:blur(12px);}.music-player button{border:0;border-radius:8px;padding:0.65rem 0.75rem;background:linear-gradient(135deg,var(--orange-700),var(--orange-600));color:white;font:inherit;font-weight:900;cursor:pointer;}.music-player label{display:grid;gap:0.2rem;color:var(--muted);font-size:0.78rem;font-weight:800;}.music-player input{accent-color:var(--orange-700);}.music-player.needs-user-action{outline:3px solid rgba(242,106,33,0.18);}.button.ghost.dark{background:white;color:var(--orange-800);}.footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem max(1.25rem,calc((100vw - 1180px) / 2 + 1.25rem));background:#241007;color:white;}.footer div{max-width:620px;}.footer-links{display:flex;flex-wrap:wrap;gap:0.55rem 0.9rem;margin-top:0.75rem;}.footer-links a{color:#ffd8ad;font-weight:700;text-decoration:none;}.footer-links a:hover{color:white;}@media (max-width:920px){.hero,.banner-slide,.intro,.video-section,.facebook-reel-section,.brand-band,.certification,.contact,.social-proof{grid-template-columns:1fr;}.contact{gap:1.5rem;}.hero{min-height:auto;}.banner-track,.banner-slide{min-height:auto;}.service-grid,.product-grid,.campaign-grid,.blog-card-grid,.testimonial-grid,.trust-grid,.shop-product-grid,.landing-content,.steps{grid-template-columns:repeat(2,minmax(0,1fr));}.campaign-feature{grid-row:auto;}.campaign-feature img{aspect-ratio:1;}}@media (max-width:720px){.topbar{flex-direction:column;gap:0.2rem;font-size:0.82rem;}.nav{align-items:flex-start;flex-wrap:wrap;}.nav-toggle{display:inline-flex;}.nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:0;padding-top:0.75rem;}.nav-links.is-open{display:flex;}.nav-links a{width:100%;border-top:1px solid var(--line);padding:0.75rem 0;}.floating-shopee{right:0.85rem;bottom:0.85rem;min-height:52px;padding:0.68rem 0.82rem;}.floating-shopee span{display:none;}.floating-shopee svg{width:1.45rem;height:1.45rem;}.hero-stats,.brand-stat-row,.certification-facts,.service-grid,.product-grid,.campaign-grid,.blog-card-grid,.testimonial-grid,.trust-grid,.contact-panel,.social-cards,.shop-product-grid,.landing-content,.steps{grid-template-columns:1fr;}.social-proof{padding-top:2.25rem;padding-bottom:2.25rem;}.facebook-reel-frame{width:min(100%,292px);padding:0.55rem;}.facebook-reel-frame iframe{min-height:560px;}.facebook-embed{min-height:380px;}.facebook-embed iframe,.facebook-embed-placeholder{height:380px;min-height:380px;}.brand-logo-pill{border-radius:8px;}.brand-feature-head{grid-template-columns:52px minmax(0,1fr);}.brand-feature-head img{width:52px;height:52px;}.certification{gap:1.4rem;}.certification-document{padding:0.55rem;}.certification-document img{max-height:520px;}.hero-media figcaption{border-radius:8px;}.banner-slider{padding-bottom:1.5rem;}.banner-slide{padding:0.9rem;}.banner-controls{position:static;justify-content:flex-end;margin-top:0.75rem;}.footer{flex-direction:column;}.music-player{left:1rem;right:1rem;grid-template-columns:1fr;}}