.mic-wrap{position:relative;--gap:11px;--bw:96px;--bh:46px;--cc:22px;--at:14px;filter:drop-shadow(0 26px 46px rgba(0,0,0,.55));transition:transform .3s cubic-bezier(.25,.8,.25,1);will-change:transform;height:100%}.mic-wrap--added{--bw:120px}.mic-wrap:hover{transform:translateY(-2px)}.mic-wrap--unavailable:hover{transform:none}.mic-card{position:relative;background:rgba(28,26,24,.52);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);padding:14px;padding-bottom:calc(var(--bh) + var(--gap) + 14px);display:flex;flex-direction:column;border-radius:26px;cursor:pointer;height:100%}.mic-card__sheen{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 22%);mix-blend-mode:screen;opacity:.7}.mic-media{position:relative;width:100%;aspect-ratio:1.45;border-radius:14px;overflow:hidden;flex-shrink:0}.mic-media__img{width:100%;height:100%;object-fit:cover;display:block}.mic-media__vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.42));border-radius:inherit}.mic-price{top:12px;right:12px;font-size:15px;letter-spacing:-.01em;color:#121212;padding:8px 15px;border-radius:999px;background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.mic-price,.mic-tag{position:absolute;z-index:3;font-weight:700;white-space:nowrap}.mic-tag{left:12px;bottom:12px;font-size:11px;letter-spacing:.01em;color:#1a1408;padding:5px 11px;border-radius:9px;background:linear-gradient(135deg,#e0b04a,#d9a441);box-shadow:0 6px 16px -6px rgba(217,164,65,.7);pointer-events:none}.mic-unavail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:12px;text-align:center;border-radius:inherit}.mic-unavail-icon{font-size:1.1rem;color:rgba(255,255,255,.5);margin-bottom:2px}.mic-unavail-label{font-size:.78rem;font-weight:400;color:rgba(255,255,255,.55);letter-spacing:.02em;line-height:1.3}.mic-unavail-time{font-size:.76rem;font-weight:700;color:var(--secondary-color);letter-spacing:.01em;line-height:1.2}.mic-body{padding:14px 6px 4px;display:flex;flex-direction:column;gap:8px;flex:1 1}.mic-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mic-name{flex:1 1 auto;min-width:0;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:-.015em;color:#f7f3ec;line-height:1.3;overflow:hidden;overflow-wrap:break-word;word-break:break-word;min-height:calc(1.3em * 2)}.mic-desc,.mic-name{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mic-desc{font-size:.84rem;color:rgba(247,243,236,.62);line-height:1.55;overflow:hidden;min-height:calc(1.55em * 2)}.mic-desc--empty{visibility:hidden}.mic-heart-btn{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:transparent;border:1px solid rgba(253,199,0,.35);color:rgba(247,243,236,.55);font-size:.95rem;transition:color .2s,background .2s,border-color .2s,transform .2s}.mic-heart-btn:hover{background:rgba(253,199,0,.1);border-color:#FDC700}.mic-heart-btn.active{color:#ff5d6c}.mic-heart-btn:active{transform:scale(.88)}.mic-tools{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;z-index:5}.mic-icon-btn{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:rgba(247,243,236,.62);background:rgba(28,26,24,.52);border:1px solid rgba(253,199,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s,background .2s,border-color .2s,transform .15s}.mic-icon-btn:hover{color:#f7f3ec;background:rgba(253,199,0,.14);border-color:#FDC700}.mic-icon-btn:active{transform:scale(.92)}.mic-icon-btn__img{width:17px;height:17px;display:block;filter:brightness(0) invert(1);opacity:.7}.mic-icon-btn:hover .mic-icon-btn__img{opacity:1}.mic-icon-btn__badge{top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--secondary-color);box-shadow:0 0 0 1px rgba(20,18,16,.85)}.mic-icon-btn__badge,.mic-rim{position:absolute;pointer-events:none}.mic-rim{inset:0;width:100%;height:100%;z-index:6;overflow:visible}.mic-rim path{fill:none;stroke:rgba(253,199,0,.32);stroke-width:1}.mic-action{position:absolute;right:0;bottom:0;z-index:5;width:var(--bw);height:var(--bh);border-radius:17px;background:rgba(20,18,16,.65);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .2s,border-color .2s}.mic-action:has(.mic-add-btn),.mic-action:has(.mic-stepper){background:var(--secondary-color);border-color:var(--secondary-color)}.mic-action:has(.mic-add-btn) .mic-add-btn{color:#001E17}.mic-action:has(.mic-stepper) .mic-qty,.mic-action:has(.mic-stepper) .mic-step{color:#001E17}.mic-action:has(.mic-stepper) .mic-step:hover{background:rgba(0,30,23,.12)}.mic-add-btn{width:100%;height:100%;border:none;background:transparent;font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--primary-color);cursor:pointer;transition:transform .15s}.mic-add-btn:active{transform:scale(.97)}.mic-stepper{display:flex;align-items:center;gap:2px;width:100%;height:100%;padding:0 4px}.mic-step{width:32px;height:32px;border-radius:10px;border:none;cursor:pointer;display:grid;place-items:center;font-size:1rem;font-weight:700;color:#FDC700;background:transparent;transition:background .15s,transform .12s}.mic-step:hover{background:rgba(253,199,0,.12)}.mic-step:active{transform:scale(.86)}.mic-qty{flex:1 1;text-align:center;font-weight:700;font-size:14px;color:#f7f3ec;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:1100px) and (min-width:641px){.mic-wrap{--gap:8px;--bw:76px;--bh:36px;--cc:18px;--at:12px}.mic-wrap--added{--bw:96px}.mic-card{padding:10px;padding-bottom:calc(var(--bh) + var(--gap) + 10px)}.mic-name{font-size:1rem}.mic-desc{font-size:.78rem}.mic-price{font-size:13px;padding:6px 12px}.mic-tag{font-size:10px;padding:4px 9px}.mic-tools{left:14px;bottom:12px;transform:none;gap:6px}.mic-icon-btn{width:28px;height:28px;border-radius:8px}.mic-icon-btn__img{width:12px;height:12px}.mic-step{width:24px;height:24px;font-size:.85rem}.mic-qty{font-size:12px}}@media (max-width:600px){.mic-wrap{--bw:80px;--bh:36px;--cc:16px;--at:10px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}.mic-wrap--added{--bw:100px}.mic-card{padding:8px;padding-bottom:calc(var(--bh) + var(--gap) + 8px);border-radius:20px}.mic-media{aspect-ratio:1.2;border-radius:10px}.mic-price{top:6px;right:6px;font-size:11px;padding:4px 8px}.mic-tag{bottom:6px;left:6px;font-size:9px;padding:3px 7px}.mic-body{padding:8px 4px 2px;gap:4px}.mic-name{font-size:.8rem;line-height:1.25;min-height:calc(1.25em * 2)}.mic-desc{font-size:.68rem;-webkit-line-clamp:2;min-height:calc(1.45em * 2);line-height:1.45}.mic-tools{left:10px;bottom:10px;gap:6px}.mic-wrap--added:not(.mic-wrap--list) .mic-tools{left:8px;gap:4px;z-index:7}.mic-icon-btn{width:26px;height:26px;border-radius:8px}.mic-wrap--added:not(.mic-wrap--list) .mic-icon-btn{width:24px;height:24px}.mic-icon-btn__img{width:11px;height:11px}.mic-action{border-radius:12px}.mic-add-btn{font-size:12px}.mic-step{width:24px;height:24px;font-size:.85rem;border-radius:7px}.mic-qty{font-size:12px}.mic-heart-btn{width:26px;height:26px;font-size:.75rem}}@media (max-width:360px){.mic-wrap--added:not(.mic-wrap--list) .mic-card{padding-bottom:calc(var(--bh) + var(--gap) + 38px)}.mic-wrap--added:not(.mic-wrap--list) .mic-tools{bottom:calc(var(--bh) + 8px)}}@media (max-width:600px){.mic-wrap--list{--bw:88px;--bh:38px;--cc:18px;--at:12px}.mic-wrap--list.mic-wrap--added{--bw:112px}.mic-wrap--list .mic-card{flex-direction:row;align-items:stretch;padding:10px 10px 10px 12px;padding-bottom:calc(var(--bh) + var(--gap));min-height:120px;border-radius:20px}.mic-wrap--list .mic-media{order:2;flex-shrink:0;width:96px;aspect-ratio:1/1;border-radius:12px;margin-left:10px;margin-bottom:var(--gap);align-self:flex-start}.mic-wrap--list .mic-price{top:7px;right:7px;font-size:11px;padding:4px 9px}.mic-wrap--list .mic-tag{bottom:7px;left:7px;font-size:9px;padding:3px 7px}.mic-wrap--list .mic-body{order:1;flex:1 1;min-width:0;padding:0;gap:4px;justify-content:flex-start}.mic-wrap--list .mic-name{font-size:.88rem;-webkit-line-clamp:2;line-height:1.3;min-height:calc(1.3em * 2)}.mic-wrap--list .mic-desc{font-size:.72rem;-webkit-line-clamp:2;min-height:calc(1.45em * 2);line-height:1.45}.mic-wrap--list .mic-tools{left:14px;bottom:14px;transform:none;gap:7px}.mic-wrap--list .mic-icon-btn{width:30px;height:30px;border-radius:9px}.mic-wrap--list .mic-icon-btn__img{width:13px;height:13px}.mic-icon-btn__badge{top:3px;right:3px;width:3px;height:3px;box-shadow:none}.mic-wrap--list .mic-action{border-radius:13px}.mic-wrap--list .mic-add-btn{font-size:13px}.mic-wrap--list .mic-step{width:26px;height:26px;font-size:.9rem;border-radius:8px}.mic-wrap--list .mic-qty{font-size:13px}.mic-wrap--list .mic-heart-btn{width:28px;height:28px;font-size:.8rem}}.mic-price__was{margin-right:5px;text-decoration:line-through;opacity:.55;font-weight:500}.mic-price__now{font-weight:700}.mic-offer-badge{position:absolute;top:12px;left:12px;z-index:3;padding:4px 9px;border:1px solid var(--secondary-color);border-radius:var(--radius-full,999px);background:rgba(0,0,0,.75);color:var(--secondary-color);font-size:10.5px;font-weight:700;line-height:1.4;white-space:nowrap}