/* Homepage gift-box card. Shared with the About year demo so the frame cannot drift. */
.picks-card{
  --gfty-gift-red:#C8102E;
  display:flex;flex-direction:column;min-width:0;
  text-decoration:none;color:inherit;background:#fff;
  border:1px solid var(--rule, #E8E2DC);overflow:visible;
}
.picks-card:hover{border-color:var(--ink, #17110F);}
.picks-photo{background:transparent;overflow:visible;padding:14px 0 0;}
.picks-gift{
  position:relative;width:82%;margin:0 auto;aspect-ratio:1;
  box-sizing:border-box;background:#fff;
  border:4px double var(--gfty-gift-red);
}
.picks-gift::before,
.picks-gift::after{
  content:"";position:absolute;pointer-events:none;z-index:2;
}
.picks-gift::before{
  left:-2px;right:-2px;top:50%;height:3px;transform:translateY(-50%);
  background:
    linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) left center / 9px 3px no-repeat,
    linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) right center / 9px 3px no-repeat;
}
.picks-gift::after{
  top:-2px;bottom:-2px;left:50%;width:3px;transform:translateX(-50%);
  background:
    linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) center top / 3px 9px no-repeat,
    linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) center bottom / 3px 9px no-repeat;
}
.picks-bow{
  position:absolute;left:50%;top:0;z-index:3;display:block;
  width:22px;height:15px;transform:translate(-50%,-62%);
  color:var(--gfty-gift-red);pointer-events:none;
}
.picks-gift-img{position:absolute;inset:10px;background:#fff;}
.picks-gift img{
  width:100%;height:100%;object-fit:contain;object-position:center;
  display:block;background:#fff;
}
.picks-body{padding:.85rem .9rem 1rem;}
.picks-name{
  font-family:"Archivo",system-ui,sans-serif;
  font-weight:600;font-size:1rem;letter-spacing:-.01em;
  line-height:1.3;margin:0 0 .35rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.picks-price{font-family:"Archivo",system-ui,sans-serif;font-weight:600;margin:0;}
.picks-vendor{margin:.2rem 0 0;color:var(--muted, #6B615C);font-size:.8125rem;}
@media (max-width:760px){
  .picks-grid{grid-template-columns:1fr;}
  .picks-gift{width:78%;}
  .picks-gift-img{inset:6px;}
  .picks-gift::before{
    background:
      linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) left center / 7px 3px no-repeat,
      linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) right center / 7px 3px no-repeat;
  }
  .picks-gift::after{
    background:
      linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) center top / 3px 7px no-repeat,
      linear-gradient(var(--gfty-gift-red),var(--gfty-gift-red)) center bottom / 3px 7px no-repeat;
  }
}