@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--green:#184c39;--lime:#d6e7ab;--cream:#f8f7f2;--muted:#778078}*{box-sizing:border-box}body{background:var(--cream);color:#213b2e;margin:0;font-family:Noto Sans Thai,Noto Sans SC,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:0}a{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}.top{background:var(--green);color:#fff;letter-spacing:1.8px;justify-content:space-between;padding:8px 5%;font-size:10px;display:flex}header{background:#fff;border-bottom:1px solid #dfe3d9;justify-content:space-between;align-items:center;padding:22px 5%;display:flex}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand b{letter-spacing:-1px;font-size:26px}.brand small{letter-spacing:1.3px;font-size:8px;display:block}nav{gap:20px;display:flex}nav button{color:var(--green);background:0 0}.headtools{align-items:center;gap:18px;display:flex}.headtools select{background:0 0;border:0}.cartbtn{background:0 0}.cartbtn b{background:var(--green);color:#fff;border-radius:50%;margin-left:8px;padding:3px 8px}main{max-width:1500px;margin:auto}.hero{background:#edf0e3;grid-template-columns:1fr 1fr;min-height:540px;display:grid}.hero>div:first-child{padding:68px 10% 30px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:600}h1{letter-spacing:-1.5px;margin:25px 0;font-size:clamp(32px,3.8vw,60px);font-weight:500;line-height:1.3}p{line-height:1.8}.hero p:not(.eyebrow){color:#667563;max-width:420px;font-size:15px}.primary{background:var(--green);color:#fff;border-radius:3px;margin-top:16px;padding:15px 25px}.herofoot{letter-spacing:1.5px;justify-content:space-between;margin-top:65px;font-size:9px;display:flex}.herovisual{background:#e4e9d7;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.circle{border:1px solid #becbaa;border-radius:50%;width:390px;height:390px;position:absolute}.bag{z-index:1;background:linear-gradient(90deg,#c0a67b,#ead9b9 15%,#e3cfaa 85%,#bfa176);border-top:18px solid #cab48e;border-bottom:15px solid #c5ad84;border-radius:14px 14px 5px 5px;flex-direction:column;align-items:center;width:205px;height:315px;padding:25px 10px;display:flex;transform:rotate(-8deg);box-shadow:22px 25px 30px #45623335}.bag img{mix-blend-mode:multiply;width:85px}.bag strong{color:#28523c;margin:26px 0;font-size:27px;line-height:1.1}.bag small{letter-spacing:1.3px;font-size:7px}.seed{color:#7b8c4d;font-size:110px;position:absolute}.s1{bottom:20px;left:10%;transform:rotate(40deg)}.s2{top:35px;right:8%}.roundtext{letter-spacing:2px;writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:40px;right:25px}.collections,#products{padding:55px 5%}.sectiontitle{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.sectiontitle h2{margin:8px 0;font-size:30px;font-weight:500}.sectiontitle>span{letter-spacing:2px;font-size:10px}.sectiontitle input{background:0 0;border:1px solid #d8ded3;border-radius:3px;max-width:250px;padding:12px 16px}.categorygrid,.productgrid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.category{text-align:left;color:var(--green);background:0 0;padding:0}.category>div:last-child{border-bottom:1px solid #ccd4c4;padding:15px 0;position:relative}.category small{font-size:10px}.category h3{margin:6px 20px 0 0;font-size:16px;font-weight:500}.category>div>span:last-child{position:absolute;bottom:16px;right:5px}.illustration{background:#e4e7d8;justify-content:center;align-items:center;height:210px;display:flex;position:relative;overflow:hidden}.illustration .orb{background:#fff5;border-radius:50%;width:150px;height:150px;position:absolute}.illustration>span{z-index:1;color:#5e7152;filter:drop-shadow(8px 8px 5px #34532225);font-family:Georgia,serif;font-size:90px}.illustration i{letter-spacing:1px;border:1px solid #536e4255;border-radius:50%;padding:4px 8px;font-size:13px;position:absolute;top:12px;right:15px}.illustration small{letter-spacing:1.4px;font-size:7px;position:absolute;bottom:12px;left:15px}.art1{background:#e2d8c5}.art2{background:#dddcd0}.art2>span{color:#ac875d;font-size:130px;transform:rotate(-15deg)}.art3{background:#dde5e6}.art3>span{color:#f9fcfa;text-shadow:2px 2px #96aab0;font-size:120px;transform:rotate(-12deg)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.filters button{color:var(--green);background:0 0;border:1px solid #d3dacd;border-radius:30px;padding:9px 16px;font-size:12px}.filters .on{background:var(--green);color:#fff}.notice{color:#7b704a;background:#eeeedf;border-radius:3px;padding:12px 16px;font-size:12px}.productgrid article{background:#fff;border:1px solid #e0e3da;border-radius:3px;overflow:hidden}.productimage{height:220px;position:relative}.productimage>.illustration{height:220px}.productimage>img{object-fit:contain;width:100%;height:100%}.productimage>small{color:#66745b;background:#ffffffe0;padding:2px 4px;font-size:8px;position:absolute;bottom:7px;left:10px}.productimage .illustration small{display:none}.productbody{padding:20px}.productbody>small{color:#8a947f;font-size:9px}h3{font-weight:500}.productbody h3{min-height:50px;margin:8px 0 20px;font-size:17px}label{margin-bottom:14px;font-size:12px;display:block}label select,label input,label textarea{background:#fff;border:1px solid #d9ded3;border-radius:3px;width:100%;margin-top:5px;padding:9px;font-size:12px;display:block}.price{margin:17px 0;font-size:18px}.price small{color:#8c957f;margin-top:4px;font-size:10px;display:block}.buy{gap:8px;display:flex}.buy input,.cartline input{border:1px solid #d9ded3;border-radius:3px;width:55px;padding:9px}.buy button{background:var(--green);color:#fff;border-radius:3px;flex:1;font-size:12px}.closing{text-align:center;background:#e9eddf;margin:30px 5% 60px;padding:45px}.closing h2{font-size:32px;font-weight:500}.closing a{font-size:12px}footer{letter-spacing:1px;border-top:1px solid #dce1d5;justify-content:space-between;align-items:center;padding:30px 5%;font-size:10px;display:flex}footer img{mix-blend-mode:multiply;width:65px}.overlay{z-index:20;justify-content:flex-end;display:flex;position:fixed;inset:0}.shade{background:#142d2699;position:absolute;inset:0}aside{background:var(--cream);width:480px;max-width:95vw;height:100%;padding:32px;position:relative;overflow:auto}.close{background:0 0;font-size:30px;position:absolute;top:20px;right:20px}.cartline{border-bottom:1px solid #d9ded3;padding:20px 0}.cartline small{margin:6px 0;display:block}.cartline>div{align-items:center;gap:15px;display:flex}.cartline button{background:0 0;font-size:11px}.cartline b{margin-left:auto}.totals b{float:right}.totals{margin:25px 0}.wide{width:100%}.pre{white-space:pre-wrap}.textbutton{color:var(--green);background:0 0;padding:15px 0}.admin{max-width:1100px;margin:40px auto;padding:20px}.admin table{border-collapse:collapse;width:100%;font-size:12px}.admin td,.admin th{text-align:left;border-bottom:1px solid #ddd;padding:10px}.admin input{border:1px solid #ccc;max-width:100%;padding:8px}.admin section{background:#fff;margin:20px 0;padding:25px}.admin .row{flex-wrap:wrap;gap:15px;display:flex}.admin h1{font-size:32px}.admin textarea{width:100%;min-height:100px}@media (max-width:1000px){.categorygrid,.productgrid{grid-template-columns:repeat(2,1fr)}nav{display:none}.brand b{font-size:21px}.brand small{font-size:6px}.hero>div:first-child{padding:45px 8%}.hero{min-height:470px}.bag{width:175px;height:280px}.circle{width:280px;height:280px}.seed{font-size:75px}}@media (max-width:600px){header{flex-wrap:wrap;gap:15px;padding:16px 5%}.brand img{width:50px}.headtools{gap:6px}.cartbtn{font-size:11px}.brand small{display:none}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:35px 7%}.herofoot{margin-top:30px}.herovisual{height:330px}.bag{height:260px}.bag strong{font-size:23px}.collections,#products{padding:35px 5%}.categorygrid,.productgrid{gap:12px}.illustration{height:160px}.illustration>span{font-size:65px}.category h3{font-size:13px}.sectiontitle{flex-direction:column;align-items:start}.sectiontitle h2{font-size:25px}.productbody{padding:12px}.productbody h3{min-height:45px;font-size:14px}.productimage,.productimage>.illustration{height:160px}.price{font-size:15px}.buy{flex-wrap:wrap}.buy button{flex-basis:100%;padding:10px}.top{font-size:7px}.closing h2{font-size:25px}footer{gap:15px;font-size:7px}.admin{overflow:auto}}.imageupload{flex-wrap:wrap;align-items:center;gap:24px;padding:20px 0;display:flex}.imagepreview{background:#f6f8f1;border:1px dashed #b8c6b3;border-radius:6px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.imagepreview img{object-fit:contain;width:100%;height:100%}.imagepreview span{color:#778078;text-align:center;padding:15px;font-size:11px}.imageupload p{margin:7px 0;font-size:12px}.imageupload input[type=file]{background:#f7f9f3;max-width:100%;display:block}.imageupload button{color:#184c39;background:#edf0e6;border-radius:3px;padding:8px 13px}.brand img{width:110px}.brand b{font-size:28px}footer img{width:90px}.bag img{width:105px}@media (max-width:600px){.brand img{width:78px}.brand b{font-size:23px}}nav{align-items:center;gap:18px;font-size:13px}nav a{white-space:nowrap;text-decoration:none}nav button{white-space:nowrap;padding:0}.registerlink{border:1px solid #b6c6ac;border-radius:3px;padding:8px 10px}.infosection{padding:45px 5%;scroll-margin-top:20px}.infosection h2{font-size:30px;font-weight:500}.infosection>p{max-width:850px}.contactsection{background:#edf0e5;grid-template-columns:1fr 1fr;gap:45px;display:grid}.contactsection .primary{text-decoration:none;display:inline-block}.profilepage{background:#fff;border:1px solid #dce3d5;border-radius:5px;max-width:580px;margin:50px auto;padding:30px}.profilepage>img{width:130px;margin:35px auto 20px;display:block}.profilepage>select{float:right;border:1px solid #dce3d5;padding:5px}.profilepage h1{font-size:30px}.profilepage label input{padding:12px}.consent{align-items:flex-start;gap:12px;line-height:1.7;display:flex}.consent input{width:auto;margin-top:5px}@media (max-width:1100px){header{flex-wrap:wrap;gap:18px}nav{border-top:1px solid #eee;flex-wrap:wrap;flex-basis:100%;order:3;justify-content:center;padding:12px 0 0;display:flex}}@media (max-width:600px){nav{gap:16px;font-size:12px}.contactsection{grid-template-columns:1fr;gap:20px}.profilepage{margin:20px 4%;padding:24px}}nav a[aria-current=page]{color:#157047;text-underline-offset:7px;font-weight:700;text-decoration:underline}.categorycover{background:#e4e7d8;height:210px;overflow:hidden}.categorycover>img{object-fit:cover;width:100%;height:100%}.categorycover .illustration{height:100%}.coveradmingrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.coveradmin{background:#f7f9f3;border:1px solid #dce3d5;border-radius:6px;padding:20px}.coveradmin h3{min-height:45px;font-size:14px}.coveradmin .imagepreview{width:100%;height:180px;margin-bottom:18px}.coveradmin input[type=file]{width:100%}.coveradmin p{font-size:11px}#about{min-height:500px;padding-top:70px;padding-bottom:90px}#about>.primary{text-decoration:none;display:inline-block}#contact{min-height:500px;padding-top:70px;padding-bottom:90px}#products{min-height:600px}.cartbtn{text-decoration:none}@media (max-width:600px){.categorycover{height:160px}.coveradmingrid{grid-template-columns:1fr}#about,#contact{padding-top:40px;padding-bottom:50px}}
