/* PRAASIA product group — Classic Gold / stable filename. */
:root{--pg-bg:#1a0b06;--pg-panel:#2e1a0e;--pg-panel2:#3c2516;--pg-border:#895b30;--pg-gold:#f0c27b;--pg-cream:#fff0d4;--pg-muted:#d1ae7d;--pg-line:rgba(239,195,113,.25)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:92px}
body.pga-page{margin:0;min-height:100dvh;background:radial-gradient(ellipse 1000px 600px at 55% -100px,#4b2914 0%,#291409 50%,#180a05 100%) fixed;color:var(--pg-cream);font:14px/1.55 "Noto Sans Thai","Sarabun",Tahoma,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.pga-sr-only,.pga-skip:not(:focus){position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.pga-skip:focus{position:fixed;z-index:9999;top:10px;left:10px;background:#f8d48f;color:#261204;padding:10px;border-radius:8px}
.pga-topbar{position:sticky;top:0;z-index:100;background:linear-gradient(110deg,#251308fa,#42220efa 65%,#261308fa);border-bottom:1px solid #b08a4a;backdrop-filter:blur(10px)}
.pga-topbar-inner{max-width:1550px;width:calc(100% - 36px);margin:auto;min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.pga-brand{display:flex;align-items:center;gap:10px;min-width:0}.pga-brand img{width:44px;height:44px;border:1px solid #b48a49;border-radius:50%;object-fit:cover}.pga-brand span{display:flex;flex-direction:column;min-width:0}.pga-brand strong{font:700 clamp(19px,2.1vw,27px)/1 Georgia,serif;letter-spacing:.05em;color:#ffe2a3}.pga-brand small{font-size:10px;color:#d4ae77;margin-top:5px}
.pga-actions{display:flex;align-items:center;gap:10px}.pga-head-link{border:1px solid #a1763d;background:#4d301a;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700;white-space:nowrap;color:#f6dab0}.pga-head-link:hover{background:#624026}
/* Language picker matches categories.php V2 and PRAASIA Public. */
.pga-container{max-width:1550px;width:calc(100% - 36px);margin:22px auto 44px}.pga-crumb{display:flex;gap:10px;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;color:#cda66e;font-size:12px;margin:0 0 15px}.pga-crumb a:hover{text-decoration:underline}.pga-crumb>span:last-child{overflow:hidden;text-overflow:ellipsis}
.pga-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px clamp(20px,3.6vw,50px);min-height:180px;background:linear-gradient(115deg,#60371c,#382012 55%,#29170e);border:1px solid #b07b37;border-radius:19px;box-shadow:0 13px 30px #0003}.pga-eyebrow{font-weight:700;font-size:10px;letter-spacing:.16em;color:#ecc985;margin:0 0 10px}.pga-hero h1{font-size:clamp(24px,2.8vw,38px);color:#ffe0a0;line-height:1.3;margin:0;overflow-wrap:anywhere}.pga-subtitle{margin:9px 0 0;color:#e4c6a0}.pga-hero-stat{min-width:112px;text-align:center;border:1px solid #ae834b;border-radius:15px;padding:11px 15px;background:#170e095c}.pga-hero-stat strong{display:block;font-size:29px;color:#ffe5ab;font-variant-numeric:tabular-nums}.pga-hero-stat small{display:block;font-size:11px;color:#e4bc80}
.pga-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(135px,.8fr) minmax(165px,.9fr) auto auto;gap:11px;align-items:end;margin:20px 0 15px;padding:15px;border:1px solid #885e32;border-radius:15px;background:#302012;box-shadow:0 5px 20px #0002}.pga-field{display:flex;min-width:0;flex-direction:column;gap:6px}.pga-field label{color:#e8c28c;font-size:12px;font-weight:700}.pga-field input,.pga-field select{height:43px;width:100%;min-width:0;border:1px solid #977143;border-radius:9px;background:#1a100b;color:#ffe9c2;padding:9px 12px;outline-offset:2px}.pga-field input::placeholder{color:#bbaa92}.pga-field :is(input,select):focus-visible{outline:2px solid #f2c57c}.pga-field select option{background:#29180e;color:#ffe4b2}.pga-search-button{border:1px solid #bd8b38;background:linear-gradient(#ffd76f,#d99c2a);border-radius:9px;color:#3a210b;font-weight:800;cursor:pointer;height:43px;padding:0 20px}.pga-search-button:hover{filter:brightness(1.07)}.pga-clear-link{min-height:43px;display:grid;place-items:center;color:#e8c18b;border:1px solid #6f4c2d;border-radius:9px;padding:0 13px;font-size:12px}.pga-clear-link:hover{background:#50331d}
.pga-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px 13px;color:#e4c99e;font-size:12px}.pga-results-bar a{color:#f4cb83;text-decoration:underline}
.pga-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.pga-product-card{border:1px solid #875d2e;border-radius:14px;background:linear-gradient(180deg,#3e2919,#2b1b11);overflow:hidden;min-width:0;box-shadow:0 7px 16px #0003;transition:border-color .17s,transform .17s}.pga-product-card:hover{transform:translateY(-2px);border-color:#d2a359}
.pga-photo{position:relative;display:block;aspect-ratio:1/1;background:#27190e}.pga-photo img{display:block;width:100%;height:100%;object-fit:contain}.pga-status{position:absolute;bottom:7px;left:7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;padding:4px 7px;border-radius:7px;background:#1e140edb;color:#ffddaa;border:1px solid #8c693e}.pga-status-2{background:#0b4f2bea;border-color:#4e9a64;color:#e6ffe6}.pga-status-3{background:#624514ed;border-color:#d5a543}.pga-status-4{background:#63402df0}.pga-status-5{background:#63302aee;border-color:#b66a60}
.pga-item-body{padding:11px;display:flex;flex-direction:column;gap:5px;min-height:157px}.pga-item-code{color:#cba671;font-size:10px}.pga-item-name{color:#ffe5b4;font-weight:750;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:38px}.pga-item-name:hover{text-decoration:underline}.pga-item-shop{font-size:11px;color:#d7b68d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pga-item-shop:hover{text-decoration:underline}.pga-item-bottom{margin-top:auto;padding-top:8px;border-top:1px solid var(--pg-line);display:flex;align-items:center;justify-content:space-between;gap:4px;color:#f2c47a;font-size:10px}.pga-item-bottom>a{width:24px;height:24px;border-radius:50%;background:#6b4523;color:#ffe4a9;display:grid;place-items:center;font-size:21px;line-height:1}
.pga-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:23px 0 0}.pga-pagination>a{min-width:37px;height:37px;border:1px solid #8b622e;border-radius:9px;display:grid;place-items:center;background:#352215;color:#f3d49e;font-weight:700;padding:0 10px}.pga-pagination>a[aria-current="page"]{background:#e9b95c;color:#301909;border-color:#f3d18c}.pga-pagination>a:hover{border-color:#e6b95f;background:#624024}.pga-pagination>a[aria-current="page"]:hover{background:#e9b95c}
.pga-empty{margin-top:20px;border:1px dashed #b38c53;border-radius:17px;padding:45px 18px;text-align:center;background:#2e1b0f}.pga-empty h2{font-size:19px;margin:0 0 13px;color:#ffe0a3}.pga-empty p{color:#dec396}.pga-primary-link{display:inline-block;background:#e3b253;color:#2e1b0d;font-weight:750;border-radius:10px;padding:10px 16px}.pga-notice{text-align:center;color:#bea481;font-size:11px;margin:24px 0}.pga-footer{display:flex;justify-content:center;gap:20px;border-top:1px solid #5b3d22;color:#cbb087;font-size:11px;padding:20px;margin-top:30px}.pga-footer a:hover{text-decoration:underline}
@media(max-width:1280px){.pga-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pga-toolbar{grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(150px,1fr) auto}.pga-clear-link{grid-column:4}}
@media(max-width:1000px){.pga-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pga-toolbar{grid-template-columns:2fr 1fr 1fr}.pga-search-button,.pga-clear-link{grid-column:auto}}
@media(max-width:740px){.pga-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pga-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.pga-field-search{grid-column:1/-1}.pga-hero{padding:22px}.pga-hero-stat{min-width:90px}.pga-clear-link{grid-column:auto}}
@media(max-width:700px){.pga-topbar-inner,.pga-container{width:calc(100% - 20px)}.pga-topbar-inner{min-height:62px}.pga-brand img{width:35px;height:35px}.pga-brand strong{font-size:18px}.pga-brand small{font-size:8px}.pga-head-link{display:none}.pga-crumb{margin-top:6px}.pga-hero{min-height:135px;gap:9px}.pga-hero h1{font-size:22px}.pga-subtitle{font-size:12px}.pga-hero-stat strong{font-size:24px}.pga-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pga-item-body{padding:9px;min-height:148px}.pga-item-name{font-size:12px}.pga-toolbar{gap:9px;padding:10px}.pga-results-bar{font-size:11px}.pga-pagination{margin-bottom:10px}}
@media(max-width:365px){.pga-hero{flex-wrap:wrap}.pga-hero-stat{display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 10px}.pga-hero-stat strong{font-size:18px}.pga-hero-stat small{font-size:10px}.pga-toolbar{grid-template-columns:1fr 1fr}.pga-search-button,.pga-clear-link{padding:0 6px;font-size:11px}.pga-field label{font-size:11px}.pga-field input,.pga-field select{padding:9px 6px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}

/* V1.1: identical flag picker treatment to categories.php V2. */
.pga-language-picker{position:relative;display:flex;align-items:center;flex:none;min-width:0;margin:0;padding:0;border:1px solid #bb8e4e;border-radius:13px;background:linear-gradient(180deg,#563116,#331a0a);color:#ffe4b3}
.pga-language-picker::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:7px;background-position:center;background-repeat:no-repeat;background-size:cover;pointer-events:none}
.pga-language-picker.is-th::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Crect%20rx%3D%2714%27%20width%3D%2764%27%20height%3D%2764%27%20fill%3D%27%23f4f5f7%27%2F%3E%3Crect%20y%3D%270%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ef3340%27%2F%3E%3Crect%20y%3D%2712%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ffffff%27%2F%3E%3Crect%20y%3D%2724%27%20width%3D%2764%27%20height%3D%2716%27%20fill%3D%27%230033a0%27%2F%3E%3Crect%20y%3D%2740%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ffffff%27%2F%3E%3Crect%20y%3D%2752%27%20width%3D%2764%27%20height%3D%2712%27%20fill%3D%27%23ef3340%27%2F%3E%3C%2Fsvg%3E");}
.pga-language-picker.is-cn::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Crect%20rx%3D%2714%27%20width%3D%2764%27%20height%3D%2764%27%20fill%3D%27%23de2910%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M18%2012l2.6%208H29l-6.8%204.9%202.6%208L18%2028l-6.8%204.9%202.6-8L7%2020h8.4z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M36%2014l1.2%203.6H41l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M42%2022l1.2%203.6H47l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M42%2033l1.2%203.6H47l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3Cpath%20fill%3D%27%23ffde00%27%20d%3D%27M35%2040l1.2%203.6H40l-3.1%202.2%201.2%203.6-3.1-2.2-3.1%202.2%201.2-3.6-3.1-2.2h3.8z%27%2F%3E%3C%2Fsvg%3E");}
.pga-language-picker.is-en::before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3CclipPath%20id%3D%27r%27%3E%3Crect%20rx%3D%2714%27%20width%3D%2764%27%20height%3D%2764%27%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%27url%28%23r%29%27%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20fill%3D%27%23012169%27%2F%3E%3Cpath%20d%3D%27M0%200l64%2064M64%200L0%2064%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2714%27%2F%3E%3Cpath%20d%3D%27M0%200l64%2064M64%200L0%2064%27%20stroke%3D%27%23C8102E%27%20stroke-width%3D%278%27%2F%3E%3Cpath%20d%3D%27M32%200v64M0%2032h64%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2722%27%2F%3E%3Cpath%20d%3D%27M32%200v64M0%2032h64%27%20stroke%3D%27%23C8102E%27%20stroke-width%3D%2712%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.pga-language-picker select{appearance:none;-webkit-appearance:none;display:block;width:89px;min-width:0;height:38px;min-height:38px;padding:5px 9px 5px 44px;border:0;border-radius:13px;background:transparent;color:#ffe4b3;font:700 13px/1.3 Tahoma,Arial,sans-serif;cursor:pointer;outline-offset:2px}
.pga-language-picker option{background:#40220f;color:#ffe7b3}
.pga-language-picker:focus-within{outline:2px solid #f4cc80;outline-offset:2px}
@media(max-width:700px){.pga-language-picker select{width:82px;height:36px;min-height:36px;padding:4px 7px 4px 40px;font-size:12px}.pga-language-picker::before{width:24px;height:24px;left:7px}}
@media(max-width:360px){.pga-language-picker select{width:70px;padding-left:32px;font-size:11px}.pga-language-picker::before{width:20px;height:20px;left:5px}}
.pga-lang-submit{border:0;background:transparent;color:#f9dba7;font-weight:700;cursor:pointer;padding:5px 8px}