:root{--ink:#27352d;--forest:#294d3c;--moss:#587862;--sage:#e8ede2;--cream:#f8f6ed;--paper:#fffefa;--sand:#e8dfcc;--muted:#777f74;--orange:#d2834d;--line:#e8e8de;--shadow:0 20px 55px rgba(44,61,48,.1);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Thai',sans-serif;font-size:17px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.site-header{height:84px;padding:0 max(5vw,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,250,.95);border-bottom:1px solid rgba(39,53,45,.06);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;color:var(--forest);text-decoration:none;font-weight:700;font-size:21px;line-height:1.05;letter-spacing:-.5px}.brand small{display:block;color:#92988d;font-size:11px;font-weight:500;letter-spacing:1.7px;margin-top:5px;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#e9efe3;color:var(--moss);border-radius:13px;font-size:24px}.main-nav{display:flex;gap:40px;margin-left:60px}.main-nav a{color:#606b60;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.close-button{border:0;background:transparent;cursor:pointer}.icon-button{font-size:21px;color:#7b8479;width:38px;height:38px;border-radius:12px}.icon-button:hover{background:#f0f1e9}.cart-button{border:0;border-radius:999px;background:var(--forest);color:white;padding:10px 13px 10px 17px;display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer}.cart-count{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--forest);background:#e6ebdf;font-size:13px;font-weight:700}.hero{position:relative;min-height:500px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:58px max(8vw,calc((100vw - 1120px)/2));overflow:hidden}.hero-copy{position:relative;z-index:1;padding-bottom:8px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:700;color:#889183;margin:0 0 14px}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#758271}.eyebrow-dot{width:7px;height:7px;background:#91a374;border-radius:50%;display:inline-block}.hero h1{font-family:'Noto Sans Thai',sans-serif;font-size:clamp(44px,5vw,68px);line-height:1.22;letter-spacing:-2.5px;font-weight:600;margin:0 0 17px;color:var(--forest)}.title-period{color:var(--orange)}.hero-description{font-size:16px;color:#798075;line-height:1.9;margin:0 0 25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--forest);color:#fff;border:1px solid var(--forest)}.button-dark:hover{background:#1f3c2e}.button-outline{background:transparent;color:var(--forest);border:1px solid #d2dacf}.button-outline:hover{border-color:var(--forest);background:#f5f7f1}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:38px}.avatar-stack{display:flex;padding-left:2px}.avatar-stack i{font-style:normal;display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--cream);border-radius:50%;background:#e7eddc;margin-left:-5px;font-size:16px}.avatar-stack i:first-child{margin-left:0}.hero-proof strong,.hero-proof small{display:block;font-size:12px}.hero-proof strong{color:#4d5e4e}.hero-proof small{color:#969b91;margin-top:1px}.hero-art{height:390px;position:relative;display:flex;justify-content:center;align-items:center}.sun-disc{position:absolute;width:310px;height:310px;background:#e6ead8;border-radius:50%;top:36px;left:50%;transform:translateX(-50%)}.hero-plant{width:min(390px,90%);height:365px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 16px 14px rgba(61,74,51,.12))}.hero-sticker{position:absolute;background:#fffefa;z-index:2;border-radius:12px;box-shadow:0 10px 25px rgba(59,73,57,.12);font-family:'Noto Sans Thai',sans-serif;font-size:12px;line-height:1.5;color:#61705f;padding:11px 14px}.sticker-top{top:48px;right:9%;transform:rotate(5deg)}.sticker-top span{color:var(--orange);font-size:17px;position:absolute;top:5px;right:7px}.sticker-bottom{bottom:38px;left:9%;transform:rotate(-4deg);padding-left:39px}.tiny-sparkle{position:absolute;left:13px;top:15px;color:#a4b18b;font-size:21px}.hero-leaf{position:absolute;color:#c4c9a7}.leaf-one{font-size:27px;top:83px;left:14%}.leaf-two{font-size:20px;bottom:84px;right:12%}.hero-number{position:absolute;right:5vw;bottom:32px;font-size:11px;letter-spacing:2px;color:#99a08f;display:flex;gap:12px;align-items:center}.hero-number i{width:42px;height:1px;background:#c5cbbb}.benefits{max-width:1120px;margin:auto;padding:27px 20px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-bottom:1px solid var(--line)}.benefits>div:not(.benefit-note){display:flex;align-items:center;gap:12px;padding-left:19px;border-right:1px solid var(--line)}.benefits>div:first-child{padding-left:0}.benefit-icon{width:35px;height:35px;border-radius:12px;background:#f2f3eb;color:#859572;display:grid;place-items:center;font-size:20px}.benefits strong,.benefits small{display:block}.benefits strong{font-size:13px;font-weight:600;color:#546354}.benefits small{font-size:11px;color:#9b9f95;margin-top:2px}.benefit-note{font-family:'Noto Sans Thai',sans-serif;font-size:13px;color:#889182;line-height:1.7;text-align:right}.benefit-note em{font-style:normal;color:var(--orange)}.section-wrap{max-width:1120px;margin:0 auto;padding:79px 20px 95px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2,.admin-heading h1{margin:0;color:var(--forest);font-family:'Noto Sans Thai',sans-serif;font-size:34px;letter-spacing:-1.1px;line-height:1.35}.section-subtitle{margin:8px 0 0;font-size:14px;color:#93978e}.search-box{display:flex;align-items:center;width:240px;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;gap:8px;color:#8c9688}.search-box span{font-size:26px;line-height:1;transform:rotate(-20deg)}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.search-box input::placeholder{color:#a2a59e}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 19px}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{padding:8px 14px;border:1px solid transparent;background:#f6f6f0;border-radius:99px;color:#80877c;font-size:12px;cursor:pointer;transition:.2s}.filter-chip:hover{border-color:#d7dece}.filter-chip.active{background:var(--forest);color:#fff}.result-count{font-size:12px;color:#9a9e95}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.product-card{min-width:0}.product-image-wrap{position:relative;border-radius:14px;background:#f1f2e9;overflow:hidden;aspect-ratio:1/1.08;display:grid;place-items:center}.product-image-wrap::before{content:"";position:absolute;width:63%;height:63%;border-radius:50%;background:rgba(255,255,255,.39);top:13%;left:18%}.product-image{position:relative;width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product-card:hover .product-image{transform:scale(1.06) rotate(-2deg)}.product-category{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:99px;background:rgba(255,254,250,.88);color:#77836f;font-size:11px;z-index:1}.add-cart{position:absolute;right:11px;bottom:11px;border:0;background:var(--forest);color:#fff;border-radius:50%;width:34px;height:34px;font-size:19px;display:grid;place-items:center;cursor:pointer;transition:.2s}.add-cart:hover{transform:rotate(90deg);background:#42664d}.add-cart:disabled{background:#a9b09f;cursor:not-allowed;transform:none}.product-meta{padding:13px 2px 0}.product-title-row{display:flex;justify-content:space-between;align-items:start;gap:8px}.product-title{margin:0;font-family:'Noto Sans Thai',sans-serif;color:#344b3a;font-size:15px;line-height:1.5;font-weight:600}.product-price{white-space:nowrap;color:#405847;font-size:15px;font-weight:700}.product-description{margin:5px 0 0;color:#989d93;font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stock-note{font-size:11px;margin-top:7px;color:#a0a398}.stock-note.low{color:#ce8554}.empty-state{text-align:center;padding:65px 20px;color:#788374}.empty-state>span{font-size:40px}.empty-state strong{display:block;margin-top:12px;font-size:17px;color:#476149}.empty-state p{font-size:14px;color:#989d93}.hidden{display:none!important}.about-section{position:relative;overflow:hidden;min-height:360px;background:#edf0e6;padding:46px max(12vw,calc((100vw - 890px)/2));display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.about-art{height:245px;display:grid;place-items:center;background:#e2e8d9;border-radius:50%;max-width:300px;aspect-ratio:1}.about-art img{width:82%;height:85%;object-fit:contain}.about-section h2{font-family:'Noto Sans Thai',sans-serif;color:var(--forest);font-size:31px;line-height:1.45;margin:0 0 14px;letter-spacing:-.6px}.about-section p:not(.eyebrow){max-width:430px;color:#7f877c;font-size:13px;line-height:2}.text-link{display:inline-flex;gap:15px;align-items:center;margin-top:10px;color:var(--forest);text-decoration:none;font-size:13px;font-weight:700;transition:color .2s}.about-scribble{position:absolute;right:5%;bottom:17px;transform:rotate(-12deg);font-family:Georgia,serif;font-size:29px;line-height:1.1;color:#c1c9ae;font-style:italic}.site-footer{height:103px;background:#fffefa;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,calc((100vw - 1120px)/2))}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:32px;height:32px;font-size:19px}.footer-brand small{font-size:10px}.site-footer p{font-size:12px;color:#969b91}.site-footer p span{color:var(--orange)}.site-footer>small{font-size:11px;color:#a5a99f}.admin-view{max-width:1120px;min-height:calc(100vh - 187px);padding:33px 20px 90px;margin:auto}.admin-topline{display:flex;justify-content:space-between;align-items:center}.back-link{border:0;background:transparent;padding:0;color:#768174;font-size:13px;cursor:pointer}.back-link:hover{color:var(--forest)}.admin-label{font-size:12px;color:#8b9386;display:flex;align-items:center;gap:8px}.admin-label span{width:7px;height:7px;border-radius:50%;background:#a7b987}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin:38px 0 28px}.admin-heading h1{font-size:33px}.admin-heading p:not(.eyebrow){font-size:13px;color:#8d9489;margin:7px 0 0}.admin-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line)}.admin-tab{border:0;background:transparent;color:#8f958b;font-size:14px;padding:13px 2px;position:relative;cursor:pointer}.admin-tab.active{color:var(--forest);font-weight:700}.admin-tab.active::after{content:"";height:2px;background:var(--forest);position:absolute;left:0;right:0;bottom:-1px}.admin-panel{padding-top:25px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#f5f6f0;border-radius:14px;padding:19px 20px}.stat-card:nth-child(2){background:#f5eee5}.stat-card:nth-child(3){background:#eaf0e8}.stat-card:nth-child(4){background:#f2f0e7}.stat-label{font-size:12px;color:#8c9388;display:flex;justify-content:space-between;align-items:center}.stat-icon{font-size:18px;color:#819371}.stat-value{font-family:'Noto Sans Thai',sans-serif;font-size:28px;color:#344d3b;font-weight:600;margin-top:9px}.stat-foot{font-size:11px;color:#a1a59c;margin-top:1px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-top:20px}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading h2,.panel-toolbar h2{font-size:16px;color:#3c5541;margin:0;font-weight:700}.card-heading p,.panel-toolbar p{font-size:12px;color:#999f94;margin:4px 0 0}.admin-spark{color:#b6c29f;font-size:27px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.quick-links button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #ebeee7;background:#fafbf8;border-radius:11px;padding:16px;cursor:pointer}.quick-links button:hover{border-color:#bcc8b0}.quick-links span{font-size:11px;color:#a1ae8e}.quick-links b{font-size:12px;color:#526551;font-weight:600}.quick-links i{font-style:normal;margin-left:auto;color:#85967a}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.admin-product-list,.orders-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.admin-product-row{display:grid;grid-template-columns:58px minmax(150px,1fr) 125px 90px 95px auto;gap:14px;align-items:center;padding:12px 17px;border-bottom:1px solid #f0f0e9}.admin-product-row:last-child,.order-card:last-child{border:0}.admin-product-row img{width:52px;height:52px;object-fit:contain;background:#f2f3eb;border-radius:10px}.admin-product-name{font-size:13px;color:#405443;font-weight:600}.admin-product-name small{display:block;color:#9a9f94;font-size:11px;font-weight:400;margin-top:3px}.row-detail{font-size:12px;color:#7f897c}.row-actions{display:flex;gap:7px;justify-content:end}.small-action{border:1px solid #e2e7de;background:#fff;border-radius:7px;padding:6px 9px;font-size:11px;color:#657761;cursor:pointer}.small-action:hover{background:#f3f5ef}.small-action.delete{color:#b87867}.order-card{padding:17px 19px;border-bottom:1px solid #efefe9}.order-top{display:flex;justify-content:space-between;align-items:start;gap:14px}.order-number{font-size:13px;color:#405443;font-weight:700}.order-date{font-size:11px;color:#a0a49b;margin-left:8px;font-weight:400}.order-customer{font-size:12px;color:#778174;margin-top:6px}.order-items{font-size:12px;color:#8c9388;margin-top:10px}.order-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid #f1f1eb}.order-total{font-size:13px;color:#405443;font-weight:700}.order-status{padding:5px 8px;border-radius:99px;font-size:11px;background:#f5f0e4;color:#a38151}.order-status.status-สำเร็จ{background:#e9f0e8;color:#5d7a5c}.order-status.status-กำลังจัดส่ง{background:#edf0e7;color:#718553}.order-status.status-ยกเลิก{background:#f7ece9;color:#bd7869}.order-bottom select{border:1px solid #e3e7df;background:#fff;border-radius:7px;padding:6px 8px;font-size:11px;color:#6a7768}.no-orders{text-align:center;padding:45px 15px;color:#9a9e95;font-size:13px}.no-orders span{font-size:32px;display:block;margin-bottom:9px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(25,39,29,.42);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal{width:min(100%,490px);background:#fffefa;border-radius:20px;padding:25px;box-shadow:var(--shadow);max-height:90vh;overflow:auto;animation:pop .22s ease-out}.cart-modal{width:min(100%,530px)}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-heading .eyebrow{margin-bottom:3px;font-size:11px}.modal-heading h2{font-family:'Noto Sans Thai',sans-serif;font-size:24px;color:var(--forest);margin:0}.close-button{font-size:29px;color:#8c9589;line-height:1;padding:0 4px}.stack-form{display:flex;flex-direction:column;gap:13px}.stack-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#667364;font-weight:600}.stack-form label small{font-weight:400;color:#9da398}.stack-form input,.stack-form textarea,.stack-form select{border:1px solid #e3e7de;border-radius:9px;background:#fff;padding:11px 12px;outline:0;color:#38483a;font-size:13px;font-weight:400;resize:vertical}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus{border-color:#91a182;box-shadow:0 0 0 3px rgba(145,161,130,.13)}.stack-form input::placeholder,.stack-form textarea::placeholder{color:#b2b6ad}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.form-actions .button{padding:11px 17px}.checkout-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:13px;color:#7f897d}.checkout-total strong{font-size:16px;color:var(--forest)}.form-note{font-size:11px;color:#a0a49c;margin:-5px 0 0}.button-wide{width:100%;justify-content:space-between}.cart-items{max-height:300px;overflow:auto}.cart-line{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #eeefe8}.cart-line img{width:58px;height:58px;object-fit:contain;background:#f0f2e9;border-radius:10px}.cart-line-name{font-size:13px;color:#465a48;font-weight:600}.cart-line-price{font-size:12px;color:#92998d;margin-top:4px}.quantity-control{display:flex;gap:7px;align-items:center;margin-top:7px}.quantity-control>button:not(.small-action){width:36px;height:44px;border:1px solid #e2e6dd;background:#fff;border-radius:6px;font-size:14px;line-height:1;cursor:pointer}.quantity-control span{font-size:12px;color:#526451;min-width:12px;text-align:center}.cart-line-total{font-size:13px;font-weight:700;color:#4c624f;text-align:right}.cart-summary{padding-top:16px}.cart-summary>div{display:flex;justify-content:space-between;font-size:13px;color:#808a7f}.cart-summary>div strong{color:var(--forest);font-size:17px}.cart-summary small{display:block;color:#a0a59b;font-size:11px;margin:3px 0 15px}.cart-empty{text-align:center;padding:26px 0;color:#9ba094;font-size:13px}.cart-empty>span{font-size:37px}.cart-empty p{line-height:1.8}.toast{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#294d3c;color:#fff;border-radius:10px;padding:11px 16px;font-size:13px;box-shadow:0 10px 35px rgba(23,46,32,.22);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){.site-header{padding:0 4vw}.hero{padding:50px 6vw;min-height:450px}.hero-art{height:330px}.hero-plant{height:320px}.sun-disc{width:270px;height:270px}.benefits{padding-left:4vw;padding-right:4vw}.benefits>div:not(.benefit-note){padding-left:11px;gap:9px}.benefits strong{font-size:12px}.benefits small{font-size:10px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-section{padding-left:9vw;padding-right:9vw}.admin-product-row{grid-template-columns:54px minmax(130px,1fr) 100px 72px auto}.admin-product-row .row-category{display:none}}
@media(max-width:650px){.site-header{height:68px;padding:0 17px}.brand{font-size:18px;gap:8px}.brand-mark{width:33px;height:33px;border-radius:11px;font-size:19px}.brand small{font-size:9px;letter-spacing:1.3px}.main-nav{display:none}.header-actions{gap:5px}.icon-button{width:34px;height:34px;font-size:18px}.cart-button{padding:7px 8px 7px 12px;font-size:12px;gap:7px}.cart-count{width:20px;height:20px}.hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:43px 25px 25px}.hero h1{font-size:50px}.hero-description{font-size:14px}.hero-art{height:270px;margin-top:5px}.hero-plant{height:270px;width:100%}.sun-disc{width:235px;height:235px;top:20px}.sticker-top{top:21px;right:2%}.sticker-bottom{bottom:12px;left:2%}.hero-number{right:20px;bottom:16px}.hero-proof{margin-top:25px}.benefits{grid-template-columns:1fr 1fr;gap:17px;padding:20px 22px}.benefits>div:not(.benefit-note){border:0;padding:0;gap:9px}.benefit-icon{width:30px;height:30px;font-size:17px;border-radius:10px}.benefits strong{font-size:11px}.benefits small{font-size:9px}.benefit-note{display:none}.section-wrap{padding:54px 17px 65px}.section-heading{align-items:start;gap:17px;flex-direction:column}.section-heading h2{font-size:29px}.section-subtitle{font-size:12px}.search-box{width:100%;height:40px}.catalog-toolbar{margin:22px 0 15px;align-items:start;gap:10px;flex-direction:column}.category-filters{gap:6px}.filter-chip{padding:7px 11px;font-size:11px}.result-count{align-self:flex-end}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.product-image-wrap{border-radius:11px}.product-category{top:8px;left:8px;font-size:10px;padding:5px 7px}.add-cart{right:8px;bottom:8px;width:31px;height:31px}.product-meta{padding-top:10px}.product-title{font-size:13px}.product-price{font-size:13px}.product-description{font-size:11px}.about-section{padding:40px 26px;grid-template-columns:1fr;gap:23px}.about-art{height:190px;width:190px;margin:auto}.about-section h2{font-size:28px}.about-section p:not(.eyebrow){font-size:12px}.about-scribble{font-size:20px;right:5%;bottom:11px}.site-footer{height:auto;min-height:100px;padding:20px;gap:8px;flex-wrap:wrap}.site-footer p{order:3;width:100%;text-align:center;margin:3px 0 0}.site-footer>small{font-size:10px}.admin-view{padding:25px 16px 60px}.admin-heading{margin:29px 0 21px;align-items:start;flex-direction:column;gap:17px}.admin-heading h1{font-size:29px}.admin-heading p:not(.eyebrow){font-size:12px}.admin-heading .button{align-self:stretch;justify-content:center}.admin-tabs{gap:21px}.admin-tab{font-size:13px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-value{font-size:25px}.quick-links{grid-template-columns:1fr;gap:8px}.quick-links button{padding:13px}.panel-toolbar{align-items:start;gap:10px}.panel-toolbar h2{font-size:15px}.panel-toolbar p{font-size:11px}.panel-toolbar .button{padding:9px 11px;gap:8px;font-size:12px;white-space:nowrap}.admin-product-list,.orders-list{border-radius:11px}.admin-product-row{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:10px}.admin-product-row img{width:42px;height:42px}.admin-product-name{font-size:12px}.admin-product-name small{font-size:10px}.admin-product-row .row-price,.admin-product-row .row-stock{display:none}.row-actions{gap:4px}.small-action{padding:6px 7px;font-size:10px}.order-card{padding:14px}.order-number{font-size:12px}.order-date{display:block;margin:2px 0 0}.order-customer,.order-items{font-size:11px}.order-bottom{gap:7px;flex-wrap:wrap}.order-bottom select{max-width:125px}.modal-backdrop{padding:11px}.modal{padding:20px 17px;border-radius:16px;max-height:94vh}.modal-heading h2{font-size:21px}.form-row{grid-template-columns:1fr;gap:11px}.stack-form{gap:11px}.stack-form input,.stack-form textarea,.stack-form select{padding:10px}.cart-line{grid-template-columns:49px 1fr auto;gap:10px}.cart-line img{width:49px;height:49px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-status.status-complete{background:#e9f0e8;color:#5d7a5c}.order-status.status-shipping{background:#edf0e7;color:#718553}.order-status.status-cancelled{background:#f7ece9;color:#bd7869}
.login-view{min-height:calc(100vh - 187px);padding:45px 20px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#f4f4eb 0,transparent 62%)}.login-card{width:min(100%,420px);padding:36px;background:#fffefa;border:1px solid #e9ebe2;border-radius:20px;box-shadow:0 18px 50px rgba(44,61,48,.08)}.login-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:25px;border-radius:16px;background:#e9efe3;color:#71886d;font-size:29px}.login-card .eyebrow{margin-bottom:7px}.login-card h1{font-family:'Noto Sans Thai',sans-serif;color:var(--forest);font-size:27px;margin:0}.login-description{color:#92998d;font-size:13px;margin:7px 0 22px}.login-hint{padding:10px 12px;margin:0 0 14px;border-radius:9px;background:#f1f3eb;color:#697765;font-size:12px;line-height:1.7}.login-session-note{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;color:#9aa094;font-size:11px}.login-session-note span{font-size:15px;margin-right:5px}.login-card>.text-link{margin-top:18px;border:0;background:transparent;padding:0;cursor:pointer}.form-error{color:#b66656;font-size:12px;margin:0}.admin-session{display:flex;align-items:center;gap:18px}.admin-session .admin-label b{font-weight:600;color:#64745f}.logout-link{border:0;background:transparent;color:#92998d;font-size:12px;cursor:pointer}.logout-link:hover{color:#b76c5e}.order-controls{display:flex;align-items:center;gap:9px}.print-label{color:#536d53}.print-label:hover{border-color:#aab99f;background:#f3f6ef}.shipping-print{display:none}
@media(max-width:650px){.login-view{min-height:calc(100vh - 168px);padding:30px 16px}.login-card{padding:27px 21px}.login-card h1{font-size:25px}.admin-session{gap:8px;align-items:flex-end;flex-direction:column}.admin-session .admin-label{font-size:11px}.order-bottom{align-items:flex-start;flex-direction:column}.order-controls{width:100%;justify-content:space-between}.print-label{font-size:10px}.order-controls select{max-width:none}}

.journal{border-top:1px solid var(--line)}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.journal-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fffefa;cursor:pointer;transition:transform .2s,box-shadow .2s}
.journal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.journal-image-wrap{position:relative;display:grid;place-items:center;aspect-ratio:1.55;background:#f0f2e9;overflow:hidden}
.journal-image-wrap img{width:100%;height:100%;object-fit:cover}
.journal-placeholder{font-size:51px;color:#829477}
.journal-type{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e9efe3;color:#5f765f;font-size:11px;font-weight:600}
.journal-image-wrap .journal-type{position:absolute;top:12px;left:12px;background:rgba(255,254,250,.92)}
.journal-type.inline{margin-bottom:7px}
.journal-card-body{display:flex;flex-direction:column;align-items:start;padding:17px 18px 19px;gap:6px}
.journal-date,.admin-blog-copy small{color:#92998d;font-size:11px}
.journal-card-body strong{color:#3d5543;font-size:16px;line-height:1.55}
.journal-excerpt{color:#7e877c;font-size:12px;line-height:1.8;white-space:normal}
.journal-read{margin-top:4px;color:#6d8067;font-size:12px;font-weight:600}
.post-modal{width:min(100%,700px)}
.post-modal-image{width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin:8px 0 15px;background:#f0f2e9}
.post-modal-date{color:#92998d;font-size:12px;margin:2px 0 16px}
.post-modal-content{color:#586456;font-size:15px;line-height:2;white-space:normal;overflow-wrap:anywhere}
.admin-tabs{flex-wrap:wrap;gap:8px 24px}
.inventory-list{display:grid;gap:0}
.inventory-row{display:grid;grid-template-columns:minmax(170px,1.5fr) 110px minmax(110px,.7fr) minmax(150px,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f0e9}
.inventory-row:last-child{border-bottom:0}
.inventory-product{display:flex;align-items:center;gap:11px;min-width:0}
.inventory-product img,.admin-blog-row>img,.admin-blog-placeholder{width:46px;height:46px;object-fit:contain;border-radius:9px;background:#f2f3eb;flex:none}
.inventory-product span,.inventory-product strong,.inventory-product small{display:block;min-width:0}
.inventory-product strong{font-size:12px;color:#405443}
.inventory-product small{font-size:11px;color:#92998d}
.inventory-current{color:#405443;font-size:17px;font-weight:700}
.inventory-current.low{color:#b87850}
.inventory-current small{display:block;color:#92998d;font-size:10px;font-weight:400}
.inventory-adjust,.inventory-reason{color:#7d877b;font-size:11px}
.inventory-adjust input,.inventory-reason input,.report-filter input{display:block;width:100%;min-width:0;margin-top:4px;padding:8px 9px;border:1px solid #e4e8df;border-radius:8px;background:#fffefa;color:var(--ink);font-size:12px}
.inventory-row .small-action{white-space:nowrap}
.stock-history-row{display:grid;grid-template-columns:minmax(150px,1fr) 60px minmax(125px,auto);align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid #f0f0e9}
.stock-history-row:last-child{border:0}
.stock-history-row>span strong,.stock-history-row>span small{display:block}
.stock-history-row>span strong{font-size:12px;color:#455a47}
.stock-history-row>span small,.stock-history-row time{font-size:10px;color:#92998d}
.stock-history-row>b{text-align:center;font-size:13px}
.stock-in{color:#5f805c}.stock-out{color:#b87867}
.stock-history-row time{text-align:right}
.admin-blog-list{display:grid;gap:11px}
.admin-blog-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fffefa}
.admin-blog-row>img,.admin-blog-placeholder{width:60px;height:60px}
.admin-blog-placeholder{display:grid;place-items:center;font-size:27px;color:#7a9071}
.admin-blog-copy{display:flex;flex-direction:column;align-items:start;min-width:0}
.admin-blog-copy strong{font-size:13px;color:#405443}
.admin-blog-copy small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.report-filter{display:flex;align-items:end;gap:12px;padding:16px;background:#f5f6f0;border-radius:12px;margin-bottom:17px}
.report-filter label{min-width:180px;color:#7d877b;font-size:11px}
.report-filter .button{padding:10px 16px;white-space:nowrap}
.report-stats{margin-bottom:16px}
.report-day{display:grid;grid-template-columns:140px minmax(60px,1fr) 100px 75px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0e9}
.report-day:last-child{border:0}
.report-day time,.report-day small{font-size:11px;color:#92998d}
.report-day strong{font-size:12px;color:#405443;text-align:right}
.report-bar{height:7px;border-radius:99px;background:#f0f2ea;overflow:hidden}
.report-bar i{display:block;height:100%;border-radius:inherit;background:#90a180}
.blog-modal{width:min(100%,620px)}
.publish-toggle{display:flex!important;align-items:center;gap:8px;color:#586456!important;font-size:12px!important}
.publish-toggle input{width:auto!important;margin:0!important}
.blog-image-preview{max-width:100%;max-height:210px;object-fit:contain;align-self:start;border-radius:10px;background:#f0f2e9}

@media(max-width:900px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-row{grid-template-columns:minmax(150px,1fr) 85px minmax(95px,.7fr) auto}.inventory-reason{grid-column:2/4}.inventory-row .small-action{grid-column:4;grid-row:2}.report-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.journal-grid{grid-template-columns:1fr;gap:13px}.journal-image-wrap{aspect-ratio:1.7}.journal-card-body{padding:14px}.journal-card-body strong{font-size:14px}.admin-tabs{gap:5px 14px}.admin-tab{padding:9px 1px;font-size:12px}.inventory-row{grid-template-columns:minmax(110px,1fr) 68px 83px;gap:8px;padding:12px 0}.inventory-product{gap:7px}.inventory-product img{width:36px;height:36px}.inventory-product strong{font-size:11px}.inventory-product small{font-size:10px}.inventory-current{font-size:14px}.inventory-current small{font-size:9px}.inventory-adjust{font-size:10px}.inventory-reason{grid-column:1/3}.inventory-row .small-action{grid-column:3;grid-row:2;justify-self:stretch;font-size:10px;padding:7px 5px}.stock-history-row{grid-template-columns:minmax(90px,1fr) 42px;gap:8px}.stock-history-row time{grid-column:1/-1;text-align:left;margin-top:-5px}.stock-history-row>span small{font-size:9px}.admin-blog-row{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:10px}.admin-blog-row>img,.admin-blog-placeholder{width:44px;height:44px}.admin-blog-copy strong{font-size:11px}.admin-blog-copy small{font-size:10px}.admin-blog-row .row-actions{grid-column:2;justify-content:start}.report-filter{align-items:stretch;flex-direction:column;gap:7px;padding:12px}.report-filter label{min-width:0}.report-filter .button{width:100%}.report-day{grid-template-columns:92px minmax(40px,1fr) 78px;gap:7px}.report-day small{grid-column:1/-1;margin-top:-5px}.report-day strong{font-size:11px}.report-day time{font-size:10px}.post-modal-content{font-size:13px}.blog-modal .form-actions{gap:8px}}
/* Readable type and comfortable touch targets across screen sizes */
body{font-size:17px}
section[id]{scroll-margin-top:120px}
.product-title-row>*{min-width:0}
.product-title{overflow-wrap:anywhere}
.inventory-row>*{min-width:0}
.icon-button{min-width:44px;min-height:44px}
.cart-button{min-height:44px}
.filter-chip{min-height:42px}
.admin-tab{min-height:42px}
.button{min-height:44px}
.small-action{min-height:40px}
.stack-form input,.stack-form textarea,.stack-form select,.report-filter input,.inventory-adjust input,.inventory-reason input{font-size:16px}
@media(min-width:651px) and (max-width:820px){.site-header{gap:12px;padding-inline:3vw}.main-nav{gap:18px;margin-left:12px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefits>div:not(.benefit-note){padding:0;border:0}.benefit-note{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header{height:auto;min-height:68px;padding:9px 14px 0;flex-wrap:wrap;row-gap:0}.main-nav{display:flex;order:3;width:100%;min-width:0;margin:0;gap:0;justify-content:space-between;overflow-x:auto;padding:0 0 8px}.main-nav a{white-space:nowrap;font-size:13px;padding:8px 5px}.icon-button{width:44px;height:44px}.cart-button{padding:7px 9px 7px 12px}.filter-chip{padding:8px 12px;font-size:11px}.admin-tabs{gap:4px 12px}.admin-tab{font-size:12px;padding:9px 2px}.button{font-size:14px}.small-action{font-size:11px}.stack-form input,.stack-form textarea,.stack-form select{min-height:46px}}
@media(max-width:380px){.site-header{padding-inline:11px}.brand{font-size:17px}.header-actions{gap:2px}.cart-button{padding-inline:8px}.product-title-row{display:block}.product-price{display:block;margin-top:2px}.section-wrap{padding-inline:14px}.inventory-row{grid-template-columns:minmax(100px,1fr) 62px 80px;gap:6px}.inventory-row .small-action{font-size:10px;padding-inline:3px}}
@media print{@page{size:100mm 150mm;margin:0}html,body{width:100mm!important;min-height:150mm!important;margin:0!important;padding:0!important;background:#fff!important}body *{visibility:hidden!important}#shipping-print,#shipping-print *{visibility:visible!important}#shipping-print{display:block!important;position:fixed!important;left:0!important;top:0!important;width:100mm!important;height:150mm!important;padding:9mm!important;overflow:hidden!important;background:#fff!important;color:#18231a!important;font-family:Arial,'Noto Sans Thai',sans-serif!important;box-sizing:border-box!important;page-break-after:always!important}.shipping-label-brand{font-size:17pt;font-weight:700;color:#294d3c;border-bottom:1px solid #222;padding-bottom:4mm}.shipping-label-brand>span{color:#71886d}.shipping-label-brand small{float:right;font-size:9pt;font-weight:400;color:#536154;margin-top:2mm}.shipping-label-ref{display:flex;justify-content:space-between;gap:4mm;margin:4mm 0 2mm;font-size:9pt;font-weight:700}.shipping-label-ref span{font-size:8pt;font-weight:400}.shipping-label-rule{border-top:1px solid #555;margin:3mm 0}.shipping-label-caption{font-size:8pt;color:#555;margin:2mm 0}.shipping-print h1{font-size:19pt;line-height:1.3;margin:1mm 0 2mm}.shipping-label-address{font-size:13pt;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.shipping-label-phone{font-size:12pt;margin-top:3mm}.shipping-print ul{padding-left:6mm;margin:1mm 0;font-size:9pt;line-height:1.45}.shipping-label-payment{font-size:9pt;margin-top:2mm}.shipping-label-thanks{position:absolute;bottom:8mm;left:9mm;right:9mm;border-top:1px dashed #aaa;padding-top:3mm;text-align:center;font-size:9pt;color:#536154}}

.quantity-control{gap:4px}.quantity-control .cart-remove{width:36px;min-width:36px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;font-size:24px;line-height:1;white-space:nowrap}.quantity-control .cart-remove:hover{background:#fbf0eb;border-color:#edd7cc;color:#a85d4d}

.tracking-section{background:#f7f7f0;border-top:1px solid var(--line);scroll-margin-top:100px}
.tracking-form{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(170px,.9fr) minmax(210px,1.3fr) auto;align-items:end;gap:12px;padding:19px;background:#fffefa;border:1px solid var(--line);border-radius:14px}
.tracking-form label,.shipment-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#657263}
.tracking-form input,.tracking-form select,.shipment-form input{width:100%;min-width:0;min-height:46px;padding:9px 11px;border:1px solid #e3e7de;border-radius:9px;background:#fff;color:var(--ink);font-size:14px;outline:0}
.tracking-form input:focus,.tracking-form select:focus,.shipment-form input:focus{border-color:#91a182;box-shadow:0 0 0 3px rgba(145,161,130,.13)}
.tracking-form>.button{min-height:46px;white-space:nowrap}
.tracking-message{margin:14px 0 0;padding:12px 15px;border-radius:10px;background:#fbf0eb;color:#a85d4d;font-size:14px}
.tracking-result{max-width:760px;margin-top:18px;padding:20px;background:#fffefa;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(44,61,48,.06)}
.tracking-result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.tracking-result-top>div{display:flex;flex-direction:column}.tracking-result-top>div strong{font-size:17px;color:var(--forest)}.tracking-result-top time{font-size:12px;color:#92998d}
.tracking-items{margin:12px 0;padding-left:21px;color:#586456;font-size:14px;line-height:1.9}
.tracking-total{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:14px;color:#7f897d}.tracking-total strong{color:var(--forest)}
.tracking-parcel{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:10px;background:#f1f3eb;color:#657263;font-size:13px}.tracking-parcel strong{color:var(--forest)}
.order-success-modal>p{font-size:14px;color:#758074;margin:7px 0}.success-order-number{display:block;margin:7px 0 12px;font-size:30px;color:var(--forest)}.order-success-modal .button{margin-top:17px}
.footer-track-link{color:#657263;font-size:13px;text-decoration:none}.footer-track-link:hover{color:var(--orange)}
.shipment-form{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) auto;align-items:end;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.shipment-form label{font-size:11px}.shipment-form input{min-height:38px;font-size:12px}.shipment-form .small-action{min-height:38px;white-space:nowrap}
@media(max-width:900px){.tracking-form{grid-template-columns:1fr 1fr}.tracking-form>.button{grid-column:1/-1;justify-content:center}.shipment-form{grid-template-columns:1fr 1fr}.shipment-form .small-action{grid-column:1/-1}}
@media(max-width:650px){.tracking-section{padding-inline:17px}.tracking-form{grid-template-columns:1fr;padding:14px}.tracking-form>.button{grid-column:auto;width:100%;justify-content:space-between}.tracking-form label{font-size:13px}.tracking-result{padding:15px}.tracking-result-top>div strong{font-size:15px}.tracking-items{font-size:13px}.shipment-form{grid-template-columns:1fr}.shipment-form .small-action{grid-column:auto;width:100%;min-height:42px}.site-footer .footer-track-link{order:4;width:100%;text-align:center}}