@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--green:#326448;--ink:#26382c;--paper:#fffdf5;--cream:#f1f5eb;--line:#d7dfd0;--muted:#526452;--yellow:#f6cf65;--pink:#f2b9c5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.8 Noto Sans Thai,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #80521c}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700;line-height:1.5}h1{font-size:clamp(1.8rem,3vw,2.65rem)}h2{margin-bottom:16px;font-size:clamp(1.5rem,2.4vw,2rem)}h3{font-size:1.15rem}p{margin-bottom:18px}img{max-width:100%;height:auto;display:block}.topbar{background:var(--yellow);text-align:center;padding:6px 16px;font-size:.875rem}.header{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:20px 5%;display:flex}.brand,.footer-logo{color:var(--green);flex-direction:column;align-items:flex-start;display:inline-flex}.brand{flex-shrink:0}.brand-name{letter-spacing:-1px;font-family:Arial Rounded MT Bold,Noto Sans Thai,sans-serif;font-size:44px;font-weight:800;line-height:1.1}.brand-caption{white-space:nowrap;margin-top:6px;font-size:14px}.header nav{align-items:center;gap:26px;font-size:15px;display:flex}.header nav a{padding:10px 0}.header nav .nav-contact{background:var(--cream);border-radius:12px;padding:9px 18px}.header nav a:hover,.text-link:hover{text-underline-offset:5px;text-decoration:underline}.hero{background:var(--cream);border-radius:24px;grid-template-columns:1.5fr 1fr;align-items:center;gap:36px;max-width:1080px;margin:12px auto 0;padding:30px 36px;display:grid}.hero-copy h1{margin-bottom:18px}.hero-copy h1 span{color:var(--green)}.eyebrow{color:var(--green);margin-bottom:12px;font-size:14px;font-weight:600}.hero-copy>p{max-width:600px}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.button{background:var(--green);color:#fff;border:2px solid var(--green);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:11px 22px;font-size:16px;font-weight:600;display:inline-flex}.button:hover{background:#254e36}.button.outline{background:var(--paper);color:var(--green)}.button.outline:hover{background:#e4ecd9}.text-link{color:var(--green);text-underline-offset:5px;font-size:15px;text-decoration:underline}.hero-foot{color:var(--muted);margin:18px 0 0;font-size:14px}.budget-links{flex-wrap:wrap;gap:8px;display:flex}.budget-links a{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:14px}.budget-links strong{color:var(--green)}.hero-image{background:var(--paper);border-radius:18px;flex-direction:column;align-items:center;padding:10px;display:flex;overflow:hidden;transform:rotate(2deg)}.hero-image img{object-fit:contain;width:100%;height:285px}.image-caption{justify-content:space-between;gap:12px;width:100%;padding:10px 4px 0;font-size:14px;display:flex}.image-caption strong{color:var(--green)}.section{max-width:1180px;margin:auto;padding:48px 5%}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading .eyebrow{margin-bottom:6px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.product-image{aspect-ratio:4/5;background:#f4f3e8;display:block;position:relative}.product-image img{object-fit:contain;width:100%;height:100%}.product-copy{padding:18px}.product-copy .eyebrow{margin-bottom:6px;font-size:14px}.product-copy h3{margin-bottom:12px;font-size:18px}.product-bottom{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;display:flex}.price{color:var(--green);font-size:18px;font-weight:700}.product-bottom a{text-underline-offset:4px;min-height:30px;text-decoration:underline}.sample-note,.muted{color:var(--muted);font-size:14px}.sample-note{margin:20px 0 0}.categories{padding-top:12px}.category-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.category-tile{background:#fbe5e9;border-radius:16px;padding:22px}.category-tile:last-child{background:#faedc5}.category-tile h3{margin:0 0 8px}.category-tile span{font-size:14px}.occasion-section{background:var(--cream);border-radius:24px;grid-template-columns:1fr 1fr;gap:40px;max-width:1062px;padding:32px;display:grid}.occasion-list a{border-bottom:1px solid var(--line);justify-content:space-between;min-height:48px;padding:12px 0;display:flex}.services{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.services span{color:var(--green);font-size:14px;font-weight:600}.services h3{margin:12px 0}.services p{color:var(--muted)}.help-section{background:#faedc5;border-radius:24px;max-width:1062px;padding:32px}.help-section .contact-actions{margin-top:12px}.location{grid-template-columns:1fr 1fr;gap:48px;display:grid}.footer{background:var(--cream);text-align:center;padding:40px 5%}.footer-logo{align-items:center}.footer p{margin:18px 0}.footer>div{flex-wrap:wrap;justify-content:center;gap:24px;margin:20px 0;display:flex}.footer small{color:var(--muted);font-size:13px}.mobile-contact{display:none}.skip-link{z-index:20;background:#fff;padding:10px;position:absolute;top:-100px;left:10px}.skip-link:focus{top:5px}.page{max-width:1180px;margin:auto;padding:24px 5% 64px}.breadcrumbs{color:var(--muted);overflow-wrap:anywhere;margin-bottom:28px;font-size:14px}.page-intro{max-width:760px;margin:24px 0 32px}.page-intro h1{color:var(--green);margin-bottom:16px}.chips{flex-wrap:wrap;gap:10px;margin:24px 0 32px;display:flex}.chip{border:1px solid var(--line);border-radius:24px;min-height:44px;padding:9px 18px;font-size:15px}.chip.active,.chip:hover{background:var(--green);color:#fff;border-color:var(--green)}.note{background:var(--cream);border-radius:14px;padding:20px;font-size:15px}.detail{grid-template-columns:1fr 1fr;align-items:start;gap:42px;display:grid}.detail h1{color:var(--green);font-size:2rem}.detail .price{background:#faedc5;border-radius:10px;padding:4px 12px;font-size:24px;display:inline-block}.detail-description{margin:24px 0}.gallery-main{aspect-ratio:3/4;background:var(--cream);border-radius:18px;overflow:hidden}.gallery-main img{object-fit:contain;width:100%;height:100%}.gallery-thumbs{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.gallery-thumbs button{background:var(--cream);cursor:pointer;border:2px solid #0000;border-radius:9px;width:76px;padding:3px}.gallery-thumbs button[aria-pressed=true]{border-color:var(--green)}.gallery-thumbs img{aspect-ratio:3/4;object-fit:contain}.photo-source{margin-top:10px;display:inline-block}.detail dl{border-top:1px solid var(--line);grid-template-columns:100px 1fr;padding-top:20px;font-size:15px;display:grid}.detail dt,.detail dd{margin:0;padding:6px 0}.detail dt{color:var(--muted)}.inquiry{border-top:1px solid var(--line);margin-top:24px;padding:24px 0}.inquiry h2{font-size:24px}.inquiry textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:10px;min-height:190px;margin:10px 0;padding:14px;font-size:14px;line-height:1.8;display:block}.inquiry label,.status{font-size:14px}.status{min-height:26px;margin:10px 0}.prose{max-width:760px}.prose h2{margin-top:30px;font-size:24px}.prose li{margin:10px 0}.related{margin-top:48px}.contact-panel{background:var(--cream);border-radius:18px;padding:28px}.map-details{margin-top:20px}.map-details summary{cursor:pointer;color:var(--green);padding:10px 0}.photo-pending{place-content:center;min-height:220px;padding:24px;display:grid}.image-label{background:var(--paper);padding:4px 10px;position:absolute;top:12px;left:12px}@media (max-width:1100px){.hero{margin:12px 5% 0}.occasion-section,.help-section{margin-left:5%;margin-right:5%}.header nav{gap:16px}}@media (max-width:760px){.header{flex-wrap:wrap;gap:14px;padding:16px 5%}.brand-name{font-size:38px}.brand-caption{font-size:14px}.header nav{justify-content:space-between;gap:8px;width:100%;font-size:14px}.header nav .nav-contact{padding:9px 12px}.hero{grid-template-columns:1fr;gap:24px;padding:24px}.hero-copy h1{font-size:1.9rem}.hero-image{justify-self:center;width:100%;max-width:320px;transform:none}.hero-image img{height:250px}.hero-actions .button{flex:1}.budget-links a{flex-grow:1}.hero-foot{margin-top:16px}.section{padding:36px 5%}.section-heading{gap:12px}.product-grid{grid-template-columns:1fr;gap:20px}.product-image{aspect-ratio:1}.product-copy h3{font-size:19px}.product-bottom{align-items:center}.category-grid{grid-template-columns:1fr}.occasion-section,.location,.detail,.services{grid-template-columns:1fr;gap:24px}.occasion-section,.help-section{padding:24px}.services{gap:16px}.services>div{border-bottom:1px solid var(--line);padding-bottom:8px}.footer{padding-bottom:100px}.mobile-contact{z-index:10;text-align:center;background:var(--green);color:#fff;padding:14px 16px;padding-bottom:max(14px, env(safe-area-inset-bottom));font-weight:600;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0001}.page{padding:20px 5% 48px}.detail h1{font-size:1.8rem}.contact-actions .button{flex-grow:1}.contact-panel{padding:20px}.detail dl{grid-template-columns:90px 1fr}.section-heading h2{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.shop-logo{width:320px;height:auto}@media (max-width:760px){.shop-logo{width:min(280px,80vw)}}
