@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;900&family=Noto+Sans+Thai:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--container:100%;--pad-x:2rem;--font-display:"Playfair Display","Noto Sans Thai","Prompt",sans-serif;--font-body:"Noto Sans Thai","Prompt",sans-serif;--bg:#f7f2eb;--bg-2:#efe7de;--con-bg:#fffcf7d1;--text:#3e3128;--muted:#6f6054;--accent:#b99668;--accent-strong:#8f6b46;--border:#5f483429;--border-soft:#5f48341a;--glass:#fffbf6b8;--card:#fffcf8b8;--soft:#5f48340a;--shadow-lg:0 20px 60px #4834231f;--shadow-md:0 12px 28px #48342314;--r-lg:24px;--r-md:18px;--r-sm:14px;--t-fast:.14s ease;--t-med:.18s ease;--focus:0 0 0 3px #b9966838;--ok:#5e8b63;--warn:#c58a36;--bad:#ba5f5f}html,body{max-width:100vw;min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:var(--bg);background-image:linear-gradient(#fffcf799,#fffcf799),url(/images/bg/Drawing-Paper.png),linear-gradient(180deg,var(--bg-2)0%,var(--bg)72%);background-position:top,0 0,top;background-repeat:no-repeat,repeat,no-repeat;background-size:auto,700px,auto;background-attachment:scroll,scroll,scroll;flex-direction:column;display:flex;overflow-x:clip}html{font-size:26px}@media (max-width:2559px){html{font-size:23px}}@media (max-width:2049px){html{font-size:22px}}@media (max-width:1681px){html{font-size:21px}}@media (max-width:1441px){html{font-size:20px}}@media (max-width:1281px){html{font-size:19px}}@media (max-width:1025px){html{font-size:18px}}@media (max-width:769px){html{font-size:17px}:root{--pad-x:1rem}.DW768-display-none{display:none!important}}@media (max-width:426px){html{font-size:16px}}@media (max-width:376px){html{font-size:15px}}main{flex:1 0 auto}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none}body,p,li,input,textarea,select,button{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;line-height:1.08}h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,3.1rem);font-weight:700}h3{font-size:clamp(1.35rem,3vw,2rem);font-weight:600}p{color:var(--muted);line-height:1.65}input,textarea,select{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast);background:#fffbf6e0;outline:none;padding:.75rem .95rem}input::placeholder,textarea::placeholder{color:#9a897b}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{box-shadow:var(--focus);border-color:#b9966866;outline:none}.container{width:min(100%,var(--container));padding-inline:var(--pad-x);margin-inline:auto}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.glass{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px)}.btn{border:1px solid var(--border);min-height:2.7rem;color:var(--text);transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);background:#fffaf4d9;border-radius:12px;justify-content:center;align-items:center;padding:.72rem 1.2rem;display:inline-flex}.btn:hover{background:#fff8eff2;border-color:#5f483438}.btnPrimary{color:#fffaf4;background:linear-gradient(#c7a57a 0%,#ad8559 100%);border-color:#8f6b466b;border-radius:1rem}.btnPrimary:hover{background:linear-gradient(#cfaf86 0%,#b28759 100%)}hr{border:0;border-top:1px solid var(--border-soft)}ul,ol{padding-left:1.2rem}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-indent{text-indent:2rem}.text-wrap{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important}.display-none{display:none!important}
.Nav-module__bLoQaq__header{z-index:120;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#fffcf799,#fffcf799),#fffbf68a;width:100%;position:sticky;top:0}.Nav-module__bLoQaq__inner{width:min(100%,1440px);min-height:4.6rem;padding-inline:var(--pad-x);grid-template-columns:3rem 1fr 3rem;align-items:center;margin-inline:auto;display:grid;position:relative}.Nav-module__bLoQaq__logoLink{justify-content:center;justify-self:center;align-items:center;max-width:100%;height:100%;display:inline-flex}.Nav-module__bLoQaq__logo{object-fit:contain;width:auto;height:100%;padding:.2rem}.Nav-module__bLoQaq__iconButton{width:2.7rem;height:2.7rem;color:var(--text);transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.Nav-module__bLoQaq__iconButton:hover{border-color:var(--border-soft);background:#fff9f2d1}.Nav-module__bLoQaq__iconButton:active{transform:scale(.98)}.Nav-module__bLoQaq__hamburger{flex-direction:column;justify-content:space-between;width:1.3rem;height:1rem;display:inline-flex}.Nav-module__bLoQaq__hamburger span{background:currentColor;border-radius:999px;width:100%;height:2px;display:block}.Nav-module__bLoQaq__cartIcon{width:1.45rem;height:1.45rem}.Nav-module__bLoQaq__backdrop{z-index:88;opacity:0;pointer-events:none;transition:opacity var(--t-med);background:#1c140d47;position:fixed;inset:0}.Nav-module__bLoQaq__backdropOpen{opacity:1;pointer-events:auto}.Nav-module__bLoQaq__drawer{z-index:121;background:linear-gradient(#fffcf7eb,#fffcf7eb),var(--bg);border-right:1px solid var(--border-soft);width:min(20rem,70vw);transition:transform var(--t-med);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-102%);box-shadow:0 28px 60px #4834232e}.Nav-module__bLoQaq__drawerOpen{transform:translate(0)}.Nav-module__bLoQaq__drawerTop{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:.75rem;min-height:4.7rem;padding:.9rem 1rem;display:flex}.Nav-module__bLoQaq__drawerBrand{align-items:center;display:inline-flex}.Nav-module__bLoQaq__drawerLogo{object-fit:contain;width:auto;height:100%}.Nav-module__bLoQaq__closeButton{width:2.5rem;height:2.5rem;color:var(--text);transition:background-color var(--t-fast),border-color var(--t-fast);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.Nav-module__bLoQaq__closeButton:hover{background:#fff8efe6}.Nav-module__bLoQaq__closeIcon{width:1.25rem;height:1.25rem}.Nav-module__bLoQaq__drawerNav{flex:auto;padding:.5rem 1rem;overflow-y:auto}.Nav-module__bLoQaq__navList{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.Nav-module__bLoQaq__navLink{min-height:3rem;color:var(--text);transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);border:1px solid #0000;border-radius:14px;align-items:center;padding:.6rem 1rem;font-size:1rem;font-weight:600;display:flex}.Nav-module__bLoQaq__navLink:hover{border-color:var(--border-soft);background:#fff8efc7;transform:translate(2px)}.Nav-module__bLoQaq__drawerBottom{border-top:1px solid var(--border-soft);background:#fffaf4a3;padding:1rem}.Nav-module__bLoQaq__drawerActions{grid-template-columns:1fr;gap:.65rem;display:grid}.Nav-module__bLoQaq__actionBtn{text-align:center;width:100%;padding:.6rem 1rem}@media (min-width:1025px){.Nav-module__bLoQaq__inner{grid-template-columns:3.25rem 1fr 3.25rem;min-height:5rem}}@media (max-width:769px){.Nav-module__bLoQaq__inner{min-height:4.35rem}}@media (max-width:426px){.Nav-module__bLoQaq__inner{grid-template-columns:2.85rem 1fr 2.85rem;min-height:4rem}.Nav-module__bLoQaq__iconButton{width:2.45rem;height:2.45rem}.Nav-module__bLoQaq__drawerTop{min-height:4.2rem;padding:.8rem .9rem}.Nav-module__bLoQaq__drawerNav,.Nav-module__bLoQaq__drawerBottom{padding-inline:.9rem}.Nav-module__bLoQaq__navLink{min-height:2.8rem;font-size:1rem}}