html body #modal.loove-modal .gift-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-height:55dvh;overflow-y:auto;padding:4px!important;align-items:stretch}
html body #modal.loove-modal .gift-grid .gift-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;height:auto!important;min-height:130px!important;padding:10px 6px!important;border:1px solid #e1e6ee!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box;color:#343440}
html body #modal.loove-modal .gift-grid .gift-tile.selected{border:2px solid #42a4d8!important;background:#f0faff!important;padding:9px 5px!important}
html body #modal.loove-modal .gift-grid .gift-tile:focus-visible{outline:3px solid #7c73e6;outline-offset:2px}
html body #modal.loove-modal .gift-grid .gift-choice-image{display:block!important;object-fit:contain!important;width:100%!important;height:86px!important;max-width:112px!important;margin:0!important;padding:0!important;flex:none!important}
html body #modal.loove-modal .gift-grid small{font:500 11px/16px Montserrat,Arial,sans-serif!important;text-align:center;overflow-wrap:anywhere}
html body #modal.loove-modal .gift-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
html body #modal.loove-modal .gift-card > img.gift-art{position:static!important;display:block!important;object-fit:contain!important;width:112px!important;height:112px!important;min-height:0!important;max-width:100%!important;margin:0!important;padding:0!important;transform:none!important;flex:none!important}
html body #modal.loove-modal .gift-card > button{position:static!important;transform:none!important;margin:0!important;max-width:100%!important;min-height:36px!important;white-space:normal!important}
html body #modal.loove-modal .gift-history-row{display:flex;align-items:center;gap:12px;min-height:64px;text-align:left;font-size:12px}
html body #modal.loove-modal .gift-history-image{width:48px;height:48px;object-fit:contain;flex:0 0 48px}
@media(min-width:600px){html body #modal.loove-modal .gift-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:350px){html body #modal.loove-modal .gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

html body #modal.loove-modal .received-gifts{margin-top:20px}
html body #modal.loove-modal .received-gifts h4{font:600 13px/20px Montserrat,Arial,sans-serif;margin:0 0 12px}
html body #modal.loove-modal .received-gifts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
html body #modal.loove-modal .received-gift-card{min-width:0;padding:8px;border:1px solid #e7e9ef;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;box-sizing:border-box}
html body #modal.loove-modal .received-gift-art-button{display:flex;align-items:center;justify-content:center;width:100%;height:88px;min-height:0;padding:0;margin:0;border:0;background:none}
html body #modal.loove-modal .received-gift-art{display:block;position:static;width:80px;height:80px;max-width:100%;object-fit:contain;margin:0;padding:0;font-size:48px;line-height:80px;text-align:center}
html body #modal.loove-modal .received-gift-sender{display:block;width:100%;min-height:28px;padding:4px 0;margin:0;border:0;background:none;color:#398db2;text-align:center;font:500 11px/16px Montserrat,Arial,sans-serif;overflow-wrap:anywhere}
html body #modal.loove-modal .received-gift-card small{font:400 11px/16px Montserrat,Arial,sans-serif;color:#777}
html body #modal.loove-modal .received-gifts-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
html body #modal.loove-modal .received-gifts-actions button{position:static;min-height:36px;height:auto;margin:0;padding:8px 12px;font:500 12px/18px Montserrat,Arial,sans-serif;white-space:normal;border-radius:12px}
html body #modal.loove-modal .received-gifts-all{max-height:65dvh;overflow-y:auto;padding:2px}
html body #modal.loove-modal .received-gifts-all>p{font:400 12px/18px Montserrat,Arial,sans-serif;margin:12px 0}
html body #modal.loove-modal .received-gifts-all>button{min-height:40px;width:100%;margin-top:8px;font-size:12px}
html body #modal.loove-modal .gift-detail{display:flex;flex-direction:column;align-items:center;gap:12px;font:400 13px/20px Montserrat,Arial,sans-serif}
html body #modal.loove-modal .gift-detail-art{display:block;width:160px;height:160px;object-fit:contain;font-size:96px;line-height:160px}
html body #modal.loove-modal .gift-detail button{min-height:36px;padding:8px 14px;font-size:12px}
@media(max-width:360px){html body #modal.loove-modal .received-gifts-grid{gap:8px}html body #modal.loove-modal .received-gift-card{padding:6px}html body #modal.loove-modal .received-gift-art{width:64px;height:64px}html body #modal.loove-modal .received-gift-art-button{height:72px}}