.category-navigation-shell{display:flex;width:100%;max-width:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--Spacing-ML,20px);padding:var(--Spacing-ML,20px) var(--Spacing-ML,20px) var(--Spacing-MS,12px);border-radius:var(--Radius-XL,32px);background:var(--Surface-Foreground,#FFFFFF);box-shadow:0 4px 6px 0 var(--Alpha-Grey-Default-10,rgba(115,115,115,.1))}.category-navigation-main{display:flex;width:100%;align-items:flex-start;gap:var(--Spacing-MS,12px);overflow-x:auto;overflow-y:hidden;padding:0 0 var(--Spacing-S,8px)}.category-navigation-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Spacing-S,8px);width:auto;min-width:84px;height:var(--Size-Height-32,32px);padding:var(--Spacing-S,8px) var(--Spacing-MS,12px);border:var(--Stoke-Weight-Active,1.5px) solid transparent;border-radius:var(--Radius-XL,32px);background:var(--Surface-Foreground,#FFFFFF);color:var(--Text-Caption,#525252);font-family:Thonburi,var(--font-thai),sans-serif;font-size:var(--Font-Size-Body-XS,12px);font-style:normal;font-weight:var(--Font-Weight-Regular,400);line-height:var(--Line-Height-Body-XS,16px);letter-spacing:var(--Letter-Spacing-Body-XS,.2px);white-space:nowrap;cursor:pointer;flex-shrink:0;box-shadow:inset 0 0 0 var(--Stoke-Weight-Thin,.5px) var(--Stoke-Default,#D4D4D4);transition:background-color var(--Duration-Quick,.2s) ease,border-color var(--Duration-Quick,.2s) ease,box-shadow var(--Duration-Quick,.2s) ease}.category-navigation-chip:not(.category-navigation-chip--active):focus-visible,.category-navigation-chip:not(.category-navigation-chip--active):hover{border-color:var(--Stoke-Active,#A39240);border-radius:var(--Radius-Full,999px);background:var(--Surface-Foreground,#FFFFFF);box-shadow:none}.category-navigation-chip--active{border-color:var(--Stoke-Active,#A39240);border-radius:var(--Radius-Full,999px);background:var(--CI-200,#FFF7C5);box-shadow:none;font-weight:var(--Font-Weight-Bold,700)}.category-navigation-chip-icon{width:var(--Icon-Size-16,16px);height:var(--Icon-Size-16,16px);flex-shrink:0}.category-navigation-sub{display:flex;width:100%;align-items:flex-start;gap:var(--Spacing-ML,20px);padding:var(--Spacing-XS,4px) 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.category-navigation-sub::-webkit-scrollbar{display:none}.category-navigation-subitem{display:flex;width:var(--Size-Width-80,80px);min-width:var(--Size-Width-80,80px);max-width:calc(var(--Size-Width-80, 80px) + (var(--Spacing-ML, 20px) * 2) + var(--Spacing-XS, 4px));flex-direction:column;align-items:center;gap:var(--Spacing-S,8px);border:none;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:center}.category-navigation-chip:focus-visible,.category-navigation-subitem:focus-visible{outline:var(--Stoke-Weight-Standard,1px) solid var(--Stoke-Active,#A39240);outline-offset:2px}.category-navigation-subitem--selected .category-navigation-subitem-label{color:var(--Text-Onbrand,#262626);font-weight:var(--Font-Weight-Bold,700)}.category-navigation-subitem-image{display:block;width:var(--Size-Width-80,80px);height:var(--Size-Width-80,80px);overflow:hidden;border-radius:var(--Radius-Full,999px);background:var(--Neutral-200,#F9FAFC);border:var(--Stoke-Weight-Thin,.5px) solid var(--Stoke-Default,#d4d4d4);box-shadow:0 2px 10px 0 var(--Alpha-Grey-Soft-5,rgba(115,115,115,.05))}.category-navigation-subitem-image-asset{width:100%;height:100%;object-fit:cover;display:block}.category-navigation-subitem--selected .category-navigation-subitem-image{border-color:var(--CI-500,#FFE664);box-shadow:0 4px 12px 0 var(--Alpha-Grey-Default-10,rgba(115,115,115,.1))}.category-navigation-subitem-label{width:100%;color:var(--Text-Caption,#525252);font-family:Thonburi,var(--font-thai),sans-serif;font-size:var(--Font-Size-Caption-S,12px);font-style:normal;font-weight:var(--Font-Weight-Regular,400);line-height:var(--Line-Height-Caption-S,16px);letter-spacing:var(--Letter-Spacing-Caption-S,.4px);text-wrap:balance}.category-navigation-subitem--loading{pointer-events:none}.category-navigation-subitem-image--loading{border:none}.category-navigation-subitem-image--loading,.category-navigation-subitem-label--loading{background:linear-gradient(90deg,var(--Neutral-200,#F9FAFC),var(--Surface-Foreground,#FFFFFF),var(--Neutral-200,#F9FAFC));background-size:200% 100%;animation:category-loading 1.4s ease-in-out infinite}.category-navigation-subitem-label--loading{width:56px;height:14px;border-radius:var(--Radius-Full,999px)}.category-navigation-empty{width:100%;padding:var(--Spacing-L,24px) 0;color:var(--Text-Caption,#525252);font-family:Thonburi,var(--font-thai),sans-serif;font-size:var(--Font-Size-Body-S,14px);font-style:normal;font-weight:var(--Font-Weight-Regular,400);line-height:var(--Line-Height-Body-S,20px);letter-spacing:var(--Letter-Spacing-Body-S,.2px);text-align:center}@keyframes category-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:744px) and (max-width:1023px){.category-navigation-shell{width:100%;max-width:none}}@media (max-width:743px){.category-navigation-shell{width:100%;max-width:100%;padding:0;background:transparent;box-shadow:none;border-radius:0;gap:0}.category-navigation-sub{display:none}.category-navigation-main{padding:var(--Spacing-XS,4px) var(--Spacing-M,16px);gap:var(--Spacing-S,8px);scrollbar-width:none;-ms-overflow-style:none}.category-navigation-main::-webkit-scrollbar{display:none}.category-navigation-chip{font-size:var(--Font-Size-Body-XS,12px);line-height:var(--Line-Height-Body-XS,16px);min-height:32px;padding-inline:var(--Spacing-MS,12px);box-shadow:0 4px 12px 0 rgba(115,115,115,.1)}.category-navigation-chip--all{display:none}.category-navigation-chip-icon{width:16px;height:16px}.category-navigation-subitem{width:84px}.category-navigation-subitem-image{width:60px;height:60px}}