.c3-card{--c3-card-bg:linear-gradient(180deg,#111114cc,#09090bcc);--c3-card-line:#27272acc;--c3-text:#f4f4f5;--c3-muted:#a8a8b3;--c3-accent:#fb923c;--c3-chip-bg:#09090bcc;--c3-chip-text:#f4f4f5;--c3-go-bg:#18181b;--c3-go-line:#3f3f46;animation:c3-in .5s calc(var(--i, 0)*35ms) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--c3-card-bg);border:1px solid var(--c3-card-line);border-radius:1.6rem;color:var(--c3-text);display:flex;flex-direction:column;padding:.6rem;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}html.light .c3-card{--c3-card-bg:linear-gradient(180deg,#fff,#f7f4ee);--c3-card-line:#e3ddd0;--c3-text:#18140d;--c3-muted:#5d5545;--c3-accent:#c2570a;--c3-chip-bg:#ffffffee;--c3-chip-text:#18140d;--c3-go-bg:#fff;--c3-go-line:#d8d1c2}@keyframes c3-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.c3-card{animation:none}}.c3-card:hover{border-color:#f9731699;box-shadow:0 24px 50px #0008,0 0 40px #f9731614;transform:translateY(-5px)}.c3-card.is-out{opacity:.8}.c3-photo{aspect-ratio:1/1;background:#fff;border-radius:1.15rem;display:grid;flex:none;overflow:hidden;place-items:center;position:relative}.c3-photo>img:not(.c3-ph-logo){height:100%;inset:0;-o-object-fit:contain;object-fit:contain;padding:.6rem;position:absolute;transition:transform .5s;width:100%}.c3-card:hover .c3-photo>img:not(.c3-ph-logo){transform:scale(1.06)}.c3-badges{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem;left:.55rem;position:absolute;top:.55rem;z-index:2}.c3-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--c3-chip-bg);border-radius:.6rem;color:var(--c3-chip-text);display:inline-flex;font-size:.75rem;font-weight:700;gap:.3rem;min-height:26px;padding:0 .6rem}.c3-temp{color:#38bdf8}html.light .c3-temp{color:#0369a1}.c3-heart{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--c3-chip-bg);border:1px solid #ffffff22;border-radius:50%;color:var(--c3-muted);cursor:pointer;display:grid;height:40px;place-items:center;position:absolute;right:.55rem;top:.55rem;transition:all .2s;width:40px;z-index:3}.c3-heart:hover{color:var(--c3-accent);transform:scale(1.08)}.c3-heart[aria-pressed=true]{background:#f97316;border-color:#f97316;color:#000}.c3-heart[aria-pressed=true] svg{fill:currentColor}.c3-unit{align-items:center;background:#f97316;border-radius:99px;bottom:.55rem;color:#000;display:inline-flex;font-size:.75rem;font-weight:900;left:.55rem;letter-spacing:.05em;min-height:26px;padding:0 .65rem;text-transform:uppercase;z-index:2}.c3-out,.c3-unit{position:absolute}.c3-out{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006e;display:grid;inset:0;place-items:center;z-index:1}.c3-out span{background:#09090bf2;border:1px solid #f43f5e66;border-radius:.8rem;color:#fb7185;font-size:.75rem;font-weight:900;letter-spacing:.05em;padding:.35rem .8rem;text-transform:uppercase}.c3-ph{background:radial-gradient(80% 80% at 50% 38%,#2a2a30,#0c0c0f)}.c3-ph-logo{border-radius:22%;filter:drop-shadow(0 8px 20px #000a);height:auto;margin-bottom:1.1rem;width:34%}.c3-ph-text{bottom:2.7rem;color:#b9b9c3;font-size:.75rem;font-weight:600;left:0;position:absolute;right:0;text-align:center}.c3-body{display:flex;flex:1;flex-direction:column;gap:.35rem;padding:.85rem .6rem .6rem}.c3-cat{color:var(--c3-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.c3-name{color:var(--c3-text);display:-webkit-box;font-size:1rem;font-weight:700;-webkit-line-clamp:3;line-height:1.3;margin:0;-webkit-box-orient:vertical;min-height:3.9em;overflow:hidden;transition:color .2s}.c3-card:hover .c3-name{color:var(--c3-accent)}.c3-freeze{color:var(--c3-muted);font-size:.75rem}.c3-foot{align-items:center;border-top:1px solid #ffffff12;display:flex;gap:.5rem;justify-content:space-between;margin-top:auto;padding-top:.7rem}html.light .c3-foot{border-top-color:#0000001a}.c3-price{display:flex;flex-direction:column;gap:1px;min-width:0}.c3-price-main{color:var(--c3-accent);font-size:1.125rem;font-weight:900}.c3-price-cash{color:#34d399;font-size:.75rem;font-weight:700}.c3-stock{align-items:center;color:var(--c3-muted);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.4rem}.c3-stock:before{background:#71717a;border-radius:50%;content:"";height:8px;width:8px}.c3-stock.on{color:#22c55e}.c3-stock.on:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.c3-ask{color:var(--c3-muted);font-size:.8125rem}.c3-go{background:var(--c3-go-bg);border:1px solid var(--c3-go-line);border-radius:50%;color:var(--c3-accent);display:grid;flex:none;height:44px;place-items:center;transition:all .3s;width:44px}.c3-card:hover .c3-go{background:linear-gradient(135deg,#f97316,#f59e0b);border-color:transparent;color:#000;transform:translate(3px)}.c3-buy{display:flex;flex:none;gap:.4rem}.c3-btn{border:0;border-radius:99px;cursor:pointer;font-size:.8125rem;font-weight:900;letter-spacing:.06em;min-height:44px;padding:0 1.1rem;text-transform:uppercase;transition:all .2s}.c3-btn-main{background:linear-gradient(90deg,#f97316,#f59e0b);color:#000}.c3-btn-main:hover{box-shadow:0 8px 20px #f9731655}.c3-btn-soft{background:#f59e0b2e;border:1px solid #f59e0b66;color:#fbbf24}.c3-soldout{color:var(--c3-muted);font-size:.8125rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}@media(max-width:640px){.c3-card{border-radius:1.3rem;padding:.45rem}.c3-name{font-size:.875rem}.c3-ask{display:none}.c3-go{height:40px;width:40px}.c3-body{padding:.7rem .4rem .4rem}.c3-foot{flex-wrap:wrap}.c3-buy{width:100%}.c3-btn{flex:1}}.c3-nav{background:#09090b9e;border:0;border-radius:999px;color:#fff;cursor:pointer;display:grid;font-size:22px;height:32px;line-height:1;opacity:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s ease,background .15s ease;width:32px;z-index:3}.c3-nav:hover{background:#09090bd9}.c3-nav-prev{left:8px}.c3-nav-next{right:8px}.c3-card:hover .c3-nav,.c3-nav:focus-visible{opacity:1}@media(hover:none){.c3-nav{display:none}}.c3-dots{bottom:8px;display:flex;gap:5px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.c3-dots span{background:#ffffff8c;border-radius:999px;box-shadow:0 0 0 1px #00000040;height:6px;width:6px}.c3-dots span.on{background:#f97316;width:14px}