@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap");:root{--navy-50:#eeeef4;--navy-100:#d9dae7;--navy-200:#b7b9ce;--navy-300:#8e91af;--navy-400:#5d6089;--navy-500:#3d4069;--navy-600:#2c2f52;--navy-700:#212445;--navy-800:#181a33;--navy-900:#0f1122;--gold-100:#f3ecd9;--gold-300:#dbc89a;--gold-500:#aa9359;--gold-700:#7a6630;--white:#ffffff;--neutral-0:#ffffff;--neutral-50:#f7f8fa;--neutral-100:#eef0f4;--neutral-200:#e1e4ea;--neutral-400:#9aa0ad;--neutral-500:#6b7280;--neutral-800:#1f2430;--line-green:#04a344;--line-green-brand:#06c755;--shopee:#ee4d2d;--lazada:#f57224;--tiktok:#fe2c55;--price:#212445;--price-sale:#e03131;--instock:#15803d;--success:#15803d;--success-bg:#e3f3e8;--warning:#92600a;--warning-bg:#fbefd0;--error:#c0281f;--error-bg:#fce3e1;--info:#1d4ed8;--info-bg:#dce6fb;--bg-page:var(--neutral-50);--bg-section:var(--neutral-100);--surface-card:var(--white);--border:var(--neutral-200);--placeholder:var(--neutral-400);--text-primary:#1f2430;--text-secondary:#6b7280;--text-heading:#212445;--text-on-dark:#ffffff;--link:var(--gold-700);--font-head:"Prompt","Noto Sans Thai",sans-serif;--font-body:"IBM Plex Sans Thai","Inter",sans-serif;--fs-hero:40px;--fs-h2:28px;--fs-card-name:17px;--fs-price:19px;--fs-body:16px;--fs-btn:15px;--fs-caption:13px;--fs-overline:12px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-body:1.6;--overline-tracking:1px;--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:64px;--s-8:96px;--section-pad-desktop:64px;--section-pad-mobile:32px;--container-max:1280px;--gutter-mobile:16px;--gutter-desktop:40px;--r-btn:8px;--r-card:12px;--r-chip:999px;--r-input:8px;--shadow-card:0 1px 3px rgba(33,36,69,0.08),0 4px 12px rgba(33,36,69,0.06);--shadow-card-hover:0 6px 20px rgba(33,36,69,0.14);--shadow-nav:0 1px 3px rgba(33,36,69,0.1);--shadow-stickybar:0 -2px 8px rgba(33,36,69,0.1);--shadow-dropdown:0 8px 24px rgba(33,36,69,0.16);--ease-out:cubic-bezier(0.2,0.7,0.3,1);--dur-fast:150ms;--dur:300ms}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--gold-700);text-decoration:none}a:hover{color:var(--navy-700)}button,input,select,textarea{font-family:inherit}::placeholder{color:var(--neutral-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy-500)!important;box-shadow:0 0 0 3px var(--navy-50)}.pk-card{transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.pk-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.pk-card:hover .pk-card-img{transform:scale(1.03)}.pk-card-img{transition:transform var(--dur) var(--ease-out)}.btn-navy{transition:background .15s}.btn-navy:hover{background:var(--navy-600)!important}.btn-line{transition:background .15s}.btn-line:hover{background:#038b3a!important}.btn-gold{transition:transform .15s,background .15s}.btn-gold:hover{background:var(--gold-300)!important;transform:translateY(-1px)}.btn-outline{transition:background .15s}.btn-outline:hover{background:var(--navy-50)!important}.nav-btn{transition:background .15s}.nav-btn:hover{background:var(--navy-50)!important}.link-white:hover{color:#fff!important}.icon-del:hover{color:var(--error)!important}.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.lift{transition:transform .2s,box-shadow .2s}@media (max-width:860px){.pk-hero,.pk-product-grid{grid-template-columns:1fr!important}.pk-foot-grid{grid-template-columns:1fr 1fr!important}.pk-admin-grid{grid-template-columns:1fr!important}}@media (max-width:520px){.pk-foot-grid{grid-template-columns:1fr!important}}