@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Itim&display=swap";
@font-face{font-family:dogFont;src:url(../media/DOG_Regular-s.p.2vxlce2_dsaz6.ttf)format("truetype");font-display:swap}@font-face{font-family:dogFont Fallback;src:local(Arial);ascent-override:92.72%;descent-override:27.82%;line-gap-override:10.2%;size-adjust:107.85%}.dogfont_eea7f017-module__YgJqmq__className{font-family:dogFont,dogFont Fallback}.dogfont_eea7f017-module__YgJqmq__variable{--font-dog:"dogFont", "dogFont Fallback"}
:root{--cookie-yellow:#eebf63;--dark-chocolate:#2e1a0c;--dark-chocolate-hover:#1e1107;--light-chocolate:#50311c;--warm-cream:#faf5eb;--warm-cream-hover:#f0e6d2;--placeholder-gray:#eae3d2;--placeholder-dark-gray:#d5cbb3;--white:#fff;--grab-green:#00b14f;--font-playful:var(--font-dog), "Fredoka", "Itim", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-thai:var(--font-dog), "Itim", "Fredoka", cursive, sans-serif;--card-shadow:0 10px 25px #2e1a0c14;--hover-shadow:0 15px 35px #2e1a0c26;--border-radius-arch:140px 140px 30px 30px;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--cookie-yellow);width:100%;min-height:100%;color:var(--dark-chocolate);font-family:var(--font-playful);scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cookie-yellow)}::-webkit-scrollbar-thumb{background:var(--dark-chocolate);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--light-chocolate)}h1,h2,h3,h4,h5,h6{font-family:var(--font-playful);font-weight:700;line-height:1.2}.thai-text{font-family:var(--font-thai)}section{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:80px 24px;display:flex;position:relative}.container{width:100%;max-width:1100px;margin:0 auto}.btn-outline{letter-spacing:.05em;color:var(--dark-chocolate);border:2px solid var(--dark-chocolate);cursor:pointer;transition:all var(--transition-speed) ease;text-transform:uppercase;background-color:#0000;border-radius:0;justify-content:center;align-items:center;padding:12px 36px;font-size:1.1rem;font-weight:600;display:inline-flex}.btn-outline:hover{background-color:var(--dark-chocolate);color:var(--cookie-yellow);transform:translateY(-2px)}.image-placeholder{background-color:var(--placeholder-gray);border:3px dashed var(--placeholder-dark-gray);text-align:center;color:var(--light-chocolate);width:100%;height:100%;transition:all var(--transition-speed) ease;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.image-placeholder:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}to{left:200%}}.image-placeholder svg{opacity:.6;width:48px;height:48px;fill:var(--light-chocolate);margin-bottom:12px}.image-placeholder-title{margin-bottom:4px;font-size:.95rem;font-weight:600}.image-placeholder-subtitle{opacity:.8;font-size:.75rem}.hero-section{align-items:center;min-height:100vh;padding-top:40px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.hero-left{text-align:center;flex-direction:column;align-items:center;display:flex}.logo-container{border-radius:50%;width:260px;height:260px;margin-bottom:24px;overflow:hidden}.logo-placeholder{border-radius:50%}.hero-brand-name{color:var(--dark-chocolate);letter-spacing:.02em;margin-bottom:20px;font-size:3rem}.hero-subtitle{letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px;font-size:1.3rem;font-weight:600}.hero-thai-subtitle{opacity:.9;margin-bottom:32px;font-size:1.6rem}.hero-right{border-radius:0;width:50%;height:100%;position:absolute;top:0;right:0}.menu-section{background-color:var(--cookie-yellow);border-top:2px dashed #2e1a0c26;border-bottom:2px dashed #2e1a0c26;padding-top:60px;padding-bottom:80px}.menu-header{text-align:center;margin-bottom:60px}.menu-title{letter-spacing:.05em;font-size:2.5rem}.menu-thai-title{opacity:.9;margin-top:4px;font-size:1.8rem}.menu-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;display:grid}.menu-card-wrapper{flex-direction:column;align-items:center;display:flex}.menu-card{aspect-ratio:.75;background-color:var(--warm-cream);border-radius:var(--border-radius-arch);width:100%;box-shadow:var(--card-shadow);transition:all var(--transition-speed) cubic-bezier(.175, .885, .32, 1.275);border:3px solid #0000;flex-direction:column;padding:12px;display:flex;overflow:hidden}.menu-card:hover{box-shadow:var(--hover-shadow);border-color:var(--dark-chocolate);transform:translateY(-8px)}.menu-card-image-box{background-color:var(--placeholder-gray);border-radius:125px 125px 20px 20px;flex-grow:1;width:100%;position:relative;overflow:hidden}.menu-card-image-box img{object-fit:cover;width:100%;height:100%}.menu-item-name{text-align:center;color:var(--dark-chocolate);margin-top:16px;font-size:1.15rem;font-weight:600}.menu-item-price{color:var(--light-chocolate);margin-top:4px;font-size:1.1rem;font-weight:700}.order-section{padding-top:80px;padding-bottom:80px}.order-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.menu-board-container{aspect-ratio:.85;border:12px solid var(--dark-chocolate);width:100%;box-shadow:var(--card-shadow);color:var(--warm-cream);background-color:#170e06;border-radius:20px;flex-direction:column;padding:30px 24px;display:flex;position:relative;overflow:hidden}.menu-board-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 80%);position:absolute;inset:0}.board-header{text-align:center;border-bottom:2px dashed #faf5eb33;margin-bottom:24px;padding-bottom:16px}.board-title{letter-spacing:.1em;color:var(--cookie-yellow);font-size:1.8rem}.board-subtitle{opacity:.8;margin-top:4px;font-size:1.1rem;font-weight:500}.board-content{flex-direction:column;flex-grow:1;gap:20px;display:flex}.board-item{align-items:center;gap:16px;display:flex}.board-item-thumb{width:64px;height:64px;color:var(--cookie-yellow);background-color:#faf5eb26;border:2px dashed #faf5eb4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.board-item-info{flex-grow:1;justify-content:space-between;align-items:baseline;display:flex}.board-item-name{font-size:1.15rem;font-weight:600}.board-item-dots{border-bottom:2px dotted #faf5eb40;flex-grow:1;margin:0 10px}.board-item-price{color:var(--cookie-yellow);font-size:1.2rem;font-weight:700}.board-footer{text-align:center;opacity:.6;border-top:1px solid #faf5eb1a;margin-top:20px;padding-top:12px;font-size:.85rem}.order-right{text-align:center;flex-direction:column;align-items:center;display:flex}.order-title-group{margin-bottom:40px}.order-title{letter-spacing:.05em;font-size:2.8rem}.order-thai-title{opacity:.9;margin-top:4px;font-size:2rem}.social-channels{justify-content:center;align-items:center;gap:30px;display:flex}.social-btn{width:90px;height:90px;transition:all var(--transition-speed) cubic-bezier(.175, .885, .32, 1.275);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.social-btn svg{width:44px;height:44px;transition:all var(--transition-speed) ease}.social-btn:hover{transform:translateY(8px)scale(1.5)}.payment-logo{width:400px;height:400px}@media (max-width:991px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-right{border-radius:24px;width:100%;height:400px;position:relative;top:auto;right:auto}.menu-grid{grid-template-columns:repeat(2,1fr);gap:24px}.order-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:576px){section{padding:60px 0}.hero-brand-name{font-size:2.3rem}.hero-subtitle{font-size:1.1rem}.hero-thai-subtitle{font-size:1.3rem}.menu-grid{grid-template-columns:1fr;gap:30px;max-width:320px;margin:0 auto 40px}.menu-title{font-size:2rem}.menu-thai-title{font-size:1.5rem}.order-title{font-size:2.2rem}.order-thai-title{font-size:1.6rem}.social-channels{gap:20px}.social-btn{width:75px;height:75px}.social-btn svg{width:36px;height:36px}}.fade-in-section{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.delay-50{transition-delay:50ms}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-250{transition-delay:.25s}.delay-300{transition-delay:.3s}.delay-350{transition-delay:.35s}.delay-400{transition-delay:.4s}.delay-450{transition-delay:.45s}.delay-500{transition-delay:.5s}.credit{color:gray;font-size:10px}