.mic-card{position:relative;display:flex;flex-direction:column;height:100%;padding:8px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(36,36,36,.98),rgba(10,10,10,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mic-card:hover{transform:none;border-color:rgba(255,255,255,.14);box-shadow:0 24px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.09)}.mic-card--clickable{cursor:pointer}.mic-card:not(.mic-card--list){padding-bottom:0}.mic-card.mic-unavailable:hover{transform:none}.mic-card.mic-unavailable .mic-img-wrap{opacity:.76}.mic-img-wrap{position:relative;width:100%;aspect-ratio:1/.76;overflow:hidden;border-radius:22px;background:rgba(0,0,0,.28)}.mic-card:not(.mic-card--list) .mic-img-wrap{aspect-ratio:1/.76;border-radius:22px 22px 0 0;margin-bottom:-6px}.mic-img{width:100%;height:100%;object-fit:cover;display:block}.mic-card:not(.mic-card--list) .mic-img{transform:scale(1.12);transform-origin:center top}.mic-unavail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center;background:rgba(8,15,12,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;border:1px solid rgba(255,255,255,.12)}.mic-unavail-icon{font-size:1rem;color:rgba(255,255,255,.82)}.mic-unavail-label{font-family:var(--font-body);font-size:.78rem;font-weight:600;color:rgba(255,255,255,.88);line-height:1.35}.mic-unavail-time{font-family:var(--font-heading);font-size:.84rem;color:var(--secondary-color)}.mic-heart-btn{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.88);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);box-shadow:0 12px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-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:rgba(255,255,255,.5)}.mic-heart-btn.active{color:#8d1821;border-color:rgba(255,255,255,.52);background:rgba(255,255,255,.96)}.mic-heart-btn.active i{color:#8d1821}.mic-img-tag{position:absolute;left:10px;bottom:22px;z-index:2;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.92);color:#1a1a1a;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.01em;padding:4px 12px 4px 20px;-webkit-clip-path:polygon(0 0,calc(100% - 9px) 0,calc(100% - 4.5px) 1.2px,calc(100% - 1.2px) 4.5px,100% 9px,100% calc(100% - 9px),calc(100% - 1.2px) calc(100% - 4.5px),calc(100% - 4.5px) calc(100% - 1.2px),calc(100% - 9px) 100%,0 100%,14px 50%);clip-path:polygon(0 0,calc(100% - 9px) 0,calc(100% - 4.5px) 1.2px,calc(100% - 1.2px) 4.5px,100% 9px,100% calc(100% - 9px),calc(100% - 1.2px) calc(100% - 4.5px),calc(100% - 4.5px) calc(100% - 1.2px),calc(100% - 9px) 100%,0 100%,14px 50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.32));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap}.mic-body{position:relative;z-index:1;display:flex;flex:1 1;flex-direction:column;gap:10px;margin-top:-28px;padding:24px 14px 8px;min-height:176px;border-radius:26px 26px 22px 22px;overflow:visible}.mic-card:not(.mic-card--list) .mic-body{margin-top:-10px;position:relative}.mic-card:not(.mic-card--list) .mic-body.mic-body--no-tag{padding-top:16px}.mic-body:before{content:"";position:absolute;inset:0;background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 26Q0 0 26 0H186C202 0 214 2 222 6C230 10 234 17 236 26C238 38 243 47 252 53C261 58 273 60 289 60H304C313 60 320 65 320 73V198Q320 220 298 220H22Q0 220 0 198Z' fill='url(%23g)'/%3E%3C/svg%3E");filter:drop-shadow(0 12px 24px rgba(0,0,0,.2));pointer-events:none;z-index:0}.mic-body:after{content:none}.mic-body>*{position:relative;z-index:1}.mic-card:not(.mic-card--list) .mic-body:before{left:-8px;right:-8px}.mic-price-pocket{position:absolute;top:auto;right:6px;bottom:2px;z-index:3;width:auto;min-width:60px;height:30px;pointer-events:none;display:flex;justify-content:flex-end;align-items:center;padding:0}.mic-card:not(.mic-card--list) .mic-price-pocket{top:8px;right:-2px;bottom:auto}.mic-price-pocket:after,.mic-price-pocket:before{content:none}.mic-price{position:relative;display:flex;align-items:center;justify-content:center;min-width:64px;height:32px;padding:0 7px;border-radius:10px;background:rgba(18,18,18,.96);border:1px solid rgba(212,166,43,.22);box-shadow:0 10px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);font-family:var(--font-accent);font-size:.76rem;font-weight:700;line-height:1;letter-spacing:0;color:#d8aa2b;white-space:nowrap}.mic-card--list .mic-body{margin-top:0;padding-top:18px}.mic-card--list .mic-body:before{content:"";inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(14,14,14,.98));filter:none}.mic-card--list .mic-body:after{content:none}.mic-card--list .mic-price-pocket{top:12px;right:12px;bottom:auto;width:auto;min-width:76px;height:34px;display:flex;padding:0}.mic-card--list .mic-price-pocket:after,.mic-card--list .mic-price-pocket:before{content:none}.mic-card--list .mic-name,.mic-card--list .mic-tag-row{padding-right:96px}.mic-card--list .mic-desc{padding-right:18px}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:82px}.mic-tag-row{display:inline-flex;align-items:center;gap:6px;min-height:18px;padding-right:24px}.mic-tag-row--empty{visibility:hidden}.mic-tag-dot{width:6px;height:6px;border-radius:999px;background:#ff4f4f;flex-shrink:0}.mic-tag-text{font-family:var(--font-body);font-size:.79rem;font-weight:600;color:rgba(255,255,255,.72)}.mic-name{margin:0;font-family:var(--font-accent);font-size:.98rem;font-weight:700;line-height:1.35;color:rgba(255,255,255,.92);padding-right:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:break-word;text-wrap:balance;min-height:calc(1.35em * 2)}.mic-name--no-desc{-webkit-line-clamp:3;min-height:calc(1.35em * 3)}.mic-desc{margin:0;font-family:var(--font-body);font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.56);padding-right:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty;min-height:calc(1.45em * 2)}.mic-desc--empty{display:none;min-height:0}.mic-footer{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mic-icon-row{display:flex;align-items:center;gap:10px;min-height:34px}.mic-icon-btn{position:relative;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#d3a62b;-webkit-tap-highlight-color:transparent}.mic-note-btn:hover{transform:translateY(-1px)}.mic-icon-btn--static{pointer-events:none}.mic-inline-icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mic-inline-icon--note{width:23px;height:23px}.mic-note-icon-wrap{position:relative;display:inline-flex;color:inherit}.mic-note-dot{position:absolute;top:1px;right:0;width:8px;height:8px;border-radius:999px;background:#d94747;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.15)}.mic-note-dot--filled{background:#b81d1d}.mic-add-btn,.mic-qty-ctrl{flex-shrink:0;min-width:72px;height:34px;border-radius:999px;background:rgba(255,255,255,.96);border:1.6px solid rgba(200,150,12,.75);box-shadow:0 8px 16px rgba(110,78,26,.1),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-webkit-tap-highlight-color:transparent}.mic-add-btn{padding:0 14px;color:#c8960c;font-family:var(--font-accent);font-size:.76rem;font-weight:700;line-height:1;transition:transform .18s ease,box-shadow .18s ease}.mic-add-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(110,78,26,.18),inset 0 1px 0 rgba(255,255,255,.92)}.mic-qty-ctrl{padding:0 6px;gap:2px}.mic-qty-btn,.mic-qty-ctrl{display:inline-flex;align-items:center;justify-content:center}.mic-qty-btn{width:22px;height:22px;padding:0;background:transparent;border:none;color:#c8960c;font-family:var(--font-body);font-size:1rem;line-height:1;-webkit-tap-highlight-color:transparent}.mic-qty-count{min-width:14px;text-align:center;font-family:var(--font-accent);font-size:.78rem;font-weight:700;line-height:1;color:#c8960c}@media (max-width:640px){.mic-card{height:100%}.mic-card:not(.mic-card--list) .mic-body{margin-top:-6px;min-height:138px}.mic-card:not(.mic-card--list) .mic-body.mic-body--no-tag{padding-top:14px}.mic-card{border-radius:22px;padding:6px}.mic-card:not(.mic-card--list){padding-bottom:0}.mic-img-wrap{border-radius:18px}.mic-card:not(.mic-card--list) .mic-img-wrap{aspect-ratio:1/.66;border-radius:18px 18px 0 0;margin-bottom:-4px}.mic-card:not(.mic-card--list) .mic-img{transform:scale(1.05)}.mic-body{margin-top:-24px;min-height:138px;gap:8px;padding:18px 10px 7px;border-radius:20px 20px 18px 18px}.mic-body:before{content:"";inset:0;background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 22Q0 0 22 0H198C210 0 220 2 226 6C232 10 236 16 238 23C240 29 245 35 252 39C259 43 269 45 283 45H304C313 45 320 50 320 58V200Q320 220 300 220H20Q0 220 0 200Z' fill='url(%23g)'/%3E%3C/svg%3E");filter:drop-shadow(0 12px 24px rgba(0,0,0,.2))}.mic-card:not(.mic-card--list) .mic-body:before{left:-7px;right:-7px}.mic-body:after{content:none}.mic-price-pocket{top:auto;right:4px;bottom:2px;min-width:56px;height:26px;display:flex}.mic-card:not(.mic-card--list) .mic-price-pocket{top:8px;right:-2px;bottom:auto;min-width:42px;height:24px}.mic-price{min-width:56px;height:26px;padding:0 5px;border-radius:8px;font-size:.66rem}.mic-card:not(.mic-card--list) .mic-price{min-width:42px;height:24px;padding:0 4px;border-radius:6px;font-size:.62rem}.mic-name{font-size:clamp(.7rem,2.5vw,.76rem);line-height:1.18}.mic-name,.mic-name--no-desc{-webkit-line-clamp:2;min-height:calc(1.18em * 2)}.mic-desc{font-size:clamp(.62rem,2.15vw,.68rem);line-height:1.3;-webkit-line-clamp:1;min-height:calc(1.3em * 1)}.mic-tag-text{font-size:.64rem}.mic-price{font-size:.6rem}.mic-add-btn{font-size:.68rem}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:52px}.mic-card:not(.mic-card--list) .mic-desc{padding-right:10px}.mic-add-btn,.mic-qty-ctrl{min-width:62px;height:28px}.mic-qty-btn{width:20px;height:20px;font-size:.92rem}.mic-qty-count{font-size:.72rem}.mic-heart-btn{top:10px;right:10px;width:30px;height:30px}.mic-img-tag{left:8px;bottom:18px;max-width:calc(100% - 16px);gap:4px;font-size:.62rem;padding:3px 10px 3px 15px;-webkit-clip-path:polygon(0 0,calc(100% - 7px) 0,calc(100% - 3.5px) .9px,calc(100% - .9px) 3.5px,100% 7px,100% calc(100% - 7px),calc(100% - .9px) calc(100% - 3.5px),calc(100% - 3.5px) calc(100% - .9px),calc(100% - 7px) 100%,0 100%,10px 50%);clip-path:polygon(0 0,calc(100% - 7px) 0,calc(100% - 3.5px) .9px,calc(100% - .9px) 3.5px,100% 7px,100% calc(100% - 7px),calc(100% - .9px) calc(100% - 3.5px),calc(100% - 3.5px) calc(100% - .9px),calc(100% - 7px) 100%,0 100%,10px 50%)}.mic-card--list .mic-body{margin-top:0;padding-top:16px}.mic-card--list .mic-price-pocket{top:10px;right:10px;bottom:auto;min-width:68px}.mic-card--list .mic-name,.mic-card--list .mic-tag-row{padding-right:84px}.mic-card--list .mic-desc{padding-right:16px}}@media (max-width:576px){.mic-card--list{flex-direction:row;align-items:stretch;height:152px;min-height:152px}.mic-card--list .mic-img-wrap{order:2;flex-shrink:0;width:40%;min-width:116px;max-width:156px;height:100%;aspect-ratio:auto;border-radius:20px;margin-bottom:0}.mic-card--list .mic-body{order:1;flex:1 1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(12px,auto) minmax(calc(1.2em * 2),auto) minmax(calc(1.25em * 1),auto) 1fr auto;margin-top:0;margin-left:0;min-height:100%;padding:10px 12px;border-radius:22px;grid-gap:6px;gap:6px;align-content:start}.mic-card--list .mic-body:after,.mic-card--list .mic-body:before{display:none}.mic-card--list .mic-price-pocket{top:8px;right:8px;min-width:54px;height:24px}.mic-card--list .mic-desc,.mic-card--list .mic-name,.mic-card--list .mic-tag-row{padding-right:64px}.mic-card--list .mic-tag-row{align-self:start;min-height:12px}.mic-card--list .mic-tag-text{font-size:.62rem}.mic-card--list .mic-name{align-self:start;font-size:.78rem;line-height:1.2}.mic-card--list .mic-name,.mic-card--list .mic-name--no-desc{-webkit-line-clamp:2;min-height:calc(1.2em * 2)}.mic-card--list .mic-desc{align-self:start;font-size:.68rem;line-height:1.25;-webkit-line-clamp:1;min-height:calc(1.25em * 1)}.mic-card--list .mic-desc--empty{display:-webkit-box;visibility:hidden}.mic-card--list .mic-footer{margin-top:auto;min-height:28px;align-items:center;justify-content:space-between;gap:8px}.mic-card--list .mic-icon-row{flex:1 1;min-width:0;min-height:28px;gap:8px}.mic-card--list .mic-add-btn,.mic-card--list .mic-qty-ctrl{min-width:64px;height:28px;margin-left:auto}.mic-card--list .mic-add-btn{font-size:.66rem}.mic-card--list .mic-price{min-width:54px;height:24px;padding:0 5px;border-radius:7px;font-size:.66rem}.mic-card--list .mic-heart-btn{top:8px;right:8px;width:28px;height:28px}}@media (min-width:481px) and (max-width:640px){.mic-card:not(.mic-card--list) .mic-body{padding-top:17px}.mic-card:not(.mic-card--list) .mic-body:before{background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 22Q0 0 22 0H206C218 0 228 2 234 6C240 10 244 16 246 22C248 28 253 33 260 37C267 41 277 43 291 43H304C313 43 320 48 320 56V200Q320 220 300 220H20Q0 220 0 200Z' fill='url(%23g)'/%3E%3C/svg%3E")}.mic-card:not(.mic-card--list) .mic-price-pocket{top:9px;right:-1px;min-width:48px;height:26px}.mic-card:not(.mic-card--list) .mic-price{min-width:48px;height:26px;padding:0 5px;border-radius:7px;font-size:.66rem}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:54px}}@media (max-width:480px){.mic-card:not(.mic-card--list) .mic-body{padding-top:17px}.mic-card:not(.mic-card--list) .mic-body:before{background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 22Q0 0 22 0H204C214 0 222 2 227 6C232 10 236 16 238 22C240 28 244 33 251 37C258 41 268 43 282 43H304C313 43 320 48 320 56V200Q320 220 300 220H20Q0 220 0 200Z' fill='url(%23g)'/%3E%3C/svg%3E")}.mic-card:not(.mic-card--list) .mic-price-pocket{top:9px;right:-1px}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:50px}}@media (max-width:380px){.mic-card:not(.mic-card--list) .mic-body{padding-top:16px}.mic-card:not(.mic-card--list) .mic-body:before{background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 22Q0 0 22 0H210C218 0 225 2 229 5C233 9 236 14 238 19C240 25 244 29 250 33C256 37 266 39 280 39H304C313 39 320 44 320 52V200Q320 220 300 220H20Q0 220 0 200Z' fill='url(%23g)'/%3E%3C/svg%3E")}.mic-card:not(.mic-card--list) .mic-price-pocket{top:10px;right:-1px;min-width:40px;height:23px}.mic-card:not(.mic-card--list) .mic-price{min-width:40px;height:23px;padding:0 4px;font-size:.6rem}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:48px}.mic-name{font-size:.68rem}.mic-desc{font-size:.6rem}}@media (min-width:641px) and (max-width:1024px){.mic-card:not(.mic-card--list) .mic-img-wrap{aspect-ratio:1/.7}.mic-card:not(.mic-card--list) .mic-body{min-height:150px;padding:18px 12px 8px;gap:9px}.mic-card:not(.mic-card--list) .mic-body.mic-body--no-tag{padding-top:15px}.mic-card:not(.mic-card--list) .mic-body:before{background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 24Q0 0 24 0H182C198 0 211 2 220 5C229 8 235 14 238 22C241 31 247 37 255 41C263 45 274 47 289 47H304C313 47 320 52 320 60V198Q320 220 298 220H22Q0 220 0 198Z' fill='url(%23g)'/%3E%3C/svg%3E")}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:68px}.mic-name{font-size:.86rem;line-height:1.26;min-height:calc(1.26em * 2)}.mic-desc{font-size:.72rem;line-height:1.35;min-height:calc(1.35em * 2)}.mic-tag-text{font-size:.68rem}.mic-add-btn{font-size:.71rem}.mic-card:not(.mic-card--list) .mic-price-pocket{top:8px;right:2px;min-width:60px;height:30px}.mic-card:not(.mic-card--list) .mic-price{min-width:58px;height:28px;padding:0 6px;border-radius:8px;font-size:.74rem}}.mic-card:not(.mic-card--list){padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--secondary-color) 28%,transparent);border-radius:20px;background:var(--primary-card);box-shadow:0 16px 30px rgba(0,0,0,.22)}.mic-card:not(.mic-card--list):hover{border-color:color-mix(in srgb,var(--secondary-color) 64%,transparent);box-shadow:0 20px 36px rgba(0,0,0,.28)}.mic-card:not(.mic-card--list) .mic-img-wrap{aspect-ratio:1/.72;margin:0;border-radius:0;background:var(--primary-card)}.mic-card:not(.mic-card--list).mic-card--no-image .mic-img-wrap{background:#0e0e0e}.mic-card:not(.mic-card--list) .mic-img{transform:none;transform-origin:center}.mic-card:not(.mic-card--list) .mic-heart-btn{top:10px;right:10px;width:30px;height:30px;color:var(--secondary-color);background:rgba(0,0,0,.8);border-color:color-mix(in srgb,var(--secondary-color) 52%,transparent);box-shadow:0 5px 12px rgba(0,0,0,.18)}.mic-card:not(.mic-card--list) .mic-heart-btn.active{color:var(--primary-color);background:var(--secondary-color);border-color:var(--secondary-color)}.mic-card:not(.mic-card--list) .mic-heart-btn.active i{color:var(--primary-color)}.mic-card:not(.mic-card--list) .mic-img-tag{top:10px;bottom:auto;left:10px;display:inline-flex;gap:5px;padding:4px 10px 4px 7px;border-radius:0;background:#fff;border:1px solid rgba(200,150,12,.45);-webkit-clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));color:var(--primary-color);box-shadow:0 5px 12px rgba(0,0,0,.22);filter:none;font-size:.62rem}.mic-card:not(.mic-card--list) .mic-img-tag:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--secondary-color)}.mic-card:not(.mic-card--list) .mic-body,.mic-card:not(.mic-card--list) .mic-body.mic-body--no-tag{min-height:162px;margin-top:-24px;padding:28px 16px 12px;gap:7px;border-radius:50% 50% 16px 16px/28px 28px 16px 16px}.mic-card:not(.mic-card--list) .mic-body:before{left:-10px;right:-10px;border-radius:50% 50% 16px 16px/28px 28px 16px 16px;background:var(--primary-card);filter:none}.mic-card:not(.mic-card--list) .mic-price-pocket{top:22px;right:12px;min-width:0;height:auto}.mic-card:not(.mic-card--list) .mic-price{min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--secondary-color);font-size:.96rem}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:70px}.mic-card:not(.mic-card--list) .mic-name{min-height:0;color:var(--white-color);font-size:.92rem;line-height:1.3}.mic-card:not(.mic-card--list) .mic-name--no-desc{min-height:0}.mic-card:not(.mic-card--list) .mic-desc{min-height:0;padding-right:0;color:rgba(255,255,255,.66);font-size:.73rem;line-height:1.4}.mic-card:not(.mic-card--list) .mic-tag-text{color:var(--secondary-color);font-size:.7rem}.mic-card:not(.mic-card--list) .mic-tag-dot{background:var(--secondary-color)}.mic-card:not(.mic-card--list) .mic-icon-row{min-height:30px;gap:4px}.mic-card:not(.mic-card--list) .mic-icon-btn{width:27px;height:27px;color:var(--secondary-color)}.mic-card:not(.mic-card--list) .mic-inline-icon{width:21px;height:21px}.mic-card:not(.mic-card--list) .mic-add-btn,.mic-card:not(.mic-card--list) .mic-qty-ctrl{min-width:66px;height:30px;border:1.5px solid var(--secondary-color);background:#fff;box-shadow:none}.mic-card:not(.mic-card--list) .mic-add-btn{padding:0 12px;color:var(--secondary-color);font-size:.68rem}.mic-card:not(.mic-card--list) .mic-add-btn:hover{transform:none;background:#fff;color:var(--secondary-color);box-shadow:none}.mic-card:not(.mic-card--list) .mic-qty-btn,.mic-card:not(.mic-card--list) .mic-qty-count{color:var(--secondary-color)}.mic-card:not(.mic-card--list) .mic-note-dot{border-color:var(--primary-card)}@media (max-width:640px){.mic-card:not(.mic-card--list){border-radius:16px}.mic-card:not(.mic-card--list) .mic-img-wrap{aspect-ratio:1/.78}.mic-card:not(.mic-card--list) .mic-body,.mic-card:not(.mic-card--list) .mic-body.mic-body--no-tag{min-height:148px;margin-top:-20px;padding:24px 11px 9px;gap:6px;border-radius:50% 50% 13px 13px/22px 22px 13px 13px}.mic-card:not(.mic-card--list) .mic-body:before{left:-8px;right:-8px;border-radius:50% 50% 13px 13px/22px 22px 13px 13px}.mic-card:not(.mic-card--list) .mic-price-pocket{top:18px;right:8px;min-width:0;height:auto}.mic-card:not(.mic-card--list) .mic-price{min-width:0;width:auto;height:auto;padding:0;font-size:.76rem}.mic-card:not(.mic-card--list) .mic-img-tag{top:8px;bottom:auto;padding:4px 8px 4px 6px;border-radius:0;font-size:.56rem}.mic-card:not(.mic-card--list) .mic-name,.mic-card:not(.mic-card--list) .mic-tag-row{padding-right:58px}.mic-card:not(.mic-card--list) .mic-name{font-size:.74rem;line-height:1.28}.mic-card:not(.mic-card--list) .mic-desc{font-size:.62rem;line-height:1.35}.mic-card:not(.mic-card--list) .mic-add-btn,.mic-card:not(.mic-card--list) .mic-qty-ctrl{min-width:54px;height:27px}.mic-card:not(.mic-card--list) .mic-add-btn{padding:0 9px;font-size:.62rem}}@media (min-width:641px){.mic-card--list{padding-bottom:0}.mic-card--list .mic-img-wrap{aspect-ratio:1/.76;border-radius:22px 22px 0 0;margin-bottom:-6px}.mic-card--list .mic-img{transform:scale(1.12);transform-origin:center top}.mic-card--list .mic-body{margin-top:-10px;padding-top:24px;position:relative}.mic-card--list .mic-body:before{content:"";inset:0;left:-8px;right:-8px;border-radius:0;background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 26Q0 0 26 0H186C202 0 214 2 222 6C230 10 234 17 236 26C238 38 243 47 252 53C261 58 273 60 289 60H304C313 60 320 65 320 73V198Q320 220 298 220H22Q0 220 0 198Z' fill='url(%23g)'/%3E%3C/svg%3E");filter:drop-shadow(0 12px 24px rgba(0,0,0,.2))}.mic-card--list .mic-price-pocket{top:8px;right:-2px;bottom:auto;min-width:60px;height:30px}.mic-card--list .mic-name,.mic-card--list .mic-tag-row{padding-right:82px}.mic-card--list .mic-desc{padding-right:24px}}@media (min-width:641px) and (max-width:1024px){.mic-card--list .mic-img-wrap{aspect-ratio:1/.7}.mic-card--list .mic-body{min-height:150px;padding:18px 12px 8px;gap:9px}.mic-card--list .mic-body:before{background:50%/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181818' stop-opacity='.98'/%3E%3Cstop offset='1' stop-color='%230e0e0e' stop-opacity='.98'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 24Q0 0 24 0H182C198 0 211 2 220 5C229 8 235 14 238 22C241 31 247 37 255 41C263 45 274 47 289 47H304C313 47 320 52 320 60V198Q320 220 298 220H22Q0 220 0 198Z' fill='url(%23g)'/%3E%3C/svg%3E")}.mic-card--list .mic-price-pocket{top:8px;right:2px;min-width:60px;height:30px}.mic-card--list .mic-price{min-width:58px;height:28px;padding:0 6px;border-radius:8px;font-size:.74rem}.mic-card--list .mic-name,.mic-card--list .mic-tag-row{padding-right:68px}.mic-card--list .mic-name{font-size:.86rem;line-height:1.26;min-height:calc(1.26em * 2)}.mic-card--list .mic-desc{font-size:.72rem;line-height:1.35;min-height:calc(1.35em * 2)}.mic-card--list .mic-tag-text{font-size:.68rem}.mic-card--list .mic-add-btn{font-size:.71rem}}