.gift-panel{gap:24px;display:grid}.gift-controls{gap:16px;display:grid}.gift-next{z-index:3;background:var(--card,#fffefa);border:1px solid var(--accent,#b8d982);border-radius:16px;padding:20px 24px;position:sticky;top:0;box-shadow:0 6px 24px #0003}.gift-next h2{margin:6px 0;font-size:clamp(24px,3vw,42px)}.gift-next p{margin:0}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.gift-card{text-align:left;border:1px solid var(--line,#e1e5da);background:var(--card,#fffefa);color:inherit;cursor:pointer;border-radius:16px;padding:12px;overflow:hidden}:is(.gift-card:hover,.gift-card:focus-visible){border-color:var(--accent,#b8d982);transform:translateY(-2px)}.gift-card img,.gift-placeholder{aspect-ratio:4/3;object-fit:contain;background:#ffffff08;border-radius:10px;width:100%;margin-bottom:14px;display:block}.gift-placeholder{place-items:center;font-size:60px;display:grid}.gift-card h3{overflow-wrap:anywhere;margin:8px 0;font-size:20px}.gift-card p{margin:8px 0;font-size:14px}.modal.gift-dialog{width:min(920px,94vw);max-width:920px;max-height:92dvh;overflow:auto}.gift-detail img{object-fit:contain;border-radius:12px;width:100%;max-height:60dvh}.gift-description{white-space:pre-wrap;overflow-wrap:anywhere}.gift-detail-actions{gap:14px;margin-top:20px;display:grid}.gift-detail-actions .btn{white-space:normal}.gift-screen{min-height:100dvh;padding:32px}.gift-screen-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.gift-screen .gift-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.gift-panel details summary{cursor:pointer}.gift-panel details li{padding:6px}@media (max-width:600px){.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gift-card{padding:9px}.gift-card h3{font-size:17px}.gift-next{padding:16px}.gift-panel .section-title{flex-direction:column;align-items:flex-start;gap:12px}.gift-screen{padding:16px}.gift-controls .stack-actions{display:grid}.gift-dialog{padding:18px}}.gift-controls{padding:24px}.gift-panel .stack-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-dialog::backdrop{background:#10201899}.gift-dialog .form-grid{gap:16px;display:grid}.gift-dialog .field{gap:7px;display:grid}.gift-dialog p[role=alert]{color:var(--danger,#a34331)}@media (max-width:600px){.gift-panel .gift-controls .stack-actions{display:grid}.gift-controls{padding:18px}.gift-dialog:has(.gift-detail-actions) .gift-detail img{max-height:32dvh}.gift-detail-actions{gap:10px}}
