/* "More gifts" row under every builder — homepage template cards, scoped. */
.gift-more{
  --m-cream:#FFFDF8;--m-paper:#F8F3EA;--m-card:#FFFEFC;
  --m-ink:#302A2C;--m-muted:#74696B;--m-rose:#C98287;--m-rose-deep:#A8626A;
  --m-line:#E8DFD2;--m-line-soft:#F0E9DE;--m-sage:#D9E2D1;--m-butter:#F5E8BD;
  --m-serif:"Cormorant Garamond",Georgia,serif;
  --m-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --m-gut:clamp(18px,4vw,40px);
  --m-ease:cubic-bezier(.22,.8,.28,1);
  position:relative;padding:clamp(48px,7vw,88px) 0 clamp(40px,6vw,72px);margin:0;
  border-top:1px solid var(--m-line-soft);background:transparent;
  font-family:var(--m-sans);color:var(--m-ink);
}
.gift-more__wrap{width:min(100%,1240px);margin:0 auto;padding:0 var(--m-gut)}
.gift-more__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.gift-more__eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;
  font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--m-rose);
}
.gift-more__eyebrow::before{content:"";width:22px;height:1.5px;background:currentColor;border-radius:2px}
.gift-more__title{
  margin:0;font-family:var(--m-serif);font-weight:600;letter-spacing:-.01em;line-height:1.02;
  font-size:clamp(2rem,4.4vw,3.2rem);color:var(--m-ink);
}
.gift-more__lead{margin:12px 0 0;max-width:46ch;color:var(--m-muted);font-size:1rem;line-height:1.5}
.gift-more__nav{display:flex;gap:8px;flex:none}
.gift-more__arrow{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--m-line);background:var(--m-card);color:var(--m-ink);font-size:1.05rem;
  transition:border-color .2s,background .2s,transform .15s;
}
.gift-more__arrow:hover{border-color:var(--m-ink);background:var(--m-cream)}
.gift-more__arrow:active{transform:scale(.94)}

.gift-more__track{
  display:grid;grid-auto-flow:column;grid-auto-columns:clamp(250px,24vw,300px);gap:16px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  padding:6px max(var(--m-gut),calc((100vw - 1240px) / 2 + var(--m-gut))) 22px;
  scroll-padding-inline:max(var(--m-gut),calc((100vw - 1240px) / 2 + var(--m-gut)));
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.gift-more__track::-webkit-scrollbar{display:none}

.gift-more__all{margin:18px 0 0;text-align:center}
.gift-more__all a{
  display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;
  border:1px solid var(--m-line);background:var(--m-card);color:var(--m-ink);
  font-weight:600;font-size:.92rem;text-decoration:none;transition:border-color .2s,background .2s;
}
.gift-more__all a:hover{border-color:var(--m-ink)}

/* template card */
.gift-more .tpl{
  position:relative;display:flex;flex-direction:column;scroll-snap-align:start;
  background:var(--m-card);border:1px solid var(--m-line-soft);border-radius:24px;overflow:hidden;
  box-shadow:0 1px 2px rgba(48,42,44,.04),0 2px 8px rgba(48,42,44,.04);
  transition:transform .28s var(--m-ease),box-shadow .28s var(--m-ease),border-color .28s var(--m-ease);
}
.gift-more .tpl:hover,.gift-more .tpl:focus-within{
  transform:translateY(-4px);border-color:var(--m-line);
  box-shadow:0 10px 22px rgba(48,42,44,.08),0 24px 50px rgba(48,42,44,.09);
}
.gift-more .tpl__shot{position:relative;display:block;overflow:hidden;background:var(--m-paper);aspect-ratio:16/9}
.gift-more .tpl__shot img,.gift-more .tpl__shot video{
  display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--m-ease);
}
.gift-more .tpl:hover .tpl__shot img,.gift-more .tpl:hover .tpl__shot video{transform:scale(1.045)}
.gift-more .tpl__fallback{display:grid;place-items:center;height:100%;font-family:var(--m-serif);font-size:2rem;color:var(--m-rose)}
.gift-more .tpl__flag{
  position:absolute;top:10px;right:10px;z-index:2;padding:5px 11px;border-radius:999px;
  background:rgba(255,253,248,.94);font-size:.72rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--m-ink);box-shadow:0 1px 4px rgba(48,42,44,.08);
}
.gift-more .tpl__flag--new{background:var(--m-sage)}
.gift-more .tpl__flag--top{background:var(--m-butter)}
.gift-more .tpl__body{display:flex;flex-direction:column;gap:7px;padding:16px 17px 18px;flex:1}
.gift-more .tpl__kicker{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--m-rose)}
.gift-more .tpl__name{margin:0;font-family:var(--m-serif);font-size:1.45rem;font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--m-ink)}
.gift-more .tpl__name a{text-decoration:none;color:inherit}
.gift-more .tpl__desc{
  margin:0;font-size:.88rem;color:var(--m-muted);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.gift-more .tpl__foot{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:12px}
.gift-more .tpl__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;row-gap:4px;margin:0}
.gift-more .tpl__now{font-weight:700;font-size:1rem;color:var(--m-ink)}
.gift-more .tpl__was{font-size:.78rem;color:var(--m-muted);text-decoration:line-through}
.gift-more .tpl__off{
  align-self:center;padding:3px 8px;border-radius:999px;background:#F6E6E3;color:var(--m-rose-deep);
  font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;
}
.gift-more .tpl__actions{display:flex;align-items:center;gap:6px}
.gift-more .tpl__preview,.gift-more .tpl__make{
  flex:1;text-align:center;padding:10px 12px;border-radius:999px;
  font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s;
}
.gift-more .tpl__preview{border:1px solid var(--m-line);color:var(--m-muted)}
.gift-more .tpl__preview:hover{color:var(--m-ink);border-color:var(--m-ink)}
.gift-more .tpl__make{background:var(--m-ink);color:var(--m-cream);border:1px solid var(--m-ink)}
.gift-more .tpl__make:hover{background:var(--m-rose);border-color:var(--m-rose)}

@media (max-width:640px){
  .gift-more__head{margin-bottom:20px}
  .gift-more__nav{display:none}
  .gift-more__track{grid-auto-columns:78%;gap:12px}
}
@media (hover:none){
  .gift-more .tpl:hover{transform:none}
  .gift-more .tpl:hover .tpl__shot img{transform:none}
}