/* Male collection: each object has room to move; price and action stay still. */
#modalCard:has(#giftErr,#stErr):has(.male-collection){width:100%;max-width:880px;padding:26px;background:#100e15;border-color:#52434d}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection{text-align:left}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .collection-head{background:#100e15;border-bottom-color:#44343d}
#modalCard:has(#giftErr,#stErr) .male-collection .collection-head .pay-h{margin:0;font-size:28px;text-align:left;letter-spacing:0}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .pay-note{margin:0 0 14px;text-align:left}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 15px;background:linear-gradient(160deg,#232029,#121018);border:1px solid #48404a;border-radius:14px;box-shadow:none;min-height:226px;transition:border-color .2s,background .2s;transform:none}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick:hover:not(:disabled){border-color:hsl(var(--hue) 55% 72% / .8);background:linear-gradient(160deg,#2c2731,#17131d);transform:none}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick:focus-visible{outline:2px solid #f0ccb0;outline-offset:3px}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick.on{border-color:#edd19f;background:linear-gradient(160deg,#332b25,#181318)}
.collection-art{position:relative;display:block;height:160px;isolation:isolate;overflow:hidden;border-radius:13px 13px 0 0}
.collection-art>.profile-atmosphere{border-radius:inherit}
.collection-art>.g-art,.collection-art>.status-art{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;margin:auto}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick .gp-name{padding:0 14px;margin-top:10px;display:block;min-height:0;line-height:1.3;font-size:16px;font-weight:600;text-align:left;color:#f5eee9;letter-spacing:0}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick .gp-price{padding:0 14px;margin-top:5px;font-size:14px;line-height:1.4;text-align:left;font-weight:500;color:#d3b58c;font-variant-numeric:tabular-nums}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick .st-on{top:9px;right:9px;padding:3px 8px;border-radius:20px;font-size:11px;background:#e8cc98;color:#261c12;z-index:4}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .status-profile-links{margin:0}
#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .status-own-link{background:none!important;border-color:#51434d!important}
.gift-purchase-art.collection-art{height:200px;width:100%;margin:0 0 22px;border-radius:14px;border:1px solid #51424b;background:#15111b}
@media(max-width:600px){
  #modalCard:has(#giftErr,#stErr):has(.male-collection){width:100%;padding:18px;max-height:calc(100dvh - 20px);border-radius:18px}
  #modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .collection-head{top:-18px;margin:-18px -18px 14px;padding:12px 12px 12px 18px}
  #modalCard:has(#giftErr,#stErr) .male-collection .collection-head .pay-h{font-size:24px}
  #modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
  #modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick{min-height:192px;padding-bottom:13px}
  #modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .collection-art{height:132px}
  #modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick .gp-name{font-size:14px;padding:0 10px;margin-top:8px}
  #modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick .gp-price{font-size:12px;padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.male-collection .gift-pick{transition:none}}

#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick::before,#modalCard:has(#giftErr,#stErr):has(.male-collection) .male-collection .gift-pick::after{display:none}
