.mic-card{position:relative;display:flex;flex-direction:column;height:100%;--mic-shell-gap:8px;padding:8px;background:linear-gradient(180deg,rgba(10,8,9,.99),rgba(18,14,15,.99));border-radius:22px;border:1px solid rgba(224,192,171,.18);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mic-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.28);border-color:rgba(224,192,171,.32)}.mic-card--clickable{cursor:pointer}.mic-card.mic-unavailable:hover{transform:none;box-shadow:none;border-color:rgba(224,192,171,.15);cursor:default}.mic-card.mic-unavailable .mic-img-wrap{opacity:.72}.mic-img-wrap{position:relative;width:100%;aspect-ratio:16/11;background:rgba(0,0,0,.25);flex-shrink:0;overflow:hidden;border-radius:18px 18px 0 0}.mic-img{object-fit:cover;display:block}.mic-img,.mic-img-placeholder{width:100%;height:100%;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.mic-img-placeholder{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.08))}.mic-unavail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(1,53,49,.82);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:12px;text-align:center}.mic-unavail-icon{font-size:1.1rem;color:rgba(255,255,255,.5);margin-bottom:2px}.mic-unavail-label{font-family:var(--font-body);font-size:.78rem;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.02em;line-height:1.3}.mic-unavail-time{font-family:var(--font-accent);font-size:.76rem;font-weight:700;color:var(--secondary-color);letter-spacing:.01em;line-height:1.2}.mic-item-tag{position:absolute;top:8px;left:8px;z-index:2;background:rgba(255,255,255,.9);color:#000;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap}.mic-heart-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:var(--glass-white);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--red-soft);font-size:.82rem;box-shadow:0 8px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;z-index:2}.mic-heart-btn:hover{background:rgba(255,255,255,.2);color:var(--red-soft);border-color:var(--red-soft);box-shadow:0 10px 20px rgba(0,0,0,.28),0 0 0 4px rgba(255,107,122,.1);transform:translateY(-1px)}.mic-heart-btn.active{color:#e85873;background:rgba(255,255,255,.98);border-color:rgba(255,255,255,.98);box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 0 4px rgba(255,107,122,.12)}.mic-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1;--mic-cut-left:40%;--mic-cut-top:0px;--mic-cut-bottom:24px;--mic-cut-slope:18px;--mic-right-corner-radius:18px;--mic-overlap:23px;--mic-left-tip-radius:24px;--mic-right-tip-radius:24px;gap:10px;margin:calc(-1 * var(--mic-overlap)) 0 0;padding:calc(var(--mic-cut-bottom) + 6px) 16px 14px;background:transparent;border-radius:18px;overflow:visible;isolation:isolate}.mic-body:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(54,44,42,.99),rgba(42,34,33,.99));border:1px solid rgba(224,192,171,.18);border-radius:15px 15px 14px 14px;box-shadow:0 10px 24px rgba(0,0,0,.26);-webkit-clip-path:polygon(0 var(--mic-cut-top),var(--mic-cut-left) var(--mic-cut-top),calc(var(--mic-cut-left) + var(--mic-cut-slope)) var(--mic-cut-bottom),calc(100% - var(--mic-right-corner-radius)) var(--mic-cut-bottom),calc(100% - (var(--mic-right-corner-radius) * .36)) calc(var(--mic-cut-bottom) + (var(--mic-right-corner-radius) * .16)),calc(100% - (var(--mic-right-corner-radius) * .08)) calc(var(--mic-cut-bottom) + (var(--mic-right-corner-radius) * .62)),100% calc(var(--mic-cut-bottom) + var(--mic-right-corner-radius)),100% 100%,0 100%);clip-path:polygon(0 var(--mic-cut-top),var(--mic-cut-left) var(--mic-cut-top),calc(var(--mic-cut-left) + var(--mic-cut-slope)) var(--mic-cut-bottom),calc(100% - var(--mic-right-corner-radius)) var(--mic-cut-bottom),calc(100% - (var(--mic-right-corner-radius) * .36)) calc(var(--mic-cut-bottom) + (var(--mic-right-corner-radius) * .16)),calc(100% - (var(--mic-right-corner-radius) * .08)) calc(var(--mic-cut-bottom) + (var(--mic-right-corner-radius) * .62)),100% calc(var(--mic-cut-bottom) + var(--mic-right-corner-radius)),100% 100%,0 100%)}.mic-body>*{position:relative;z-index:1}.mic-name-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:10px;gap:10px}.mic-name{font-size:.9rem;color:rgba(255,255,255,.96);margin:0;line-height:1.3;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.mic-name,.mic-price{font-family:var(--font-body);font-weight:700;letter-spacing:.05em}.mic-price{font-size:.88rem;color:#d8ae1b;white-space:nowrap;flex-shrink:0}.mic-desc{font-family:var(--font-body);font-size:.74rem;font-weight:500;letter-spacing:.03em;color:rgba(255,240,228,.78);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.55em * 2)}.mic-desc--empty{visibility:hidden}.mic-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px}.mic-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:36px}.mic-badges--footer{position:static}.mic-modifier-badge{color:var(--secondary-color);pointer-events:none}.mic-modifier-badge,.mic-note-btn{width:22px;height:22px;border-radius:0;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;padding:0}.mic-note-btn{position:relative;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.mic-note-btn:hover{transform:translateY(-1px);opacity:.92}.mic-note-icon{width:18px;height:18px;display:block;filter:saturate(1.05)}.mic-note-indicator,.mic-note-plus{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--red-dark);box-shadow:0 1px 2px rgba(0,0,0,.35)}.mic-note-plus{color:#fff;font-size:.4rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.mic-add-btn{position:static;height:34px;min-width:84px;padding:0 16px;border-radius:999px;background:var(--secondary-color);border:none;cursor:pointer;font-family:"Causten",var(--font-body);font-size:.74rem;font-weight:800;letter-spacing:.08em;color:var(--primary-color);flex-shrink:0;transition:transform .18s ease,filter .18s ease}.mic-add-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.mic-qty-ctrl{position:static;display:inline-flex;border-radius:999px;background:var(--secondary-color);overflow:hidden}.mic-qty-btn,.mic-qty-ctrl{height:34px;align-items:center;flex-shrink:0}.mic-qty-btn{width:28px;border:none;background:transparent;cursor:pointer;color:var(--primary-color);font-size:1rem;font-weight:700;display:flex;justify-content:center;transition:background var(--transition)}.mic-qty-btn:hover{background:rgba(0,0,0,.12)}.mic-qty-count{font-family:"Causten",var(--font-body);font-size:.8rem;font-weight:800;letter-spacing:.02em;color:var(--primary-color);min-width:20px;text-align:center;line-height:1}@media (max-width:900px){.mic-body{--mic-cut-left:38%;--mic-cut-top:0px;--mic-cut-bottom:21px;--mic-cut-slope:16px;--mic-right-corner-radius:17px;--mic-overlap:21px;--mic-left-tip-radius:22px;--mic-right-tip-radius:22px;padding:calc(var(--mic-cut-bottom) + 6px) 14px 13px}}@media (max-width:640px){.mic-card{--mic-shell-gap:6px;padding:6px;border-radius:18px}.mic-img-wrap{aspect-ratio:16/11;border-radius:15px 15px 0 0}.mic-body{--mic-cut-left:36%;--mic-cut-top:0px;--mic-cut-bottom:18px;--mic-cut-slope:14px;--mic-right-corner-radius:15px;--mic-overlap:20px;--mic-left-tip-radius:20px;--mic-right-tip-radius:20px;margin:calc(-1 * var(--mic-overlap)) 0 0;padding:calc(var(--mic-cut-bottom) + 6px) 12px 12px;border-radius:17px;gap:8px}.mic-body:before{border-radius:15px 15px 12px 12px}.mic-name,.mic-price{font-size:.84rem}.mic-desc{font-size:.7rem}.mic-footer{gap:8px}.mic-badges{gap:8px;min-height:32px}.mic-add-btn,.mic-qty-ctrl{height:31px}.mic-add-btn{min-width:72px;padding:0 13px;font-size:.68rem}.mic-qty-btn{width:25px;height:31px;font-size:.88rem}.mic-qty-count{min-width:18px;font-size:.74rem}}@media (max-width:576px){.mic-heart-btn{width:28px;height:28px;font-size:.72rem;top:8px;right:8px}.mic-card--list{flex-direction:row;align-items:stretch;padding:6px;min-height:156px}.mic-card--list .mic-img-wrap{order:2;align-self:center;flex-shrink:0;width:42%;max-width:164px;aspect-ratio:1/1;border-radius:14px}.mic-card--list .mic-img{height:100%}.mic-card--list .mic-body{order:1;margin-top:0;margin-right:-8px;margin-left:0;padding:13px 12px 12px 13px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.14)}.mic-card--list .mic-body:before{border-radius:14px;-webkit-clip-path:inset(0 round 14px);clip-path:inset(0 round 14px)}.mic-card--list .mic-body:after{display:none}.mic-card--list .mic-name-price-row{grid-template-columns:1fr;gap:4px}.mic-card--list .mic-desc{-webkit-line-clamp:2;min-height:0}}@media (max-width:420px){.mic-card{--mic-shell-gap:5px;padding:5px;border-radius:16px}.mic-img-wrap{border-radius:13px 13px 0 0}.mic-body{--mic-cut-left:35%;--mic-cut-top:0px;--mic-cut-bottom:16px;--mic-cut-slope:12px;--mic-right-corner-radius:13px;--mic-overlap:18px;--mic-left-tip-radius:17px;--mic-right-tip-radius:17px;margin:calc(-1 * var(--mic-overlap)) 0 0;border-radius:15px;padding:calc(var(--mic-cut-bottom) + 6px) 10px 10px}.mic-body:before{border-radius:15px 15px 11px 11px}.mic-name,.mic-price{font-size:.8rem}.mic-desc{font-size:.68rem}.mic-badges{gap:7px}.mic-modifier-badge,.mic-note-btn{width:20px;height:20px}.mic-note-icon{width:16px;height:16px}.mic-add-btn,.mic-qty-ctrl{height:29px}.mic-add-btn{min-width:66px;padding:0 11px;font-size:.64rem}.mic-qty-btn{width:23px;height:29px}}