#gift-dialog{width:min(900px,calc(100% - 24px));max-height:90dvh;overflow:auto;overscroll-behavior:contain}#gift-dialog .dialog-close{top:10px;right:10px;z-index:2}
.gift-detail figure{max-width:240px;text-align:center}.gift-detail .gift-variants img{width:min(220px,100%);height:155px;object-fit:contain;background:transparent}.gift-note{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted)}
.gift-library-row{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)}.gift-library-row :is(.gift-detail-upload,.gift-note-editor){grid-column:2/-1}.gift-library-row>button{grid-column:2/-1;justify-self:start}.gift-note-editor textarea{width:100%;padding:8px;border:1px solid var(--line);background:#fff;color:#171717;font:inherit;resize:vertical}.gift-library-row[data-new-gift] :is(.gift-detail-upload,.gift-note-editor,button){grid-column:1/-1}
.gift-overlay{position:absolute;left:8px;bottom:8px;z-index:3;max-width:68%;padding:6px 8px;border:1px solid #ffffff70;border-radius:9px;background:rgba(53,64,80,.45);color:#fff;pointer-events:none;box-shadow:0 2px 8px #0002}
.gift-overlay>strong{display:block;width:max-content;margin:-5px 0 3px -7px;padding:4px 7px;border-radius:8px 0 5px 0;background:#ff5b18;color:#17110d;font:800 9px/1 Inter,Arial,sans-serif;text-transform:uppercase}
.gift-overlay>div,.gift-detail>div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.gift-overlay figure,.gift-detail figure{margin:0}.gift-overlay img{display:block;width:38px;height:43px;object-fit:contain}.gift-more{font-size:11px;font-weight:700}
.gift-detail{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.gift-detail>strong{display:block;font-size:13px;margin-bottom:10px}.gift-detail>div{gap:12px}.gift-detail figure{display:grid;justify-items:center;gap:5px}.gift-detail img{width:64px;height:64px;object-fit:contain;background:#f4f4f4;border-radius:6px}.gift-detail figcaption{font-size:11px}
.gift-overlay>div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;align-items:end}.gift-overlay figure{width:52px;max-width:100%;min-width:0;text-align:center}.gift-overlay img{width:100%;height:58px;filter:drop-shadow(0 1px 1px #0008)}.gift-overlay figcaption{margin-top:3px;color:#fff;font:600 9px/1.15 Inter,Arial,sans-serif;overflow-wrap:anywhere}.gift-overlay .gift-more{align-self:center;color:#fff}.gift-overlay>strong{margin:-6px 0 5px -8px;padding:5px 8px;font-size:10px}
.gift-detail img,.gift-choices img,.gift-library-row>img{background:#343b46}
.gift-manage{margin:6px 0 0 6px}.gift-editor{padding:28px;position:relative}.gift-editor h2{padding-right:25px;font:800 28px 'Barlow Condensed',sans-serif}.gift-editor p{font-size:12px;line-height:1.6;max-width:75ch;color:var(--muted)}.gift-editor fieldset{border:1px solid var(--line);padding:15px;margin:20px 0}.gift-editor legend{font-size:13px;font-weight:700}.gift-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gift-choices label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px;font-size:12px;cursor:pointer}.gift-choices label:has(:checked){border-color:#ff5b18;box-shadow:inset 3px 0 #ff5b18}.gift-choices input{accent-color:#ff5b18}.gift-choices img,.gift-library-row>img{width:48px;height:48px;object-fit:contain;background:#f4f4f4;border-radius:4px}.gift-photo-empty{display:grid;place-items:center;width:48px;min-height:48px;background:#eee;color:#555;font-size:10px;flex-shrink:0}.gift-selection>button{margin:0 6px 6px 0}.gift-library{margin-top:16px}.gift-library-row{display:grid;grid-template-columns:48px 1fr 1.3fr auto;gap:12px;align-items:end;padding:14px 0;border-top:1px solid var(--line)}.gift-library-row label{display:grid;gap:6px;min-width:0;font-size:11px}.gift-library-row input{width:100%;min-width:0;padding:8px;border:1px solid var(--line);background:#fff;color:#171717;font-size:12px}.gift-library-row[data-new-gift]{grid-template-columns:1fr 1.3fr auto}.gift-editor .gift-message{min-height:18px;color:#247242}.gift-editor .gift-message.form-error{color:#ab2d22}
html[data-theme=dark] .gift-editor .gift-message{color:#9ce0b4}html[data-theme=dark] .gift-editor .gift-message.form-error{color:#ffb2a6}.gift-editor :is(button,input,summary):focus-visible{outline:3px solid #ff8b56;outline-offset:2px}
.gift-symbol{position:absolute;left:-3px;top:-13px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #ffffffc0;border-radius:50%;background:#fff0df;color:#b83a00;box-shadow:0 1px 3px #0003}.gift-symbol svg{width:16px;height:16px}.gift-overlay img{filter:brightness(1.12) drop-shadow(0 0 1px #fff) drop-shadow(0 1px 1px #000a)}.gift-overlay figcaption{text-shadow:0 1px 2px #000}
@media(max-width:600px){.gift-library-row :is(.gift-detail-upload,.gift-note-editor),.gift-library-row>button{grid-column:1/-1}}
@media(max-width:600px){.gift-overlay{left:5px;bottom:5px;padding:5px;max-width:76%}.gift-overlay>strong{margin:-5px 0 4px -5px;padding:4px 6px;font-size:9px}.gift-overlay>div{gap:4px}.gift-overlay figure{width:34px}.gift-overlay img{width:100%;height:42px}.gift-overlay figcaption{font-size:8px}.gift-editor{padding:20px 14px}.gift-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-choices label{flex-wrap:wrap}.gift-library-row,.gift-library-row[data-new-gift]{grid-template-columns:1fr}.gift-editor h2{font-size:25px}}
/* Compact photo group, matching the approved reference. Labels remain in the product detail. */
.gift-overlay{padding:4px 6px;background:rgba(235,239,244,.7);border-color:#ffffffc9;border-radius:8px;box-shadow:0 1px 5px #0002;color:#252a32}
.gift-overlay>div{gap:1px}.gift-overlay figure{width:46px}.gift-overlay figcaption{display:none}.gift-overlay img{height:52px;filter:drop-shadow(0 1px 1px #0008) drop-shadow(0 3px 3px #0004)}.gift-overlay .gift-more{color:#252a32}.gift-symbol{width:18px;height:18px;top:-10px}.gift-symbol svg{width:14px;height:14px}
@media(max-width:600px){.gift-overlay{padding:3px 4px}.gift-overlay figure{width:32px}.gift-overlay img{height:38px}}