
:root{--brand-green:#11392f;--brand-green-hover:#194b3a;--brand-green-dark:#112f26;--brand-green-light:#e4eadb;--brand-green-bg:#f5f0e5;--brand-green-glow:#11392f22;--text-dark:#123a30;--text-body:#34463c;--text-muted:#6b7164;--bg-page:#f5f0e5;--bg-white:#fbf8f0;--font-primary:'Noto Sans Thai',sans-serif;--font-heading:Georgia,'Times New Roman',serif;--font-cursive:Georgia,serif;--serif:Georgia,'Times New Roman',serif;--max-width:1440px;--radius-lg:12px;--radius-md:8px;--radius-sm:5px}
body{background:#f5f0e5 url('../assets/paper.webp') repeat;font-family:var(--font-primary)}
.page-wrapper{max-width:1536px;width:100%;margin:auto;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.main-content{max-width:none;width:100%;padding:0;gap:0;display:block}
.page-view{width:100%}
.page-view:not(#view-home):not(#view-admin){padding:36px clamp(20px,4vw,64px) 60px}
.toki-surface{color:var(--forest);font-family:var(--sans)}
body>.svg-library{position:absolute;width:0;height:0;overflow:hidden}
#view-home{background:var(--paper) url('../assets/paper.webp') repeat;background-size:160px 180px}
#siteHeader{border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0;width:100%}
#siteHeader .brand{padding:0;margin:0}
#siteFooter{border-radius:0;margin-top:0;width:100%;max-width:none}
.toki-surface .logo-name{font-family:Georgia,serif}
.toki-surface .hero{margin:0;border-radius:0;box-shadow:none;max-width:none}
.toki-surface .product-card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;display:block;overflow:visible;transform:none}
.toki-surface .product-card:hover{transform:none;box-shadow:none}
.toki-surface .product-image-button{padding:0;width:100%;overflow:hidden}
.toki-surface .product-image-button img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.toki-surface .product-image-button:hover img{transform:scale(1.035)}
.toki-surface .product-title{text-align:left;padding:0}
.toki-surface button:disabled{opacity:.45;cursor:not-allowed}
.toki-surface .cart-count{display:block;min-width:0;padding:0;transform:none}
.toki-utility{display:flex;justify-content:center;gap:24px;padding:14px 24px 20px;color:#d9e1d0;border-top:1px solid #ffffff18;flex-wrap:wrap;font:12px var(--sans)}
.toki-utility button{font:inherit;color:inherit}
#heroSection{height:230px;max-width:none;margin:0;border-radius:0;overflow:hidden;box-shadow:none}
#heroSection .toki-page-banner{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
body[data-page=home] #heroSection{display:none!important}
.shop-products-grid.toki-surface{display:block}
.toki-surface .toki-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.toki-surface .toki-catalog .product-image-button{aspect-ratio:1}
.toki-surface .toki-catalog .product-title{font-size:23px}
.toki-surface .toki-catalog .product-label{font-size:14px}
.toki-surface .toki-catalog .price{font-size:27px}
.toki-empty{padding:35px;grid-column:1/-1;text-align:center;color:var(--muted)}
.toki-dialog{border:1px solid #d5d5c6;border-radius:8px;background:#fbf7ee;color:#123a30;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:40px;box-shadow:0 24px 100px #112f2644;overflow:auto;margin:auto}
.toki-dialog.wide{width:min(930px,calc(100vw - 32px))}
.toki-dialog::backdrop{background:#102d2477;backdrop-filter:blur(4px)}
.toki-dialog-close{position:absolute;top:10px;right:15px;width:32px;height:32px;font:28px sans-serif;background:transparent;border:0;color:#11392f;cursor:pointer}
.toki-dialog h2{font:500 30px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.5px}
.toki-dialog .button{font-size:14px;min-height:44px;padding:12px 18px}
.toki-kicker{font:600 10px/1.5 'Noto Sans Thai',sans-serif;letter-spacing:1.8px;color:#7a816f;margin-bottom:12px!important}
.toki-product-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:start}
.toki-detail-image{width:100%;border-radius:4px;aspect-ratio:.86;object-fit:cover}
.toki-detail-sub{font-size:15px;margin:10px 0!important;color:#71846a}
.toki-detail-copy{font:14px/1.8 'Noto Sans Thai',sans-serif;margin:18px 0!important;color:#5e6d60}
.toki-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.toki-fields label{display:grid;gap:7px;font:12px/1.5 'Noto Sans Thai',sans-serif}
.toki-fields input,.toki-fields select,.toki-fields textarea{width:100%;min-width:0;border:1px solid #d5d5c6;border-radius:3px;background:#fffdf7;padding:10px;font:14px 'Noto Sans Thai',sans-serif;min-height:43px}
.toki-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
#tokiProductPrice{font:500 30px Georgia,serif}
.toki-form-status{margin-top:12px!important;font-size:13px;color:#ae512d}
.toki-search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #a8b19e;padding:14px 0;margin:18px 0}
.toki-search-field input{width:100%;font:15px 'Noto Sans Thai',sans-serif;border:0;background:transparent;outline:none}
.toki-search-result{display:flex;align-items:center;gap:17px;width:100%;padding:14px 0!important;border-bottom:1px solid #d5d5c6!important;text-align:left}
.toki-search-result img{width:65px;height:70px;object-fit:cover;border-radius:3px}
.toki-search-result span{flex:1}
.toki-search-result strong{font:500 19px Georgia,serif;display:block}
.toki-search-result small{display:block;font-size:12px;margin-top:4px;color:#71846a}
.toki-search-result b{font:500 19px Georgia,serif}
.toki-local-note{font-size:12px;color:#7c7362;margin:15px 0!important}
.toki-success{padding:35px 0;text-align:center}
.toki-success .icon{margin:0 auto 15px;width:40px;height:40px}
.toki-success p{font-size:14px;margin-top:15px!important}
.toki-mobile-nav{display:grid;margin-top:15px}
.toki-mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #d5d5c6;font-size:17px}
.local-payment{padding:25px;background:#f5f0e5;border:1px dashed #8b927d;color:#123a30;text-align:center;font-size:14px}
.local-payment strong{letter-spacing:2px;font-size:12px}
.local-payment p{margin-top:10px}
.cart-drawer{background:#fbf7ee}
.cart-drawer .btn-primary,.checkout-modal .btn-primary{background:#ae512d}
.admin-sidebar{background:#11392f}
.admin-main-content{background:#faf8f1}
#view-admin-login{min-height:80vh}
.toki-surface .story-landscape img{height:100%;width:100%}
@media(max-width:850px){#heroSection{height:170px}.toki-surface .toki-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.toki-dialog{padding:35px 22px 25px}.toki-product-detail{grid-template-columns:1fr;gap:22px}.toki-detail-image{height:230px;aspect-ratio:auto}.toki-dialog h2{font-size:27px}.toki-surface .toki-catalog .product-title{font-size:19px}.toki-surface .toki-catalog .product-label{font-size:12px}}
@media(max-width:539px){.toki-fields{gap:12px}.toki-detail-bottom{gap:10px}#tokiProductPrice{font-size:26px}.toki-utility{gap:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.admin-sidebar .admin-sidebar-btn{color:#dfe8db}.admin-sidebar .admin-sidebar-btn:hover{color:#11392f;background:#e8eee0}.admin-sidebar .admin-sidebar-btn.active{color:#11392f;background:#eef5e8}.admin-sidebar .admin-sidebar-header{color:#f4f0e5;background:#1b4739;border-color:#ffffff22!important}

.toki-footer-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:12px 38px;color:#c2cbb8;font:11px var(--sans)}
