.fhp__card--grid{display:flex;flex-direction:column;background:var(--fh-canvas);border:1.5px solid var(--fh-hairline);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;height:100%}.fhp__card--grid:hover{box-shadow:0 4px 20px #0b4f6c1a;transform:translateY(-2px)}.fhp__card--grid .fhp__link{display:block;text-decoration:none;color:inherit}.fhp__card--grid .fhp__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--fh-canvas-soft)}.fhp__card--grid .fhp__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.fhp__card--grid:hover .fhp__img{transform:scale(1.04)}.fhp__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--fh-canvas-soft)}.fhp__img-placeholder svg{width:60%;height:60%}.fhp__badges{position:absolute;top:8px;left:8px;display:flex;flex-wrap:wrap;gap:4px;z-index:1;pointer-events:none}.fhp__badge{background:var(--fh-primary);color:var(--fh-on-primary);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:6px;line-height:1.2;pointer-events:none;white-space:nowrap}.fhp__badge--soldout{background:var(--fh-ink-muted)}.fhp__badge--spar{background:var(--fh-success)}.fhp__badge--lowstock{background:var(--fh-warning)}.fhp__card--grid .fhp__info{padding:10px 12px 4px}.fhp__name-link{text-decoration:none;color:inherit}.fhp__name{font-size:14px;font-weight:600;color:var(--fh-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.fhp__unit{display:block;font-size:12px;color:var(--fh-ink-muted);line-height:1.2;min-height:1em}.fhp__chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 12px 4px}.fhp__chip{font-size:14px;font-weight:500;padding:8px 18px;min-height:38px;border:1.5px solid var(--fh-hairline-strong);border-radius:300px;background:var(--fh-canvas);color:var(--fh-ink-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;line-height:1.2;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.fhp__chip:hover:not(.is-unavailable):not(.is-selected){border-color:var(--fh-primary);color:var(--fh-primary)}.fhp__chip.is-selected{background:var(--fh-primary);color:var(--fh-on-primary);border-color:var(--fh-primary)}.fhp__chip.is-selected:hover{background:var(--fh-primary-hover);color:var(--fh-on-primary)}.fhp__chip.is-unavailable{opacity:.4;cursor:not-allowed;text-decoration:line-through}.fhp__card--grid .fhp__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;margin-top:auto;gap:8px}.fhp__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;min-width:0}.fhp__price{font-size:15px;font-weight:700;color:var(--fh-ink);white-space:nowrap}.fhp__compare{font-size:12px;color:var(--fh-ink-subtle);text-decoration:line-through;white-space:nowrap}.fhp__spar{font-size:10px;font-weight:700;letter-spacing:.03em;background:var(--fh-success-soft);color:var(--fh-success-ink);padding:2px 8px;border-radius:4px;white-space:nowrap}.fhp__add{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--fh-primary);color:var(--fh-on-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent;position:relative}.fhp__add:hover{background:var(--fh-primary-hover);transform:scale(1.08)}.fhp__add:active{transform:scale(.94)}.fhp__add.is-loading{pointer-events:none;cursor:not-allowed}.fhp__add.is-loading .fhp__add-icon{animation:fhp-spin .6s linear infinite}.fhp__add.is-success{background:var(--fh-success-ink)}.fhp__add-icon,.fhp__add-check{width:18px;height:18px;position:absolute;transition:opacity .2s,transform .2s}.fhp__add-icon{opacity:1;transform:scale(1) rotate(0)}.fhp__add-check{opacity:0;transform:scale(.6)}.fhp__add.is-success .fhp__add-icon{opacity:0;transform:scale(.4) rotate(45deg)}.fhp__add.is-success .fhp__add-check{opacity:1;transform:scale(1)}.fhp__soldout-text{font-size:12px;color:var(--fh-ink-subtle);font-weight:500}.fhp__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:750px){.fhp__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1100px){.fhp__grid{grid-template-columns:repeat(4,1fr);gap:20px}}.fhp__card--lg .fhp__name,.fhp__card--lg .fhp__price{font-size:17px}.fhp__card--lg .fhp__unit{font-size:13px}.fhp__card--lg .fhp__chip{font-size:15px;font-weight:500;padding:9px 22px;min-height:42px}.fhp__card--lg .fhp__add{width:40px;height:40px}.fhp__card--lg .fhp__add-icon,.fhp__card--lg .fhp__add-check{width:20px;height:20px}.fhp__card--lg .fhp__info{padding:12px 14px 4px}.fhp__card--lg .fhp__chips{padding:8px 14px 4px}.fhp__card--lg .fhp__footer{padding:10px 14px 14px}.fhp__card--lg .fhp__badge{font-size:11px;padding:5px 12px}.fhp__card--sm{flex:0 0 140px;scroll-snap-align:start}.fhp__card--sm .fhp__name,.fhp__card--sm .fhp__price{font-size:12px}.fhp__card--sm .fhp__compare{font-size:11px}.fhp__card--sm .fhp__unit,.fhp__card--sm .fhp__chips,.fhp__card--sm .fhp__spar{display:none}.fhp__card--sm .fhp__info{padding:6px 8px 2px}.fhp__card--sm .fhp__footer{padding:4px 8px 8px;gap:4px}.fhp__card--sm .fhp__add{width:26px;height:26px}.fhp__card--sm .fhp__add-icon,.fhp__card--sm .fhp__add-check{width:14px;height:14px}.fhp__card--sm .fhp__badge{font-size:9px;padding:3px 8px}.fhp__card--sm .fhp__badges{top:6px;left:6px}.fhp__card--xs{flex:0 0 100px;scroll-snap-align:start}.fhp__card--xs .fhp__name,.fhp__card--xs .fhp__price{font-size:11px}.fhp__card--xs .fhp__unit,.fhp__card--xs .fhp__chips,.fhp__card--xs .fhp__spar,.fhp__card--xs .fhp__compare{display:none}.fhp__card--xs .fhp__info{padding:4px 6px 2px}.fhp__card--xs .fhp__footer{padding:2px 6px 6px;gap:4px}.fhp__card--xs .fhp__add{width:24px;height:24px}.fhp__card--xs .fhp__add-icon,.fhp__card--xs .fhp__add-check{width:12px;height:12px}.fhp__card--xs .fhp__badges{top:4px;left:4px}.fhp__card--xs .fhp__badge{font-size:8px;padding:2px 6px;border-radius:4px}.fhp__upsell-list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.fhp__upsell-list::-webkit-scrollbar{display:none}.fhp__card--cart{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--fh-hairline)}.fhp__card--cart:last-child{border-bottom:none}.fhp__cart-thumb-link{flex-shrink:0;display:block;text-decoration:none}.fhp__cart-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;display:block}.fhp__cart-thumb--placeholder{background:var(--fh-canvas-soft);border-radius:8px}.fhp__cart-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.fhp__cart-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.fhp__cart-name-link{text-decoration:none;color:inherit;min-width:0}.fhp__cart-name{font-size:14px;font-weight:600;color:var(--fh-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fhp__cart-remove{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--fh-ink-subtle);padding:2px;line-height:1;transition:color .15s;-webkit-tap-highlight-color:transparent}.fhp__cart-remove:hover{color:var(--fh-ink-secondary)}.fhp__cart-chips{display:flex;flex-wrap:wrap;gap:6px}.fhp__cart-chip{font-size:13px;font-weight:500;padding:5px 14px;min-height:32px;border:1.5px solid var(--fh-hairline-strong);border-radius:300px;background:var(--fh-canvas);color:var(--fh-ink-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s;line-height:1.2;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.fhp__cart-chip:hover:not(.is-selected){border-color:var(--fh-primary);color:var(--fh-primary)}.fhp__cart-chip.is-selected{background:var(--fh-primary);color:var(--fh-on-primary);border-color:var(--fh-primary)}.fhp__cart-chip.is-selected:hover{background:var(--fh-primary-hover);color:var(--fh-on-primary)}span.fhp__cart-chip{cursor:default}.fhp__cart-discount{font-size:11px;color:var(--fh-success-ink);font-weight:500}.fhp__cart-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:8px}.fhp__cart-qty{display:flex;align-items:center;border:1.5px solid var(--fh-hairline-strong);border-radius:300px;overflow:hidden;height:30px}.fhp__cart-qty-btn{width:30px;height:28px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fh-ink-secondary);transition:background .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.fhp__cart-qty-btn:hover{background:var(--fh-canvas-soft)}.fhp__cart-qty-btn.is-loading{opacity:.5;pointer-events:none}.fhp__cart-qty-num{min-width:28px;text-align:center;font-size:13px;font-weight:600;color:var(--fh-ink);line-height:1;-webkit-user-select:none;user-select:none}.fhp__cart-prices{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;justify-content:flex-end}.fhp__cart-price{font-size:14px;font-weight:700;color:var(--fh-ink);white-space:nowrap}.fhp__cart-price-compare{font-size:12px;color:var(--fh-ink-subtle);text-decoration:line-through;white-space:nowrap}.fhp-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);opacity:0;background:var(--fh-ink);color:var(--fh-on-primary);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:9999;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.fhp-toast.is-show{transform:translate(-50%) translateY(0);opacity:1}@keyframes fhp-bump{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes fhp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fhp-cart-bump{animation:fhp-bump .4s ease}
/*# sourceMappingURL=/cdn/shop/t/24/assets/fh-product-card.css.map */