.ksg-root{background:var(--ksg-canvas);color:var(--ksg-ink);font-family:var(--ksg-font-body);font-size:var(--ksg-text-body);line-height:var(--ksg-lh-body);-webkit-text-size-adjust:100%}[hidden]{display:none!important}dialog:not([open]){display:none!important}.ksg-root :focus-visible{outline:var(--ksg-focus-w) solid var(--ksg-focus-color);outline-offset:var(--ksg-focus-offset)}.ksg-display{font-family:var(--ksg-font-display);font-size:var(--ksg-text-display);line-height:var(--ksg-lh-display);font-weight:var(--ksg-fw-display);letter-spacing:-.02em;margin:0}.ksg-h1{font-family:var(--ksg-font-display);font-size:var(--ksg-text-h1);line-height:var(--ksg-lh-h1);font-weight:var(--ksg-fw-h1);margin:0}.ksg-h2{font-family:var(--ksg-font-display);font-size:var(--ksg-text-h2);line-height:var(--ksg-lh-h2);font-weight:var(--ksg-fw-h2);margin:0}.ksg-h3{font-family:var(--ksg-font-display);font-size:var(--ksg-text-h3);line-height:var(--ksg-lh-h3);font-weight:var(--ksg-fw-h3);margin:0}.ksg-body-l{font-size:var(--ksg-text-body-l);line-height:var(--ksg-lh-body-l);margin:0}.ksg-body{font-size:var(--ksg-text-body);line-height:var(--ksg-lh-body);margin:0}.ksg-small{font-size:var(--ksg-text-small);line-height:var(--ksg-lh-small);margin:0}.ksg-mono{font-family:var(--ksg-font-mono);font-variant-numeric:tabular-nums}.ksg-label{font-size:var(--ksg-text-label);line-height:var(--ksg-lh-label);font-weight:var(--ksg-fw-label);letter-spacing:var(--ksg-tracking-label);text-transform:uppercase;margin:0}.ksg-label--th,[lang|=th] .ksg-label{text-transform:none;letter-spacing:var(--ksg-tracking-thai);font-family:var(--ksg-font-body)}.ksg-th{font-family:var(--ksg-font-body);line-height:1.65;letter-spacing:0;text-transform:none}[lang|=th] .ksg-root,[lang|=th] .ksg-card__name,[lang|=th] .ksg-btn{line-height:1.65}.ksg-link{color:var(--ksg-royal-screen);text-underline-offset:2px}.ksg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ksg-btn{font-family:var(--ksg-font-body);font-size:var(--ksg-text-body);font-weight:600;border-radius:var(--ksg-radius-lg);padding:var(--ksg-space-3) var(--ksg-space-5);min-height:var(--ksg-control-h);border:var(--ksg-border-w-btn) solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--ksg-space-2);line-height:1.2;text-decoration:none;transition:background var(--ksg-dur-state) var(--ksg-ease),border-color var(--ksg-dur-state) var(--ksg-ease),color var(--ksg-dur-state) var(--ksg-ease)}.ksg-btn--primary{background:var(--ksg-royal);color:var(--ksg-on-royal)}.ksg-btn--primary:hover{background:var(--ksg-royal-screen)}.ksg-btn--secondary{background:transparent;color:var(--ksg-royal);border-color:var(--ksg-royal)}.ksg-btn--secondary:hover{background:var(--ksg-mist)}.ksg-btn--gold{background:var(--ksg-gold-100);color:var(--ksg-gold-deep);border-color:var(--ksg-gold)}.ksg-btn--gold:hover{border-color:var(--ksg-gold-deep)}.ksg-btn--quiet{background:transparent;color:var(--ksg-ink-muted);border-color:var(--ksg-line);font-weight:500;min-height:var(--ksg-control-h-quiet)}.ksg-btn--quiet:hover{border-color:var(--ksg-ink-muted);color:var(--ksg-ink)}.ksg-btn--promo{background:transparent;color:var(--ksg-promo-deep);border-color:var(--ksg-promo)}.ksg-btn--promo:hover{background:var(--ksg-promo-100)}.ksg-btn[disabled],.ksg-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ksg-btn--block{width:100%}.ksg-btn--busy{opacity:.72;cursor:progress}.ksg-btn--sm{min-height:36px;font-size:var(--ksg-text-small);padding:var(--ksg-space-2) var(--ksg-space-3)}.ksg-badge{font-family:var(--ksg-font-body);font-size:var(--ksg-text-label);font-weight:600;letter-spacing:.01em;padding:var(--ksg-space-1) 10px;border-radius:var(--ksg-radius-sm);display:inline-flex;align-items:center;gap:5px;line-height:1.5;border:var(--ksg-border-w) solid transparent;max-width:100%}.ksg-badge--sale{background:var(--ksg-sale);color:var(--ksg-on-sale)}.ksg-badge--new{background:var(--ksg-royal-screen);color:#fff}.ksg-badge--low{background:var(--ksg-surface);color:var(--ksg-low);border-color:var(--ksg-low)}.ksg-badge--stock{background:var(--ksg-surface);color:var(--ksg-stock);border-color:var(--ksg-stock)}.ksg-badge--member{background:var(--ksg-gold-100);color:var(--ksg-gold-deep);border-color:var(--ksg-gold)}.ksg-badge svg{display:block;flex:none}.ksg-badge--sm{font-size:11px;padding:2px 7px}.ksg-badge--xs{font-size:10px;padding:2px 6px}.ksg-pill{display:inline-flex;align-items:center;gap:7px;border-radius:var(--ksg-radius-pill);padding:6px 13px;font-family:var(--ksg-font-body);font-size:12.5px;font-weight:600;white-space:nowrap;line-height:1.2;border:var(--ksg-border-w) solid transparent}.ksg-pill svg,.ksg-pill img{width:16px;height:9.4px;display:block;flex:none}.ksg-pill--light{background:var(--ksg-gold-100);border-color:var(--ksg-gold);color:var(--ksg-gold-deep)}.ksg-pill--light svg{color:var(--ksg-gold-deep)}.ksg-pill--royal{background:var(--ksg-royal);color:#fff}.ksg-pill--royal svg{color:var(--ksg-gold)}.ksg-pill--outline{background:transparent;border-color:var(--ksg-gold);color:var(--ksg-gold-deep)}.ksg-pill--outline svg{color:var(--ksg-gold-deep)}.ksg-card{background:var(--ksg-surface);border:var(--ksg-border-w) solid var(--ksg-line);border-radius:var(--ksg-radius-lg);padding:var(--ksg-space-4);display:flex;flex-direction:column;gap:var(--ksg-space-1);box-shadow:var(--ksg-shadow-rest);position:relative}.ksg-card__media{aspect-ratio:1;background:#fff;border:var(--ksg-border-w) solid var(--ksg-line-soft);border-radius:var(--ksg-space-2);display:grid;place-items:center;margin-bottom:var(--ksg-space-3);position:relative;overflow:hidden}.ksg-card__media img{width:100%;height:100%;object-fit:contain;display:block}.ksg-card__badges{position:absolute;top:var(--ksg-space-2);left:var(--ksg-space-2);max-width:calc(100% - var(--ksg-space-4))}.ksg-card__name{font-family:var(--ksg-font-body);font-weight:600;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ksg-card__sub{font-size:12.5px;color:var(--ksg-ink-muted);line-height:1.5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ksg-card__meta{font-size:var(--ksg-text-small);color:var(--ksg-ink-muted);line-height:1.5;margin-top:var(--ksg-space-1)}.ksg-card__meta--stock{color:var(--ksg-stock)}.ksg-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.ksg-card__link:focus-visible{outline-offset:-2px}.ksg-card>.ksg-btn,.ksg-card__above{position:relative;z-index:2}.ksg-card .ksg-btn{margin-top:var(--ksg-space-3)}.ksg-card--sold-out .ksg-card__name{color:var(--ksg-ink-muted)}.ksg-card__soldout{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ksg-canvas) 72%,transparent);display:grid;place-items:center}.ksg-card__soldout span{font-weight:600;font-size:13px;color:var(--ksg-ink-muted);background:var(--ksg-surface);border:var(--ksg-border-w) solid var(--ksg-line);border-radius:var(--ksg-radius-sm);padding:var(--ksg-space-1) 10px}.ksg-card--compact{padding:var(--ksg-space-3)}.ksg-card--compact .ksg-card__media{margin-bottom:var(--ksg-space-2)}.ksg-card--compact .ksg-card__name{font-size:14px}.ksg-card--compact .ksg-card__sub{font-size:11.5px}.ksg-card--compact .ksg-price__now{font-size:18px}.ksg-card--compact .ksg-price__was{font-size:12px}.ksg-card--compact .ksg-card__meta{font-size:11.5px}@media(min-width:768px){.ksg-card--compact .ksg-card__name{font-size:13px}.ksg-card--compact .ksg-price__now{font-size:17px}}.ksg-price{display:flex;align-items:baseline;gap:var(--ksg-space-2);margin-top:var(--ksg-space-2);flex-wrap:wrap}.ksg-price__now{font-family:var(--ksg-font-body);font-weight:700;font-size:21px;font-variant-numeric:tabular-nums;color:var(--ksg-ink)}.ksg-price__was{font-size:13.5px;color:var(--ksg-ink-muted);text-decoration:line-through;font-variant-numeric:tabular-nums}.ksg-price__off{font-size:13px;font-weight:600;color:var(--ksg-sale);font-variant-numeric:tabular-nums}.ksg-price--flash .ksg-price__now{color:var(--ksg-promo-deep)}.ksg-price--compact{gap:var(--ksg-space-1)}.ksg-price--compact .ksg-price__now{font-size:18px}.ksg-price--compact .ksg-price__was{font-size:12px}s.ksg-price__was{text-decoration-line:line-through}.ksg-field{display:flex;flex-direction:column;gap:6px}.ksg-field__label{font-size:var(--ksg-text-small);font-weight:600;color:var(--ksg-ink)}.ksg-field__hint{font-size:var(--ksg-text-small);color:var(--ksg-ink-muted)}.ksg-field__error{font-size:var(--ksg-text-small);color:var(--ksg-sale);font-weight:600}.ksg-input{font-family:var(--ksg-font-body);font-size:var(--ksg-text-body);color:var(--ksg-ink);background:var(--ksg-surface);border:var(--ksg-border-w) solid var(--ksg-line);border-radius:var(--ksg-radius-lg);padding:0 var(--ksg-space-3);min-height:var(--ksg-control-h);width:100%;transition:border-color var(--ksg-dur-state) var(--ksg-ease)}.ksg-input::placeholder{color:var(--ksg-ink-muted)}.ksg-input:hover{border-color:var(--ksg-ink-muted)}.ksg-input[aria-invalid=true]{border-color:var(--ksg-sale)}.ksg-input[disabled]{background:var(--ksg-canvas-2);color:var(--ksg-ink-muted);cursor:not-allowed}textarea.ksg-input{padding:var(--ksg-space-3);min-height:96px;line-height:var(--ksg-lh-body);resize:vertical}select.ksg-input{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 49%,var(--ksg-ink-muted) 50%),linear-gradient(-45deg,transparent 49%,var(--ksg-ink-muted) 50%);background-size:6px 6px;background-repeat:no-repeat;background-position:right 20px top 22px,right 15px top 22px;padding-right:var(--ksg-space-6)}.ksg-check{display:inline-flex;align-items:flex-start;gap:var(--ksg-space-2);font-size:var(--ksg-text-body);line-height:1.5;cursor:pointer;min-height:var(--ksg-control-h-quiet)}.ksg-check input{accent-color:var(--ksg-royal);width:20px;height:20px;margin:3px 0 0;flex:none}.ksg-notice{display:flex;gap:var(--ksg-space-3);padding:var(--ksg-space-3) var(--ksg-space-4);border-radius:var(--ksg-radius-lg);border:var(--ksg-border-w) solid;font-size:var(--ksg-text-small);line-height:1.6;background:var(--ksg-surface)}.ksg-notice__dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:7px;background:currentColor}.ksg-notice--info{border-color:var(--ksg-info);color:var(--ksg-info)}.ksg-notice--stock{border-color:var(--ksg-stock);color:var(--ksg-stock)}.ksg-notice--low{border-color:var(--ksg-low);color:var(--ksg-low)}.ksg-notice--sale{border-color:var(--ksg-sale);color:var(--ksg-sale)}.ksg-notice b{color:var(--ksg-ink);display:block;margin-bottom:2px}.ksg-notice span{color:var(--ksg-ink-muted)}.ksg-chrome{background:var(--ksg-royal-deep,var(--ksg-royal));color:#fff;padding:var(--ksg-space-3) var(--ksg-space-4);display:flex;align-items:center;gap:var(--ksg-space-4);flex-wrap:wrap}.ksg-chrome__rule{height:1px;background:var(--ksg-gold);opacity:.55;width:100%}.ksg-chrome__nav{display:flex;gap:var(--ksg-space-4);font-size:var(--ksg-text-small);font-weight:600;margin-left:auto}.ksg-chrome__nav a{color:#fff;text-decoration:none;opacity:.9;transition:opacity var(--ksg-dur-state) var(--ksg-ease)}.ksg-chrome__nav a:hover,.ksg-chrome__nav a[aria-current=page]{opacity:1;text-decoration:underline;text-decoration-color:var(--ksg-gold);text-underline-offset:5px}.ksg-search{flex:1;min-width:160px;display:flex}.ksg-search input{font-family:var(--ksg-font-body);font-size:var(--ksg-text-body);border:none;border-radius:var(--ksg-radius-lg);padding:0 var(--ksg-space-3);min-height:44px;width:100%;background:#fff;color:var(--ksg-ink)}.ksg-tile{aspect-ratio:1;background:var(--ksg-canvas);border:var(--ksg-border-w) solid var(--ksg-line);border-radius:var(--ksg-radius-md);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}.ksg-tile__band{height:38%;background:var(--ksg-tile-colour,var(--ksg-ink-muted));opacity:.16;flex:none}.ksg-tile__body{padding:var(--ksg-space-3);display:flex;flex-direction:column;gap:2px;justify-content:flex-end;flex:1}.ksg-tile__name{font-family:var(--ksg-font-display);font-weight:800;font-size:14px;line-height:1.2}.ksg-tile__cat{font-family:var(--ksg-font-mono);font-size:10px;color:var(--ksg-ink-muted)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ksg-components.css.map */