.list-card--product{border:var(--border-width) solid var(--border-default);flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.list-card--product .list-card__inner{flex-direction:column;flex:1;min-width:0;display:flex}.list-card--product .list-card__header{align-items:stretch;gap:var(--space-3);padding:var(--space-4);color:inherit;flex-direction:column;flex:1;min-width:0;text-decoration:none;display:flex}.list-card--product .list-card__icon-wrap{border-radius:var(--radius-md);aspect-ratio:4/3;overflow:hidden}.list-card--product .list-card__icon-wrap .product-image__img{padding:var(--space-2);mix-blend-mode:multiply;filter:brightness(1.06)}.list-card--product .list-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.list-card--product .list-card__kicker{align-items:baseline;gap:var(--space-1);min-width:0;display:flex}.list-card--product .list-card__kind{align-items:center;gap:var(--space-1);font-size:.6875rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap;line-height:1.4;display:inline-flex}.list-card--product .list-card__kind:before{content:"";border-radius:var(--radius-full);background:var(--card-accent);flex-shrink:0;width:6px;height:6px}.list-card--product .list-card__brand{font-size:.6875rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-card--product .list-card__brand:before{content:"·";margin-right:var(--space-1);color:var(--text-muted)}.list-card--product .list-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:-.005em;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;text-wrap:pretty;margin:var(--space-1) 0 0;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.list-card--product .card__footer{align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:0 0;flex-direction:column}.list-card--product .list-card__chips{gap:var(--space-1);flex-wrap:nowrap;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.list-card--product .list-card__chip{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:oklch(from var(--card-accent) l c h / .12);border:1px solid oklch(from var(--card-accent) l c h / .3);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:100%;padding:2px 8px;line-height:1.4;overflow:hidden}.list-card--product .list-card__chip--more{color:var(--text-muted);font-variant-numeric:tabular-nums;background:0 0;flex-shrink:0}.list-card--product .list-card__footer-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.list-card--product .list-card__preference-flag-wrap{margin-right:var(--space-2);flex-shrink:0;display:inline-flex;position:relative}.list-card--product .list-card__preference-flag{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);border:1px dashed oklch(from var(--text-muted) l c h / .45);border-radius:var(--radius-full);cursor:help;white-space:nowrap;background:0 0;align-items:center;padding:2px 10px;line-height:1.4;display:inline-flex}.list-card--product .list-card__preference-flag:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.list-card--product .list-card__preference-tip{z-index:var(--z-elevated);width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-relaxed);white-space:normal;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:absolute;bottom:calc(100% + 6px);left:0}.list-card--product .list-card__price-wrap{align-items:baseline;gap:var(--space-1);flex:1;min-width:0;display:flex}.list-card--product .list-card__price{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--card-footer-color,var(--text-primary));letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.list-card--product .list-card__price--empty{color:var(--card-footer-color-muted)}.list-card--product .list-card__amount{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.list-card--product .list-card__footer .button{flex-shrink:0}.list-card--product .list-card__shelf-flag{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.list-card--product .list-card__shelf-flag--avoided{font-style:italic}.price-range{gap:var(--space-3);border:none;flex-direction:column;margin:0;display:flex}.price-range__legend{float:left;width:100%;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;padding:0}.price-range__legend+.price-range__fields{clear:both;padding-top:var(--space-3)}.price-range__fields{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.price-range__fields .input-wrapper{gap:0}.price-range__fields .input-wrapper input{padding:var(--space-2) var(--space-3);font-size:var(--input-font-size);text-align:center;font-variant-numeric:tabular-nums}.price-range__separator{color:var(--text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.skincare-filter-drawer__section{border:0;min-inline-size:0;margin:0;padding:0}.skincare-filter-drawer__section-heading{padding:var(--space-4) var(--space-5) var(--space-3);background:var(--color-primary-light,oklch(from var(--color-primary) l c h / .06));border-bottom:1px solid oklch(from var(--color-primary) l c h / .16)}.skincare-filter-drawer__section-heading h3{color:var(--color-primary-deeper,var(--color-primary));font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:500}.skincare-filter-drawer__section-heading p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-xs)}.skincare-filter-drawer__intents{gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-card);border-bottom:var(--rule-section);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button.skincare-filter-drawer__intent,.button.skincare-filter-drawer__path{align-items:flex-start;gap:var(--space-1);background:var(--bg-card);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.button.skincare-filter-drawer__intent{min-width:0;padding:var(--space-3);border:1px solid oklch(from var(--color-primary) l c h / .3);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.skincare-filter-drawer__intent span{font-size:var(--text-sm);font-weight:var(--font-semibold)}.skincare-filter-drawer__intent small{color:var(--text-secondary);font-size:var(--text-xs)}@media (hover:hover){.button.skincare-filter-drawer__intent:hover:not(:disabled){border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .08)}}.button.skincare-filter-drawer__intent:focus-visible,.button.skincare-filter-drawer__path:focus-visible{outline:2px solid var(--color-focus,var(--color-primary));outline-offset:2px}.button.skincare-filter-drawer__intent.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text);box-shadow:0 4px 14px oklch(from var(--color-primary) l c h / .3)}.button.skincare-filter-drawer__intent.is-active small{color:inherit;opacity:.82}.button.skincare-filter-drawer__intent:disabled{opacity:.4;cursor:not-allowed}.skincare-filter-drawer__path-picker{padding:0 0 var(--space-4);background:var(--bg-card);border-bottom:var(--rule-section)}.skincare-filter-drawer__step{margin-bottom:var(--space-1);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;display:block}.skincare-filter-drawer__path-options{gap:var(--space-3);padding:var(--space-4) var(--space-5) 0;display:grid}.button.skincare-filter-drawer__path{padding:var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-lg)}.skincare-filter-drawer__path strong{color:var(--color-primary-deeper,var(--color-primary));font-size:var(--text-base)}.skincare-filter-drawer__path span{color:var(--text-secondary);font-size:var(--text-sm)}.button.skincare-filter-drawer__path.is-active{border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .08);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .12)}@media (width<=479px){.skincare-filter-drawer__intents{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.button.skincare-filter-drawer__intent{transition:none}}.sort-control__item{justify-content:space-between}.sort-control__check{color:var(--color-accent);flex-shrink:0}.sort-control__trigger--compact{width:38px;min-height:38px;padding:0}.products-grid-skeleton{display:contents}.products-grid-skeleton__card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;list-style:none;display:flex;overflow:hidden}.products-grid-skeleton__image{aspect-ratio:1;border-radius:0;width:100%}.products-grid-skeleton__body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.products-grid-skeleton__footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-sunken);border-top:1px solid var(--border-default);display:flex}.products-page{--list-browse-rail:72rem;--list-grid-min:300px}.products-chips-collapsible{border-top:var(--rule-section);border-bottom:var(--rule-section)}.products-chips-toggle-row{width:100%;transition:background var(--transition-fast) ease;cursor:pointer;align-items:stretch;display:flex}@media (hover:hover){.products-chips-toggle-row:hover{background:oklch(from var(--color-primary) l c h / .06)}}.button.bare.products-chips-toggle{padding:8px var(--space-6);color:var(--text-secondary);transition:background var(--transition-fast) ease, color var(--transition-fast) ease;flex:auto;gap:8px;font-size:12px;font-weight:600}.button.bare.products-chips-toggle strong{color:var(--text-primary);font-weight:700}@media (hover:hover){.button.bare.products-chips-toggle:hover:not(:disabled){color:var(--text-primary)}}.products-chips-toggle__icon{color:var(--color-primary);flex-shrink:0}.products-chips-toggle__chevron{transition:transform var(--transition-base) ease;color:var(--text-muted)}.products-chips-toggle__chevron--open{transform:rotate(180deg)}.button.bare.products-chips-toggle__edit{margin-right:var(--space-6);color:var(--color-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast) ease;flex:none;align-items:center;padding:2px 6px;font-size:12px;font-weight:600}@media (hover:hover){.button.bare.products-chips-toggle__edit:hover:not(:disabled){color:var(--color-primary);text-decoration:underline}}.products-chips-body{transition:grid-template-rows var(--transition-slow) ease;grid-template-rows:0fr;display:grid;overflow:hidden}.products-chips-collapsible--open .products-chips-body{grid-template-rows:1fr}.products-chips-inner{min-height:0;overflow:hidden}.products-floating-filter{transform:translateX(110%) translateY(calc(-50% + var(--drag-y,0px)));z-index:var(--z-elevated);background:var(--color-primary);height:56px;color:var(--color-primary-text);box-shadow:var(--shadow-pop);font-family:var(--font-sans);font-weight:700;font-size:var(--text-sm);cursor:grab;touch-action:none;transition:transform .32s var(--ease-soft-bounce), opacity .2s ease, background .15s ease;opacity:0;pointer-events:none;border:0;border-radius:28px 0 0 28px;align-items:center;gap:8px;padding:0 18px 0 16px;display:flex;position:fixed;top:50%;right:0}.products-floating-filter--visible{transform:translateX(0) translateY(calc(-50% + var(--drag-y,0px)));opacity:1;pointer-events:auto}.products-floating-filter--dragging{cursor:grabbing;transition:none}@media (hover:hover){.products-floating-filter:hover{background:var(--color-primary-hover)}}.products-floating-filter__icon-wrap{align-items:center;display:inline-flex;position:relative}.products-floating-filter__count{background:var(--color-accent);color:oklch(100% 0 0);border-radius:var(--radius-full);border:2px solid var(--color-primary);place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-6px;right:-10px}@media (width<=767px){.button.bare.products-chips-toggle{padding:8px var(--space-4)}.button.bare.products-chips-toggle__edit{margin-right:var(--space-4)}.products-floating-filter{height:48px}.products-floating-filter__label{display:none}}