{"id":429,"date":"2026-02-12T08:24:17","date_gmt":"2026-02-12T08:24:17","guid":{"rendered":"https:\/\/nongphonphonshop.com\/?page_id=429"},"modified":"2026-02-18T09:40:30","modified_gmt":"2026-02-18T09:40:30","slug":"order","status":"publish","type":"page","link":"https:\/\/nongphonphonshop.com\/index.php\/order\/","title":{"rendered":"Order"},"content":{"rendered":"\n<div class=\"metal-banner\">\n    <h1> Order <\/h1>\n<\/div>\n\n<style>\n.metal-banner {\n    background: linear-gradient(\n        120deg,\n        #ff7a00,\n        #ff9a2f,\n        #ff6a00,\n        #ff9a2f,\n        #ff7a00\n    );\n    background-size: 300% 300%;\n    animation: bgMove 8s ease infinite;\n\n    padding: 35px 20px; \/* \u2705 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 *\/\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n\n    box-shadow:\n        inset 0 8px 20px rgba(255,255,255,0.25),\n        inset 0 -8px 25px rgba(0,0,0,0.25),\n        0 35px 80px rgba(0,0,0,0.3);\n}\n\n\/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e2b\u0e25 *\/\n@keyframes bgMove {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n\n\/* \u0e41\u0e2a\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19 *\/\n.metal-banner::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(\n        120deg,\n        transparent 40%,\n        rgba(255,255,255,0.4) 50%,\n        transparent 60%\n    );\n    transform: rotate(25deg);\n    animation: shine 6s linear infinite;\n}\n\n@keyframes shine {\n    0% { transform: translateX(-100%) rotate(25deg); }\n    100% { transform: translateX(100%) rotate(25deg); }\n}\n\n\/* \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 *\/\n.metal-banner h1 {\n    font-size: 60px;\n    font-weight: 900;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin: 0;\n\n    background: linear-gradient(\n        #ffffff 0%,\n        #ffe0c2 40%,\n        #ffffff 60%,\n        #ffd0a3 100%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n\n    text-shadow:\n        0 2px 4px rgba(0,0,0,0.3),\n        0 8px 20px rgba(0,0,0,0.25);\n\n    animation: floatText 2s ease-out forwards;\n    opacity: 0;\n}\n\n@keyframes floatText {\n    from {\n        transform: translateY(30px);\n        opacity: 0;\n    }\n    to {\n        transform: translateY(0);\n        opacity: 1;\n    }\n}\n\n\/* ===== Mobile Optimize ===== *\/\n@media (max-width: 768px){\n\n    .metal-banner{\n        padding: 25px 15px !important; \/* \u2705 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n\n    .metal-banner h1{\n        font-size: 38px !important;\n        letter-spacing: 2px !important;\n    }\n\n    .metal-banner::before{\n        opacity: 0.4;\n        animation-duration: 8s;\n    }\n}\n<\/style>\n\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2b\u0e19\u0e49\u0e32 Order *\/\n.order-box {\n    max-width: 720px;\n    margin: 100px auto;\n    padding: 55px 35px 45px;\n    background: #ffffff;\n    border-radius: 22px;\n    box-shadow: 0 20px 45px rgba(0,0,0,0.08);\n    font-family: 'Prompt','Kanit',sans-serif;\n    text-align: center;\n}\n\n\/* ===== \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d ===== *\/\n.order-title {\n    font-size: 30px;\n    font-weight: 700;\n    margin-bottom: 35px;\n    background: linear-gradient(135deg,#ff7a00,#ff5722);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    position: relative;\n    display: inline-block;\n}\n\n.order-title::after {\n    content: \"\";\n    display: block;\n    width: 70px;\n    height: 4px;\n    margin: 12px auto 0;\n    border-radius: 4px;\n    background: linear-gradient(135deg,#ff7a00,#ff5722);\n}\n\n\/* \u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07\u0e08\u0e23\u0e34\u0e07 *\/\n.order-box form {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-bottom: 25px;\n}\n\n\/* \u0e0a\u0e48\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01 *\/\n.order-box input[type=\"text\"],\n.order-box input[type=\"email\"] {\n    width: 260px;\n    padding: 13px 15px;\n    border-radius: 12px;\n    border: 1px solid #e2e8f0;\n    font-size: 14px;\n    transition: 0.25s ease;\n}\n\n.order-box input:focus {\n    border-color: #ff5722;\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(255,87,34,0.15);\n}\n\n\/* ===== \u0e1b\u0e38\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e14\u0e39\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\u0e02\u0e36\u0e49\u0e19 ===== *\/\n.order-box input[type=\"submit\"] {\n    background: linear-gradient(135deg,#ff7a00,#ff5722);\n    color: #fff;\n    padding: 13px 32px;\n    border-radius: 50px;\n    border: none;\n    font-weight: 600;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    letter-spacing: 0.5px;\n}\n\n.order-box input[type=\"submit\"]:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 22px rgba(255,87,34,0.35);\n}\n\n\/* \u0e15\u0e32\u0e23\u0e32\u0e07 *\/\n.order-box table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 20px;\n    font-size: 14px;\n}\n\n.order-box th,\n.order-box td {\n    padding: 11px 8px;\n    border: 1px solid #e5e7eb;\n    text-align: center;\n}\n\n.order-box th {\n    background: linear-gradient(135deg,#ff7a00,#ff5722);\n    color: #fff;\n    font-weight: 600;\n}\n\n.order-box tr:nth-child(even) {\n    background: #fff7ed;\n}\n\n\/* \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 *\/\n.tracking-note {\n    margin-top: 22px;\n    font-size: 13px;\n    color: #64748b;\n    text-align: center;\n    line-height: 1.6;\n}\n\n\/* \u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n@media (max-width:600px){\n    .order-box {\n        margin: 60px 15px;\n        padding: 35px 20px;\n    }\n\n    .order-box input[type=\"text\"],\n    .order-box input[type=\"email\"] {\n        width: 100%;\n    }\n\n    .order-box form {\n        flex-direction: column;\n    }\n\n    .order-box input[type=\"submit\"] {\n        width: 100%;\n    }\n}\n\n<\/style>\n\n<div class=\"order-box\">\n\n    <h2 class=\"order-title\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d<\/h2>\n\n    \n    <form method=\"post\">\n        <input type=\"email\" name=\"order_email\" placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\" required>\n        <input type=\"submit\" name=\"search_order\" value=\"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\">\n    <\/form>\n\n    \n\n    <p class=\"tracking-note\">\n    (\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e41\u0e25\u0e49\u0e27 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e40\u0e25\u0e02\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e20\u0e32\u0e22\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 15 \u0e19\u0e32\u0e17\u0e35)<br>\n    (\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e08\u0e30\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e2b\u0e25\u0e31\u0e07 22.00 \u0e19.)\n    <\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Order \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e04\u0e33 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/pages\/429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":39,"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/pages\/429\/revisions"}],"predecessor-version":[{"id":1316,"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/pages\/429\/revisions\/1316"}],"wp:attachment":[{"href":"https:\/\/nongphonphonshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}