/* ── Curated Gifts (Social tab) ─────────────────────────────────── */
/* .cf-filter-pill's border-left:none (tab-headers-and-recipes-browse.css)
   assumes it's one segment in a connected row of pills, restored on
   :first-child only -- the wishlist toggle is a lone standalone button
   now (search input + filter dropdown sit ahead of it, not more pills),
   so it needs its own left border and full rounded corners back rather
   than reading as a cut-off segment. */
#pane-gifts .gift-wishlist-pill{border-left:2px solid rgba(0,0,0,.08);border-radius:22px;}

.gift-board{column-count:2;column-gap:20px;max-width:1280px;margin-left:auto;margin-right:auto;}
@media (min-width:820px){.gift-board{column-count:3;}}
@media (min-width:1180px){.gift-board{column-count:4;}}
@media (min-width:1440px){.gift-board{column-count:5;}}
@media (min-width:1700px){.gift-board{column-count:6;}}

.gift-pin{
  break-inside:avoid;margin:0 0 20px;position:relative;border-radius:0;overflow:hidden;
  background:#fff;box-shadow:0 0 20px rgba(255,255,255,.9);
  cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s ease;
}
.gift-pin:hover{transform:translateY(-5px);box-shadow:0 0 34px rgba(255,255,255,1);}
.gift-pin:focus-visible{outline:3px solid var(--pink);outline-offset:2px;}

.gift-photo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.gift-photo svg{position:relative;z-index:1;width:52%;height:52%;transition:transform .3s ease;}
.gift-pin:hover .gift-photo svg{transform:scale(1.04);}
/* Real photos flow at their own natural aspect ratio (true Pinterest
   masonry) instead of being cropped into a fixed-height box like the
   icon placeholders. */
.gift-photo.has-photo{display:block;}
.gift-photo.has-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;transition:transform .3s ease;}
.gift-pin:hover .gift-photo.has-photo img{transform:scale(1.04);}

.gift-wish-btn{
  position:absolute;top:10px;right:10px;z-index:4;width:30px;height:30px;border:none;border-radius:0;
  background:rgba(255,255,255,.92);color:rgba(28,28,46,.35);font-size:15px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s ease,color .15s ease;
}
.gift-wish-btn:hover{transform:scale(1.1);}
.gift-wish-btn.on{color:#1c1c2e;}
.gift-wishlist-pill{background:#fff;}
/* #pane-gifts .cf-filter-pill.on (tab-headers-and-recipes-browse.css) is
   more specific than a bare .gift-wishlist-pill.on would be -- prefixed
   here too so this pill keeps its own pink "on" color instead of the
   other pills' plain dark one. */
#pane-gifts .gift-wishlist-pill.on{background:var(--pink-dark,#a3117a);color:#fff;}