.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.collection-card{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:132px;padding:10px 43px 10px 8px;border:1px solid #ffffff60;border-radius:17px;text-align:left;overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s}
.collection-peach{background:#f7eee4}.collection-blue{background:#eaf1f7}.collection-green{background:#eaf2e9}.collection-pink{background:#f7eaf0}.collection-lavender{background:#eeebf6}
.collection-card>img{width:38%;height:112px;flex-shrink:0;object-fit:contain;mix-blend-mode:multiply}
.collection-copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.collection-copy strong{font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.35px}
.collection-copy small{font-size:12px;line-height:1.5;color:#626b79}
.collection-arrow{position:absolute;right:12px;bottom:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fffffff2;color:var(--purple);font-size:23px;box-shadow:0 2px 7px #48415f0d;transition:transform .2s}
.collection-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5545700e}
.collection-card:hover .collection-arrow{transform:translateX(2px)}
.collection-card:focus-visible{outline:3px solid var(--purple);outline-offset:3px}