:root{
  --green-950:#123d2b;--green-900:#174c35;--green-800:#1d6542;--green-700:#248352;--green-600:#2d9b61;--green-500:#3dbf76;
  --green-300:#92ddb0;--green-200:#c4eed4;--green-100:#e7f8ed;--green-50:#f5fcf7;--ink:#173126;--muted:#557065;
  --white:#fff;--danger:#a52a2a;--warning:#7c5b00;--border:#d7e9de;--shadow:0 14px 38px rgba(22,76,53,.12);
  --radius:18px;--radius-sm:12px;--space:clamp(1rem,2vw,1.5rem);--content:1180px;
  font-family:"Be Vietnam Pro","Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--green-50)
}
html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#f8fff9 0%,#ecf9f0 48%,#f7fcf8 100%);color:var(--ink);min-height:100vh;line-height:1.65}body[data-font-script="sc"]{font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}body[data-font-script="thai"]{font-family:"Noto Sans Thai",Tahoma,system-ui,sans-serif}body[data-font-script="lao"]{font-family:"Noto Sans Lao",Phetsarath OT,system-ui,sans-serif}body[data-font-script="khmer"]{font-family:"Noto Sans Khmer","Khmer OS",system-ui,sans-serif}body[data-font-script="devanagari"]{font-family:"Noto Sans Devanagari",Mangal,system-ui,sans-serif}body[data-font-script="arabic"]{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0a7c43;outline-offset:3px}.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}.loading{min-height:70vh;display:grid;place-items:center;font-weight:800;color:var(--green-800)}
.button,.admin-actions button,.auth-card button,.inline-actions button,.upload-row button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--green-800);border-radius:999px;padding:.72rem 1.2rem;background:linear-gradient(135deg,var(--green-800),var(--green-600));color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(29,101,66,.2);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover,.admin-actions button:hover,.auth-card button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(29,101,66,.26)}.button.secondary,.secondary{background:#fff;color:var(--green-900);box-shadow:none}.button.compact{min-height:38px;padding:.55rem 1rem}.danger{background:#fff!important;color:var(--danger)!important;border-color:#d9a3a3!important}.text-link{color:var(--green-800);font-weight:800}.center{text-align:center;margin-top:1.5rem}
.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;max-width:calc(var(--content) + 2rem);margin:.75rem auto 0;padding:.7rem 1rem;border:1px solid rgba(199,231,210,.85);border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(23,76,53,.1)}.brand,.admin-brand{font-weight:900;font-size:1.45rem;letter-spacing:-.04em;color:var(--green-900)}.site-menu{display:flex;justify-content:center;align-items:center;gap:clamp(.55rem,1.4vw,1.2rem)}.site-menu>a{font-weight:700;font-size:.92rem;padding:.45rem .1rem;border-bottom:2px solid transparent}.site-menu>a:hover{color:var(--green-800);border-color:var(--green-500)}.header-actions{display:flex;align-items:center;gap:.65rem}.menu-toggle{display:none;border:0;background:transparent;padding:.55rem}.menu-toggle span{display:block;width:24px;height:2px;background:var(--green-900);margin:5px;border-radius:2px}.mobile-language-switcher{display:none}
.language-switcher{position:relative}.language-trigger{display:flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--green-900);font-weight:800}.functional-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.language-popover{position:absolute;inset-inline-end:0;top:calc(100% + .55rem);width:min(320px,85vw);padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);z-index:50}.language-search-label input{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px}.language-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.6rem;max-height:320px;overflow:auto}.language-list button{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border:0;border-radius:9px;background:transparent;padding:.6rem;text-align:start;color:var(--ink)}.language-list button:hover,.language-list button[aria-selected="true"]{background:var(--green-100);color:var(--green-900)}.language-list small{color:var(--muted)}.language-empty{margin:.7rem 0 0;color:var(--muted)}
.hero{position:relative;overflow:hidden;max-width:var(--content);min-height:530px;margin:2rem auto 0;padding:clamp(2rem,7vw,5rem);border-radius:32px;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.84),transparent 28%),linear-gradient(135deg,#e8f9ee 0%,#bfeccf 48%,#6fd19a 100%);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:2rem;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.23);inset-inline-end:-80px;bottom:-90px}.hero-copy{position:relative;z-index:1;max-width:720px}.hero h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:.5rem 0 1.1rem;color:var(--green-950)}.hero p{font-size:clamp(1.05rem,2vw,1.28rem);max-width:680px;color:#2d5b44}.hero-orb{position:relative;z-index:1;justify-self:center;width:230px;height:230px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 50px rgba(23,76,53,.16)}.hero-orb span{font-size:4.6rem;font-weight:900;line-height:1;color:var(--green-800)}.hero-orb small{font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--green-900)}.eyebrow{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--green-800)}
.section{max-width:var(--content);margin:0 auto;padding:clamp(3.5rem,7vw,6.5rem) 1rem}.page-top{padding-top:2rem}.section-head{max-width:780px;margin-bottom:2rem}.section-head h1,.section-head h2,.group-section h2,.content-section h2,.contact-band h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.04em;margin:.45rem 0}.section-head p,.group-section>p,.content-section>p{color:var(--muted);font-size:1.05rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.product-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(23,76,53,.08);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:linear-gradient(145deg,var(--green-50),var(--green-100));padding:1rem}.product-card div{padding:1.15rem}.product-card h3{font-size:1.2rem;line-height:1.35;margin:.65rem 0}.product-card p{color:var(--muted);font-size:.95rem}.pill{display:inline-block;border:1px solid var(--green-300);border-radius:999px;background:var(--green-100);padding:.25rem .6rem;color:var(--green-900);font-size:.78rem;font-weight:800}.group-section{padding:2rem 0;border-top:1px solid var(--border)}.group-section h2 a:hover{color:var(--green-700)}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:5rem;padding:2.2rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--green-900),var(--green-700));color:#fff}.contact-band p{color:#dff3e7}.content-stack{display:grid;gap:1.25rem}.content-section,.panel,.error-box{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:clamp(1.25rem,3vw,2.2rem);box-shadow:0 8px 24px rgba(23,76,53,.07)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-bottom:2rem;color:var(--muted);font-size:.9rem}.breadcrumbs a:hover{color:var(--green-800)}.product-detail{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.product-detail>img{width:100%;max-height:520px;object-fit:contain;border-radius:var(--radius);background:linear-gradient(145deg,var(--green-50),var(--green-100));padding:1.5rem}.product-detail h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;margin:.8rem 0}.product-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:.65rem 1rem;padding:1rem 0;border-top:1px solid var(--border)}.product-detail dt{font-weight:800}.product-detail dd{margin:0;color:var(--muted)}.provisional-note{padding:.75rem 1rem;border-inline-start:4px solid #aa7a00;background:#fff8d8;color:#5f4800;border-radius:8px;font-size:.9rem}.fallback-banner,.admin-warning{padding:.75rem 1rem;background:#fff4cc;color:#684e00;text-align:center;border-bottom:1px solid #ead17a}.site-footer{max-width:var(--content);margin:0 auto 1rem;padding:2rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;border-radius:var(--radius);background:var(--green-950);color:#fff}.site-footer p{color:#cde7d7}.site-footer>div,.site-footer nav{display:flex;flex-direction:column;gap:.5rem}.site-footer a:hover{text-decoration:underline}
.form-grid{display:grid;gap:1rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.auth-card label,.locale-picker{display:grid;gap:.4rem;font-weight:700;color:var(--ink)}input,textarea,select{width:100%;border:1px solid #bcd6c6;border-radius:10px;background:#fff;color:var(--ink);padding:.72rem .8rem}textarea{min-height:125px;resize:vertical}.checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:.7rem!important}.checkbox input{width:auto;margin-top:.35rem}.hidden-field{position:absolute!important;left:-9999px!important}.form-status.success{color:#14633b;font-weight:800}.form-status.error,.error{color:var(--danger);font-weight:800}.inquiry-panel{margin-top:1.5rem}.error-box{max-width:700px;margin:4rem auto;text-align:center}
/* Admin */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,var(--green-50),var(--green-200))}.auth-card{width:min(460px,100%);display:grid;gap:1rem;padding:2rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.auth-card h1{margin:.25rem 0}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:#f5faf7}.admin-sidebar{position:sticky;top:0;height:100vh;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;background:var(--green-950);color:#fff;overflow:auto}.admin-sidebar .admin-brand{color:#fff}.admin-sidebar nav{display:grid;gap:.25rem}.admin-sidebar nav button{border:0;border-radius:9px;background:transparent;color:#e6f4eb;padding:.7rem .8rem;text-align:start}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:rgba(255,255,255,.12);color:#fff}.locale-picker{color:#dcece2}.locale-picker select{background:#fff}.logout-button{margin-top:auto}.admin-main{min-width:0;padding:1.25rem 1.5rem 3rem}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}.admin-topbar p,.admin-topbar h1{margin:0}.admin-topbar p{color:var(--muted)}.admin-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.status-chip{display:inline-flex;padding:.35rem .65rem;border-radius:999px;font-size:.8rem;font-weight:800}.status-chip.saved{background:var(--green-100);color:var(--green-900)}.status-chip.draft{background:#fff4cc;color:#684e00}.admin-notice{margin:0 0 1rem;padding:.8rem 1rem;border-radius:10px}.admin-notice.ok{background:var(--green-100);color:var(--green-900)}.admin-notice.error{background:#ffe4e4;color:#7d1f1f}.admin-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.25rem;box-shadow:0 7px 22px rgba(23,76,53,.06)}.admin-panel>h2{margin-top:0}.locale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.locale-card{display:grid;grid-template-columns:1fr auto;gap:.25rem;text-align:start;border:1px solid var(--border);border-radius:12px;background:#fff;padding:1rem;color:var(--ink)}.locale-card:hover{border-color:var(--green-500);background:var(--green-50)}.locale-card span{font-weight:900;color:var(--green-800)}.locale-card small{grid-column:1/-1;color:var(--muted)}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}.admin-summary>div{padding:1rem;border-radius:12px;background:var(--green-50);display:grid}.admin-summary strong{font-size:1.8rem;color:var(--green-800)}.editor-list{display:grid;gap:1rem}.editor-card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:#fcfffd}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.editor-head select{width:auto;min-width:150px}.inline-controls,.inline-actions,.upload-row{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.inline-controls label{display:flex;align-items:center;gap:.4rem}.inline-controls input[type="checkbox"]{width:auto}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.media-card{display:grid;gap:.6rem;border:1px solid var(--border);border-radius:12px;padding:.8rem}.media-card img,.file-tile{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--green-50);border-radius:9px}.file-tile{display:grid;place-items:center;font-weight:900}.file-replace{position:relative;overflow:hidden;display:inline-flex;padding:.55rem .8rem;border:1px solid var(--green-800);border-radius:999px;color:var(--green-900);font-weight:800}.file-replace input{position:absolute;inset:0;opacity:0;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:start;border-bottom:1px solid var(--border);padding:.75rem;vertical-align:top}.admin-preview-frame{width:100%;height:700px;border:1px solid var(--border);border-radius:12px;margin-top:1rem}
[dir="rtl"] .site-header,[dir="rtl"] .product-detail,[dir="rtl"] .site-footer,[dir="rtl"] .contact-band{direction:rtl}[dir="rtl"] .product-card,[dir="rtl"] .product-detail img,[dir="rtl"] .hero-orb{transform:none}[dir="rtl"] input[type="email"],[dir="rtl"] input[type="tel"],[dir="rtl"] a[href^="mailto:"],[dir="rtl"] a[href^="tel:"]{direction:ltr;text-align:start}[dir="rtl"] .functional-icon{transform:none}
@media(max-width:980px){.site-header{margin:.5rem;border-radius:18px;grid-template-columns:auto auto 1fr}.menu-toggle{display:block;justify-self:end}.site-menu{position:absolute;top:calc(100% + .5rem);inset-inline:0;display:none;align-items:stretch;flex-direction:column;padding:1rem;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.site-menu.open{display:flex}.site-menu>a{padding:.65rem}.header-actions{justify-self:end}.header-actions>.language-switcher{display:none}.mobile-language-switcher{display:block}.mobile-language-switcher .language-popover{position:relative;top:auto;inset-inline:auto;width:100%;box-shadow:none;margin-top:.5rem}.hero{margin:1rem;grid-template-columns:1fr;min-height:auto}.hero-orb{width:170px;height:170px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-topbar{align-items:flex-start}.locale-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-header{grid-template-columns:1fr auto}.header-actions{display:none}.hero{padding:2rem 1.25rem}.hero h1{font-size:2.5rem}.hero-orb{justify-self:start}.section{padding:3rem 1rem}.product-grid,.form-grid.two,.product-detail,.site-footer,.locale-grid,.media-grid,.admin-summary{grid-template-columns:1fr}.contact-band{align-items:flex-start;flex-direction:column}.site-footer{margin:0;border-radius:0}.admin-main{padding:1rem}.admin-topbar{display:grid}.admin-actions{align-items:stretch}.admin-actions>*{flex:1}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-head{align-items:flex-start;flex-direction:column}.editor-head select{width:100%}.language-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}