.hpq-cg{padding:0 var(--spacing-page-gutter, 24px) 40px;max-width:var(--page-max-width, 1400px);margin:0 auto}.hpq-cg.is-loading{pointer-events:none}.hpq-cg__filters{margin:0 0 18px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.hpq-cg__filters::-webkit-scrollbar{display:none}.hpq-cg__filters-form,.hpq-cg__filter-group,.hpq-cg__filter-options{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.hpq-cg__filter-option{display:inline-flex;cursor:pointer;flex:0 0 auto;text-decoration:none}.hpq-cg__filter-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:0;border-radius:999px;background:#f1eee8;color:#5d5449;white-space:nowrap;transition:background-color .14s ease,color .14s ease,opacity .14s ease}.hpq-cg__filter-option:hover .hpq-cg__filter-pill{background:#e6e1d8;color:#4c4339}.hpq-cg__filter-option--active .hpq-cg__filter-pill{background:#2f2c29;color:#fff}.hpq-cg__filter-option--active:hover .hpq-cg__filter-pill{background:#45403a;color:#fff}.hpq-cg__filter-label{font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:0}@media(min-width:750px){.hpq-cg__filters{margin-bottom:20px}.hpq-cg__filters-form,.hpq-cg__filter-group,.hpq-cg__filter-options{gap:5px}.hpq-cg__filter-pill{min-height:40px;padding:0 18px}}.hpq-cg__grid{display:grid;grid-template-columns:repeat(var(--hpq-cg-cols),1fr);gap:16px}@media(max-width:749px){.hpq-cg__grid{grid-template-columns:repeat(var(--hpq-cg-cols-mobile),1fr);gap:10px}}.hpq-cg__empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary, #777)}.hpq-cg__empty p{font-size:16px;margin-bottom:12px}.hpq-cg__empty-link{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:13px;color:var(--hpq-green, #009b3b);text-decoration:underline}.hpq-cg__pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:32px 0 0}.hpq-cg__page-link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;border-radius:var(--radius-md, 8px);font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:14px;font-weight:600;text-decoration:none;color:var(--color-text-primary, #1a1a1a);transition:background .15s ease}.hpq-cg__page-link:hover{background:#0000000d}.hpq-cg__page-link--current{background:var(--color-text-primary, #1a1a1a);color:#fff}.hpq-cg__page-link--current:hover{background:var(--color-text-primary, #1a1a1a)}.hpq-cg__page-link--gap{color:var(--color-text-tertiary, #999)}.hpq-cg__page-link--prev,.hpq-cg__page-link--next{font-size:18px}.hpq-fc{padding:0 var(--spacing-page-gutter, 24px);max-width:var(--page-max-width, 1400px);margin:0 auto}.hpq-fc.section--vertical-padding-top-bottom{padding-top:36px;padding-bottom:36px}.hpq-fc.section--vertical-padding-top-only{padding-top:36px;padding-bottom:0}.hpq-fc.section--vertical-padding-bottom-only{padding-top:0;padding-bottom:36px}.hpq-fc.section--vertical-padding-none{padding-top:0;padding-bottom:0}@media(min-width:750px){.hpq-fc.section--vertical-padding-top-bottom{padding-top:56px;padding-bottom:56px}.hpq-fc.section--vertical-padding-top-only{padding-top:56px}.hpq-fc.section--vertical-padding-bottom-only{padding-bottom:56px}}.hpq-fc__header{padding:0 0 16px}.hpq-fc__eyebrow{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.hpq-fc__heading{font-size:36px;font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:.02em;margin:0}.hpq-fc__subheading{font-family:var(--font-body, "Sora", sans-serif);font-size:14px;font-weight:400;color:#777;line-height:1.5;margin:6px 0 0;max-width:720px}@media(min-width:750px){.hpq-fc__eyebrow{font-size:13px;letter-spacing:3px;margin-bottom:6px}.hpq-fc__heading{font-size:48px}.hpq-fc__subheading{font-size:16px;margin-top:8px}}.hpq-fc__grid{display:grid;grid-template-columns:repeat(var(--hpq-fc-cols-desktop),1fr);gap:16px}@media(max-width:749px){.hpq-fc{padding-right:0}.hpq-fc__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-right:var(--spacing-page-gutter, 24px);padding-bottom:4px;scrollbar-width:none}.hpq-fc__grid::-webkit-scrollbar{display:none}.hpq-fc__grid>*{flex:0 0 70%;max-width:70%;scroll-snap-align:start}}.hpq-card{border-radius:12px;overflow:hidden;border:2px solid transparent;background:#fff;display:flex;flex-direction:column;transition:border-color .2s ease}.hpq-card--in-cart{border-color:var(--hpq-green, #009b3b)}.hpq-card__image-wrap{position:relative;flex-shrink:0}.hpq-card__image-link{display:block}.hpq-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--hpq-warm-white, #fff8eb)}.hpq-card--sold-out .hpq-card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e;pointer-events:none}.hpq-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .2s ease,opacity .2s ease}.hpq-card--sold-out .hpq-card__img{filter:saturate(.82) brightness(.93)}.hpq-card__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.hpq-card:hover .hpq-card__img:not(.hpq-card__img--hover){transform:scale(1.03)}.hpq-card:hover .hpq-card__img--hover{opacity:1}.hpq-card--sold-out:hover .hpq-card__img--hover{opacity:0}.hpq-card__placeholder{width:100%;height:100%}.hpq-card__badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;z-index:1;background:#ffffffb8;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 4px #00000014}.hpq-card__badge>i{line-height:1;flex-shrink:0}.hpq-qty{position:absolute;top:10px;right:10px;z-index:2;height:40px}.hpq-qty__add,.hpq-qty__stepper,.hpq-qty__badge{display:none}.hpq-qty--idle .hpq-qty__add,.hpq-qty--active .hpq-qty__stepper,.hpq-qty--collapsed .hpq-qty__badge{display:flex}.hpq-qty__add{height:40px;align-items:center;gap:6px;background:var(--hpq-green, #009b3b);color:#fff;border:none;border-radius:24px;padding:0 16px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:13px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #0000002e;transition:transform .15s ease}.hpq-qty__add:active{transform:scale(.95)}.hpq-qty__stepper{height:40px;align-items:center;background:var(--hpq-green, #009b3b);color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 2px 8px #0000002e;animation:hpq-pop .2s ease}@keyframes hpq-pop{0%{opacity:0}to{opacity:1}}.hpq-qty__minus,.hpq-qty__plus{display:flex;align-items:center;justify-content:center;width:50px;height:40px;background:none;border:none;color:#fff;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.hpq-qty__minus:hover,.hpq-qty__plus:hover{background:#ffffff26}.hpq-qty__minus:active,.hpq-qty__plus:active{background:#ffffff40}.hpq-qty__count{min-width:32px;text-align:center;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:15px;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.hpq-qty__icon-trash,.hpq-qty--count-1 .hpq-qty__icon-minus{display:none}.hpq-qty--count-1 .hpq-qty__icon-trash{display:block}.hpq-qty__badge{height:40px;align-items:center;justify-content:center;background:var(--hpq-green, #009b3b);color:#fff;border:none;border-radius:24px;padding:0 16px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000002e;animation:hpq-pop .2s ease}@keyframes hpq-qty-pulse{0%,to{opacity:1}50%{opacity:.5}}.hpq-qty--loading .hpq-qty__stepper{animation:hpq-qty-pulse .8s ease infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.hpq-qty--loading .hpq-qty__stepper{animation:none;opacity:.6}}.hpq-qty__sold-out{position:absolute;top:10px;right:10px;height:40px;display:flex;align-items:center;background:#1e140fd1;color:#fff;border-radius:24px;padding:0 16px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px #00000029}.hpq-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.hpq-card__price{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:17px;font-weight:700;color:var(--hpq-dark, #1e140f);margin-bottom:4px;line-height:1.2}.hpq-card__price-sale{color:var(--hpq-red, #ff160d)}.hpq-card__tier-hint{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:11px;font-weight:500;color:#00822d;line-height:1.2;margin-bottom:4px}.hpq-card__price-compare{font-weight:400;color:#999;margin-left:6px;font-size:14px}.hpq-card__name{font-family:var(--font-header, "Barlow Condensed", sans-serif);text-transform:uppercase;letter-spacing:.02em;font-size:16px;font-weight:700;line-height:1.2;color:var(--hpq-dark, #1e140f);margin-bottom:2px}.hpq-card__name-cn{font-family:var(--font-cn, "Noto Sans SC", sans-serif);font-weight:300;font-size:13px;color:#888;margin-bottom:4px}.hpq-card__rating{margin-bottom:6px}.hpq-card__rating .product-rating{font-size:13px}.hpq-card__rating .product-rating__stars{display:inline-flex}.hpq-card__rating .product-rating__count{font-size:11px}.hpq-card__rating svg path{stroke-linejoin:round;stroke-linecap:round}.hpq-card__flavor{margin-top:auto}.hpq-card__flavor-grid{display:grid;grid-template-columns:auto auto;column-gap:10px;row-gap:3px;align-items:center;width:fit-content}.hpq-card__fl-label{display:flex;align-items:center;gap:5px}.hpq-card__fl-char{font-family:var(--font-cn, "Noto Sans SC", sans-serif);font-weight:500;font-size:13px;color:var(--hpq-dark, #1e140f)}.hpq-card__fl-name{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:10px;color:#777}.hpq-card__fl-dots{font-size:13px;letter-spacing:3px;white-space:nowrap}.hpq-card__fl-dot{color:var(--hpq-dark, #1e140f)}.hpq-card__fl-dot--empty{color:#ddd}@media(min-width:750px){.hpq-card{border-radius:14px}.hpq-card__badge{font-size:11px;padding:5px 10px;top:14px;left:14px;border-radius:5px}.hpq-qty{top:14px;right:14px;height:44px}.hpq-qty__add{height:44px;font-size:15px;padding:0 20px;gap:7px}.hpq-qty__stepper{height:44px}.hpq-qty__minus,.hpq-qty__plus{width:56px;height:44px}.hpq-qty__count{font-size:17px;min-width:36px}.hpq-qty__badge{height:44px;font-size:15px;padding:0 20px}.hpq-qty__sold-out{height:44px;font-size:15px;padding:0 20px;top:14px;right:14px}.hpq-qty__add svg,.hpq-qty__plus svg,.hpq-qty__minus svg{width:16px;height:16px}.hpq-card__body{padding:18px 20px 20px}.hpq-card__price{font-size:20px;margin-bottom:6px}.hpq-card__tier-hint{font-size:12px}.hpq-card__price-compare{font-size:17px;margin-left:8px}.hpq-card__name{font-size:20px;line-height:1.15;margin-bottom:3px}.hpq-card__name-cn{font-size:15px;color:#777;margin-bottom:6px}.hpq-card__rating .product-rating{font-size:16px}.hpq-card__rating .product-rating__count{font-size:13px}.hpq-card__rating{margin-bottom:10px}.hpq-card__flavor-grid{column-gap:14px;row-gap:5px}.hpq-card__fl-label{gap:7px}.hpq-card__fl-char{font-size:16px}.hpq-card__fl-name{font-size:13px;color:#666}.hpq-card__fl-dots{font-size:16px;letter-spacing:4px}}
/*# sourceMappingURL=/cdn/shop/t/31/compiled_assets/styles.css.map */
