/* =================== hc-pdp-sticky.css =================== */
.hc-pdp-sticky {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; background: rgba(255, 255, 255, 0.96); backdrop-filter: saturate(1.6) blur(14px); -webkit-backdrop-filter: saturate(1.6) blur(14px); border-top: 0.5px solid rgba(26, 23, 20, 0.12); box-shadow: 0 -4px 24px rgba(26, 23, 20, 0.06); padding: 10px 14px env(safe-area-inset-bottom) 10px
}
.hc-pdp-sticky__inner {
display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; max-width: 1200px; margin: 0 auto
}
.hc-pdp-sticky__info {
min-width: 0
}
.hc-pdp-sticky__name {
font-size: 13px; font-weight: 500; color: var(--hc-ink, #1a1714); white-space: nowrap; overflow: hidden; text-overflow: ellipsis
}
.hc-pdp-sticky__price {
display: flex; gap: 6px; align-items: baseline; margin-top: 2px
}
.hc-pdp-sticky__price strong {
font-family: var(--hc-serif, "Playfair Display", serif); font-size: 17px; font-weight: 500
}
.hc-pdp-sticky__old {
font-size: 11px; color: var(--hc-muted, rgba(26, 23, 20, 0.5)); text-decoration: line-through
}
.hc-pdp-sticky__actions {
display: flex; gap: 8px; align-items: center
}
.hc-pdp-sticky__fav {
width: 40px; height: 40px; border-radius: 50%; background: transparent; border: 0.5px solid rgba(26, 23, 20, 0.15); cursor: pointer; font-size: 18px; line-height: 1; color: var(--hc-ink-soft, rgba(26, 23, 20, 0.7)); transition: background 0.15s ease, transform 0.1s ease
}
.hc-pdp-sticky__fav:hover {
background: rgba(26, 23, 20, 0.05)
}
.hc-pdp-sticky__fav:active {
transform: scale(0.95)
}
.hc-pdp-sticky__cta {
padding: 10px 22px; font-size: 13px; white-space: nowrap
}

@media (min-width: 768px)  {
  .hc-pdp-sticky,
  [data-hc-pdp-sticky] {
    display: none;
  }
}