.sp-site-header,.sp-site-footer{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}.sp-site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid #e8eaf2;backdrop-filter:blur(12px)}.sp-site-header__inner{max-width:1280px;min-height:76px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:26px}.sp-site-brand{display:flex;align-items:center;gap:10px;color:#1c2340;text-decoration:none;font-size:22px;font-weight:800;white-space:nowrap}.sp-site-brand strong{color:#5d4be5}.sp-site-brand__mark{width:40px;height:40px;border-radius:13px;background:#eeeaff;display:grid;place-items:center}.sp-site-nav{display:flex;align-items:center;gap:23px;margin-right:auto}.sp-site-nav a,.sp-site-actions a{color:#46506a;text-decoration:none;font-weight:700}.sp-site-nav a:hover{color:#5d4be5}.sp-site-actions{display:flex;align-items:center;gap:10px}.sp-site-cart{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:14px;background:#f5f5fb;min-width:132px}.sp-site-cart__icon{font-size:20px}.sp-site-cart__text{display:grid;line-height:1.15}.sp-site-cart__text strong{display:flex;align-items:center;gap:6px;font-size:13px}.sp-site-cart__text small{margin-top:4px;color:#737b91;font-size:11px;font-weight:700}.sp-site-cart b{min-width:21px;height:21px;padding:0 5px;border-radius:99px;background:#5d4be5;color:#fff;display:grid;place-items:center;font-size:12px}.sp-site-login,.sp-site-register{padding:11px 15px;border-radius:12px}.sp-site-login{border:1px solid #dedfec}.sp-site-register{background:#5d4be5;color:#fff!important}.sp-site-account{position:relative}.sp-site-account__button{border:0;background:#f5f5fb;padding:7px 10px 7px 7px;border-radius:14px;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-weight:700;color:#303a55;max-width:190px}.sp-site-account__avatar{width:34px;height:34px;border-radius:50%;background:#e9e5ff;color:#5d4be5;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.sp-site-account__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-site-account__menu{display:none;position:absolute;right:0;top:calc(100% + 10px);width:210px;background:#fff;border:1px solid #e5e7ef;border-radius:15px;padding:8px;box-shadow:0 18px 45px rgba(32,42,72,.15)}.sp-site-account__menu.is-open{display:grid}.sp-site-account__menu a{padding:11px 12px;border-radius:9px}.sp-site-account__menu a:hover{background:#f5f5fb}.sp-site-account__menu .danger{color:#c83b4d}.sp-site-menu-button{display:none;border:0;background:#f2f1fb;border-radius:11px;padding:9px 12px;font-size:20px}.sp-site-footer{margin-top:70px;background:#171a2d;color:#d5d8e7}.sp-site-footer__inner{max-width:1200px;margin:auto;padding:38px 22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}.sp-site-footer__brand{color:#fff;text-decoration:none;font-size:20px;font-weight:900}.sp-site-footer p{margin:7px 0 0;color:#9fa5bb}.sp-site-footer nav{display:flex;gap:18px}.sp-site-footer nav a{color:#d5d8e7;text-decoration:none}.sp-site-footer small{color:#9fa5bb}section[id]{scroll-margin-top:92px}
@media(max-width:1050px){.sp-site-header__inner{gap:14px}.sp-site-nav{gap:14px}.sp-site-account__button{max-width:145px}}
@media(max-width:900px){.sp-site-header__inner{min-height:68px;gap:10px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.sp-site-menu-button{display:block;margin-left:auto}.sp-site-nav{display:none;order:5;width:100%;padding:8px;flex-direction:column;align-items:stretch;gap:3px;background:#f8f8fc;border-radius:14px}.sp-site-nav.is-open{display:flex}.sp-site-nav a{padding:12px 13px;border-radius:10px}.sp-site-nav a:hover{background:#eeecff}.sp-site-actions{margin-left:0}.sp-site-account__name{max-width:100px}.sp-site-footer__inner{grid-template-columns:1fr;text-align:center}.sp-site-footer nav{justify-content:center}}
@media(max-width:620px){.sp-site-header__inner{padding-left:12px;padding-right:12px}.sp-site-brand{font-size:18px}.sp-site-brand__mark{width:34px;height:34px}.sp-site-actions{order:4;width:100%;justify-content:space-between}.sp-site-cart{flex:1;min-width:0}.sp-site-account{flex:0 1 auto}.sp-site-account__button{max-width:150px}.sp-site-login,.sp-site-register{flex:1;text-align:center}.sp-site-account__menu{position:fixed;left:12px;right:12px;top:136px;width:auto}.sp-site-footer nav{flex-wrap:wrap}}
@media(max-width:390px){.sp-site-account__name{display:none}.sp-site-account__button{padding-right:7px}.sp-site-cart__text small{font-size:10px}}

/* Header refinement: separate credit balance, compact cart, mobile friendly */
.sp-site-credit{display:flex;align-items:center;gap:8px;min-height:46px;padding:7px 12px;border-radius:14px;background:#fff8e8;border:1px solid #f2dfad;color:#6d5311!important;text-decoration:none;white-space:nowrap}
.sp-site-credit__icon{font-size:19px}.sp-site-credit span:last-child{display:grid;line-height:1.05}.sp-site-credit small{font-size:9px;color:#8b7540;font-weight:800}.sp-site-credit strong{font-size:14px;color:#5a4310}
.sp-site-cart{min-height:46px;box-sizing:border-box}.sp-site-cart__text{display:block}.sp-site-cart__total{font-size:11px;font-weight:900;color:#4f596f;white-space:nowrap}
@media(max-width:1050px){.sp-site-credit{padding:7px 9px}.sp-site-nav{gap:12px}.sp-site-nav a{font-size:13px}}
@media(max-width:900px){.sp-site-actions{margin-left:auto}.sp-site-credit{order:1}.sp-site-cart{order:2}.sp-site-account{order:3}}
@media(max-width:620px){
  .sp-site-header__inner{display:grid;grid-template-columns:auto 1fr auto;gap:8px}
  .sp-site-brand{grid-column:1/2}.sp-site-menu-button{grid-column:3/4;margin-left:0}
  .sp-site-actions{grid-column:1/-1;order:4;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  .sp-site-credit{min-width:72px;justify-content:center;padding:7px 9px}
  .sp-site-cart{min-width:0;justify-content:center;padding:8px 10px}
  .sp-site-account{min-width:0}.sp-site-account__button{max-width:130px;width:100%}
  .sp-site-nav{grid-column:1/-1;order:5}
}
@media(max-width:430px){
  .sp-site-brand span:last-child{font-size:17px}.sp-site-brand__mark{width:32px;height:32px}
  .sp-site-credit small{display:none}.sp-site-credit strong{font-size:13px}.sp-site-credit__icon{font-size:17px}
  .sp-site-cart__icon{font-size:17px}.sp-site-cart__text strong{font-size:12px}.sp-site-cart__total{display:none}
  .sp-site-account__button{max-width:92px}.sp-site-account__name{display:none}
}