.sh { position: absolute; inset: 0; container-type: inline-size; }

.sh-back { position: absolute; border-radius: 7cqw; border: 1px solid rgba(255,255,255,.75); background: linear-gradient(140deg, rgba(196,178,255,.55), rgba(255,255,255,.28)); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 3cqw 6cqw -3cqw rgba(90,60,190,.35), inset 0 0 0 1px rgba(255,255,255,.4); }
.sh-back--1 { left: 9%; top: 12%; width: 74%; height: 72%; rotate: -7deg; }
.sh-back--2 { left: 21%; top: 8%; width: 70%; height: 74%; rotate: 5deg; background: linear-gradient(140deg, rgba(255,255,255,.55), rgba(214,200,255,.3)); }
.sh-card { position: absolute; left: 13%; top: 9%; width: 68%; padding: 3.4cqw; border-radius: 6cqw; background: #fff; box-shadow: 0 0 0 1px rgba(11,11,15,.05), 0 5cqw 8cqw -3cqw rgba(70,40,160,.35); rotate: -3deg; display: grid; gap: .6cqw; }
.sh-row { position: relative; display: flex; align-items: center; gap: 3cqw; padding: 2.4cqw 2.6cqw; border-radius: 4cqw; transition: background .4s, transform .5s cubic-bezier(.3,1.4,.5,1), box-shadow .4s; }
.sh-row + .sh-row::before { content: ''; position: absolute; left: 3cqw; right: 3cqw; top: -.3cqw; height: 1px; background: rgba(11,11,15,.07); transition: opacity .3s; }
.sh-row.is-hot { background: #F3EEFF; transform: scale(1.035); box-shadow: 0 2cqw 4cqw -2.4cqw rgba(90,60,200,.5); }
.sh-row.is-hot::before, .sh-row.is-hot + .sh-row::before { opacity: 0; }
.sh-ic { flex: none; display: grid; place-items: center; width: 8.6cqw; height: 8.6cqw; border-radius: 2.8cqw; }
.sh-ic svg { width: 4.8cqw; height: 4.8cqw; }
.sh-ic--doc { background: #ECE8FF; color: #5B47E0; } .sh-ic--zip { background: #FFE9F1; color: #D4208A; } .sh-ic--cal { background: #E6EEFF; color: #2D5BE0; }
.sh-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .4cqw; }
.sh-tx b { font-size: 3.5cqw; font-weight: 700; letter-spacing: -.01em; color: #0B0B0F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh-tx small { font-size: 2.5cqw; font-weight: 600; letter-spacing: .02em; color: #7a7a86; }
.sh-pr { font-size: 4cqw; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: #0B0B0F; transition: color .3s; }
.sh-row.is-hot .sh-pr { color: #5B47E0; }
.sh-zero { position: absolute; left: 9%; bottom: 3%; width: 76%; display: flex; align-items: center; gap: 3cqw; padding: 3cqw 3.6cqw 3cqw 4cqw; border-radius: 5.4cqw; background: linear-gradient(135deg, #17171d, #0b0b0f); color: #fff; box-shadow: 0 5cqw 8cqw -3cqw rgba(30,15,80,.6), inset 0 0 0 1px rgba(255,255,255,.08); overflow: hidden; rotate: 1.5deg; }
.sh-zero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(190,170,255,.22) 50%, transparent 65%) -120% 0 / 220% 100% no-repeat; animation: sh-sheen 5s ease-in-out 1s infinite; }
.sh-zero > b { position: relative; font-size: 9.4cqw; line-height: 1; font-weight: 800; letter-spacing: -.05em; background: linear-gradient(160deg, #fff, #BBA8FF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sh-zero > span { position: relative; flex: 1; font-size: 3cqw; line-height: 1.3; color: rgba(255,255,255,.72); padding-left: 3cqw; border-left: 1px solid rgba(255,255,255,.16); }
.sh-sum { position: relative; text-align: right; display: grid; gap: .2cqw; }
.sh-sum small { font-size: 2.3cqw; color: rgba(255,255,255,.55); font-weight: 600; }
.sh-sum b { font-size: 4.6cqw; line-height: 1; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: #fff; }
.sh-sum svg { position: absolute; right: 0; top: -4.6cqw; width: 8cqw; height: 4cqw; opacity: .95; overflow: visible; }
.sh-sale { position: absolute; right: -1%; top: -1%; display: flex; align-items: center; gap: 2.4cqw; padding: 2.4cqw 3.6cqw 2.4cqw 2.6cqw; border-radius: 4.6cqw; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 0 0 1px rgba(11,11,15,.06), 0 4cqw 7cqw -3cqw rgba(40,20,110,.5); rotate: 3deg; opacity: 0; transform: translateY(5cqw) scale(.85); filter: blur(5px); pointer-events: none; }
.sh-sale i { flex: none; display: grid; place-items: center; width: 7.4cqw; height: 7.4cqw; border-radius: 2.6cqw; background: linear-gradient(140deg, #34c77b, #1ea463); }
.sh-sale i svg { width: 4.2cqw; height: 4.2cqw; }
.sh-sale span { display: grid; gap: .3cqw; text-align: left; }
.sh-sale small { font-size: 2.5cqw; color: #7a7a86; font-weight: 600; }
.sh-sale b { display: flex; align-items: baseline; gap: 1.2cqw; font-size: 3.2cqw; font-weight: 700; color: #0B0B0F; white-space: nowrap; }
.sh-sale b span { display: inline; }
.sh-sale b em { font-style: normal; color: #137a4a; }
.sh-sale.is-pop { animation: sh-pop 3s cubic-bezier(.22,1,.36,1) forwards; }
.sh-orb { position: absolute; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #fff, #8F7CFF 42%, #4B33C9); box-shadow: 0 .8cqw 2cqw rgba(75,51,201,.45); animation: sh-orb 7s ease-in-out infinite; }
.sh-orb--1 { left: 5%; top: 62%; width: 4.4cqw; height: 4.4cqw; } .sh-orb--2 { right: 7%; top: 44%; width: 3cqw; height: 3cqw; animation-delay: -2.5s; } .sh-orb--3 { left: 17%; top: 6%; width: 2.4cqw; height: 2.4cqw; animation-delay: -4s; opacity: .8; }
@keyframes sh-pop { 0% { opacity: 0; transform: translateY(5cqw) scale(.85); filter: blur(5px); } 14% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } 76% { opacity: 1; transform: translateY(-1cqw) scale(1); filter: blur(0); } 100% { opacity: 0; transform: translateY(-3.5cqw) scale(.96); filter: blur(4px); } }
@keyframes sh-sheen { 0% { background-position: -120% 0; } 55%, 100% { background-position: 120% 0; } }
@keyframes sh-orb { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.2cqw); } }

.sh.is-wait:not(.is-in) .sh-back, .sh.is-wait:not(.is-in) .sh-card, .sh.is-wait:not(.is-in) .sh-zero { opacity: 0; translate: 0 5cqw; filter: blur(8px); }
.sh.is-wait .sh-back, .sh.is-wait .sh-card, .sh.is-wait .sh-zero { transition: opacity .9s cubic-bezier(.22,1,.36,1), translate .9s cubic-bezier(.22,1,.36,1), filter .9s; }
.sh.is-wait .sh-card { transition-delay: .12s; } .sh.is-wait .sh-zero { transition-delay: .5s; }
.sh.is-wait:not(.is-in) .sh-row { opacity: 0; transform: translateY(3cqw); }
.sh.is-wait .sh-row { transition: opacity .6s calc(.35s + var(--i, 0) * .12s), transform .6s calc(.35s + var(--i, 0) * .12s) cubic-bezier(.22,1,.36,1), background .4s, box-shadow .4s; }
.sh.is-wait.is-in .sh-row.is-hot { transform: scale(1.035); transition-delay: 0s; }

.ft-av--art { background: none; overflow: hidden; } .ft-av--art svg { display: block; width: 100%; height: 100%; }
.ft-ph-vf { display: inline-block; width: 14px; height: 14px; margin-left: 5px; vertical-align: -2px; }