[data-sig="clover-gifts"]{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--paper);max-width:none;align-items:center}[data-sig="clover-gifts"] .gift-copy{max-width:570px;margin-left:auto}[data-sig="clover-gifts"] .gift-preview{max-width:600px;position:relative}[data-sig="clover-gifts"] .gift-preview img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}[data-sig="clover-gifts"] .gift-selects{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}[data-sig="clover-gifts"] label{font-size:13px}[data-sig="clover-gifts"] .gift-total{display:flex;justify-content:space-between;margin-bottom:20px}[data-sig="clover-gifts"] .gift-total strong{font-variant-numeric:tabular-nums}[data-sig="clover-gifts"] .gift-status{font-size:12px;margin-top:14px}[data-sig="clover-gifts"] .box-slots{position:absolute;bottom:20px;left:20px;right:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}[data-sig="clover-gifts"] .box-slots span{border:1px dashed var(--muted);background:var(--surface);min-height:62px;display:flex;align-items:center;justify-content:center;font-size:11px;padding:6px;text-align:center}[data-sig="clover-gifts"] .box-slots .filled{border-style:solid;animation:fill-box .2s ease-out}[data-sig="clover-gifts"] .box-slots img{width:100%;height:78px;aspect-ratio:auto;object-fit:cover}@keyframes fill-box{from{transform:translateY(-10px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(max-width:800px){[data-sig="clover-gifts"]{grid-template-columns:1fr;gap:32px}[data-sig="clover-gifts"] .gift-copy{margin:0}[data-sig="clover-gifts"] .gift-preview{grid-row:1}[data-sig="clover-gifts"] .gift-preview img{max-height:360px;width:100%}[data-sig="clover-gifts"] .box-slots img{height:62px}}
[data-sig="clover-gifts"] .box-slots span{display:flex;flex-direction:column;overflow:hidden;min-width:0;aspect-ratio:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px;text-align:center}[data-sig="clover-gifts"] .box-slots img{width:100%;aspect-ratio:4/5;object-fit:cover}[data-sig="clover-gifts"] .box-slots small{font-size:10px;overflow-wrap:anywhere}
[data-sig="clover-gifts"] .box-slots .balm-tin{display:block;width:48px;min-height:48px;height:48px;background:#d7c898;border:4px solid #b4b4a2;border-radius:50%;box-shadow:4px 6px 4px #333c3120;margin-bottom:6px}[data-sig="clover-gifts"] .box-slots img{object-fit:contain}