/* Reserve a full square for the icon; rounded photo clipping never reaches it. */
.details .detail-photo .detail-heart{
  top:3px;right:4px;width:34px;height:34px;padding:7px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid #fff7;border-radius:50%;
  background:linear-gradient(135deg,#8c7964,#625342);
  box-shadow:0 2px 5px #33261726;color:#fff;z-index:2;
  line-height:1;overflow:visible;flex-shrink:0;
}
.details .detail-photo .detail-heart svg{
  display:block;width:20px;height:20px;min-width:20px;
  aspect-ratio:1;overflow:visible;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.details .detail-photo .detail-heart.selected{background:linear-gradient(135deg,#b38847,#815c2c);border-color:#f5d698}
.details .detail-photo .detail-heart.selected svg{fill:#ffe2a1;stroke:#ffe2a1}
@media(max-width:350px){
  .details .quantity{flex-wrap:wrap;gap:4px}
  .details .quantity>span{width:100%}
  .details .quantity .stepper{width:100%;min-width:0}
  .details .detail-add{font-size:9px;gap:3px}
  .details .detail-add svg{width:15px;min-width:15px}
}