.mic-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--primary-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mic-card--clickable{cursor:pointer}.mic-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-float)}.mic-card:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px}.mic-card.mic-unavailable:hover{transform:none}.mic-img-wrap{position:relative;width:100%;aspect-ratio:1/.78;overflow:hidden;background:var(--primary-tertiary);flex-shrink:0}.mic-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.mic-card:hover .mic-img{transform:scale(1.05)}.mic-unavail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;background:rgba(17,17,17,.68);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mic-unavail-icon{font-size:1rem;color:var(--white-color)}.mic-unavail-label{font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--white-color);line-height:1.35}.mic-unavail-time{font-family:var(--font-heading);font-size:.86rem;color:var(--secondary-color)}.mic-heart-btn{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);background:rgba(20,20,20,.55);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;transition:transform .18s ease,border-color .18s ease,color .18s ease}.mic-heart-btn:hover{transform:translateY(-1px);border-color:var(--secondary-color)}.mic-heart-btn.active,.mic-heart-btn.active i{color:var(--red-dark)}.mic-heart-btn.active{border-color:var(--red-dark);background:var(--white-color)}.mic-img-tag{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--primary-color);color:var(--white-color);font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.01em;padding:5px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-card)}.mic-img-tag:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--secondary-color)}.mic-price-pocket{position:absolute;top:0;right:18px;z-index:3;transform:translateY(-50%);background:var(--primary-color);padding:6px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-card);pointer-events:none}.mic-price,.mic-price-pocket{display:flex;align-items:center;justify-content:center}.mic-price{min-width:58px;height:30px;padding:0 12px;border-radius:var(--radius-full);background:var(--white-color);color:var(--secondary-color);font-family:var(--font-accent);font-size:.8rem;font-weight:700;white-space:nowrap}.mic-body{position:relative;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px 16px}.mic-tag-row{display:inline-flex;align-items:center;gap:6px;min-height:16px}.mic-tag-row--empty{visibility:hidden}.mic-tag-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--red-soft);flex-shrink:0}.mic-tag-text{font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--gray-color-2)}.mic-name{margin:0;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;line-height:1.32;color:var(--white-color);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.mic-name,.mic-name--no-desc{-webkit-line-clamp:2;min-height:calc(1.32em * 2)}.mic-desc{margin:0;font-family:var(--font-body);font-size:.85rem;line-height:1.5;color:var(--gray-color-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mic-desc,.mic-desc--empty{display:-webkit-box;min-height:calc(1.5em * 2)}.mic-desc--empty{visibility:hidden}.mic-footer{margin-top:auto;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mic-footer,.mic-icon-row{display:flex;align-items:center}.mic-icon-row{gap:8px;min-height:32px}.mic-icon-btn{position:relative;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--secondary-color);-webkit-tap-highlight-color:transparent;transition:transform .18s ease,border-color .18s ease}.mic-icon-btn--static{pointer-events:none}.mic-note-btn:hover{transform:translateY(-1px);border-color:var(--secondary-color)}.mic-inline-icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mic-inline-icon--note{width:16px;height:16px}.mic-note-icon-wrap{position:relative;display:inline-flex;color:inherit}.mic-note-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--gray-color-2);border:1.5px solid var(--primary-card)}.mic-note-dot--filled{background:var(--secondary-color)}.mic-add-btn,.mic-qty-ctrl{flex-shrink:0;min-width:74px;height:34px;border-radius:var(--radius-full);border:none;-webkit-tap-highlight-color:transparent}.mic-add-btn{padding:0 18px;background:var(--secondary-color);color:var(--white-color);font-family:var(--font-accent);font-size:.78rem;font-weight:700;line-height:1;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.mic-add-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-float)}.mic-qty-ctrl{gap:4px;padding:0 6px;background:var(--secondary-color)}.mic-qty-btn,.mic-qty-ctrl{display:inline-flex;align-items:center;justify-content:center}.mic-qty-btn{width:24px;height:24px;padding:0;background:transparent;border:none;font-family:var(--font-body);font-size:1rem;-webkit-tap-highlight-color:transparent}.mic-qty-btn,.mic-qty-count{color:var(--white-color);line-height:1}.mic-qty-count{min-width:16px;text-align:center;font-family:var(--font-accent);font-size:.8rem;font-weight:700}.mic-card--list{flex-direction:row;align-items:stretch;height:auto;min-height:132px}.mic-card--list .mic-img-wrap{order:2;flex-shrink:0;width:38%;min-width:108px;max-width:150px;height:auto;aspect-ratio:auto}.mic-card--list .mic-body{order:1;flex:1 1;min-width:0;padding:12px 14px;gap:6px}.mic-card--list .mic-price-pocket{top:10px;right:10px;transform:none}.mic-card--list .mic-name{padding-right:74px;font-size:.92rem}.mic-card--list .mic-desc{-webkit-line-clamp:1;min-height:calc(1.5em * 1);font-size:.78rem}.mic-card--list .mic-footer{padding-top:8px}.mic-card--list .mic-add-btn,.mic-card--list .mic-qty-ctrl{min-width:0;height:30px}@media (max-width:640px){.mic-card{border-radius:var(--radius-md)}.mic-body{padding:20px 14px 14px}.mic-name{font-size:.94rem}.mic-desc{font-size:.78rem}.mic-heart-btn{top:10px;right:10px;width:30px;height:30px}.mic-img-tag{left:10px;bottom:10px;font-size:.62rem;padding:4px 10px}.mic-price-pocket{right:14px}.mic-price{min-width:50px;height:27px;padding:0 10px;font-size:.72rem}.mic-add-btn,.mic-qty-ctrl{min-width:62px;height:30px}.mic-add-btn{padding:0 14px;font-size:.72rem}.mic-qty-btn{width:22px;height:22px}}@media (max-width:400px){.mic-body{padding:18px 12px 12px}.mic-name{font-size:.86rem}.mic-desc{font-size:.72rem}}