/* =================== hc-pdp-stickybar.css =================== */
.hc-pdp-stickybar {display: flex; position: fixed; left: 8px; right: 8px; bottom: 58px; z-index: 80; padding: 10px 12px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(12px) saturate(160%); border-top: 1px solid var(--hc-line); box-shadow: 0 16px 40px rgba(27, 20, 13, 0.14); align-items: center; gap: 10px; border: 1px solid rgba(26, 23, 20, 0.08); border-radius: 18px; transform: translateY(110%); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1)}
.hc-pdp-stickybar__thumb {width: 44px; aspect-ratio: 1; background: var(--hc-bg-2, var(--hc-paper-3, #f2efe9)); border-radius: 10px; padding: 4px; flex-shrink: 0; height: 44px; flex: none; overflow: hidden}
.hc-pdp-stickybar__thumb img {width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply}
.hc-pdp-stickybar__meta {min-width: 0; flex: 1}
.hc-pdp-stickybar__name {font-size: 12px; font-weight: 500; color: var(--hc-ink-soft, rgba(26, 23, 20, 0.7)); line-height: 1.3}
.hc-pdp-stickybar__price {font-family: var(--hc-serif, "Playfair Display", Georgia, serif); font-size: 15px; font-weight: 500; color: var(--hc-ink, #1a1714)}
.hc-pdp-stickybar.is-visible, .hc-pdp-stickybar[data-visible] {transform: none}

.hc-pdp-stickybar {pointer-events: none;}
.hc-pdp-stickybar.is-visible {pointer-events: auto;}
.hc-pdp-stickybar .hc-pdp-sticky__cta--primary {display: none;}
@media (min-width: 768px) {
  .hc-pdp-stickybar {display: none;}
}