.otaku-cts-wrapper{display:flex;flex-direction:column;height:100%;position:relative;width:100%;padding-bottom:12px}.otaku-cts-card{background:transparent;border-radius:12px;display:flex;flex-direction:column;position:relative;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease;flex-grow:1;z-index:2}.otaku-cts-wrapper:hover .otaku-cts-card{transform:translateY(-8px)}.otaku-cts-wrapper:hover .card_inner_border{box-shadow:inset 0 0 0 2px #000c,inset 0 0 0 3px #ffffff26,0 15px 35px var(--rarity-shadow, rgba(0,0,0,.5))}.card_inner_border{border-radius:12px;display:flex;flex-direction:column;overflow:visible;background:#000;flex-grow:1;transition:border-color .4s ease,box-shadow .4s ease;box-shadow:inset 0 0 0 2px #000c,inset 0 0 0 3px #ffffff26;position:relative;z-index:5}.card_inner_border.is-unique{border:3px solid transparent;background-clip:padding-box;position:relative;box-shadow:inset 0 0 0 1px #000c,inset 0 0 0 2px #ffffff26}.card_inner_border.is-unique:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;border-radius:14px;background:linear-gradient(45deg,#ff4ecd,#7b5cff,#00c9ff,#ff4ecd);background-size:300% 300%;animation:moveGradient 3s ease infinite}.card_img_wrap{display:block;position:relative;width:100%;aspect-ratio:2.5 / 3.5;flex-grow:0;border-radius:10px 10px 0 0;cursor:pointer;border-bottom:2px solid #222;z-index:30}.otaku_top_bar{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:clamp(2px,1vw,3px) clamp(4px,1vw,6px);text-align:center;font-weight:900;font-size:clamp(7px,2.2vw,14px);letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.2);border-radius:10px 10px 0 0;pointer-events:none}.r_unique{background:linear-gradient(45deg,#ff4ecd80,#7b5cff80,#00c9ff80,#ff4ecd80);background-size:300% 300%;animation:moveGradient 3s ease infinite}.r_legendary{background:linear-gradient(90deg,#cc7a0080,#cc4a4e80)}.r_epic{background:linear-gradient(90deg,#8460c480,#5615c080)}.r_rare{background:linear-gradient(90deg,#00a0cc80,#005bcc80)}.r_uncommon{background:linear-gradient(90deg,#4fc54480,#17a91280)}.r_common{background:linear-gradient(90deg,#96969666,#c8c8c866)}.otaku-brand-pill{position:absolute;top:clamp(25px,8vw,43px);left:0;transform:translateY(-50%);background:var(--brand-pill-color, #00c9ff);color:#000;padding:2px clamp(6px,1vw,12px) 2px clamp(4px,1vw,10px);border-radius:0 0 12px;font-size:clamp(6px,1.8vw,var(--card-brand-size, 10px));font-weight:900;z-index:10;box-shadow:2px 4px 10px #00000080;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.otaku_q_view{position:absolute;top:20px;right:3px;transform:translateY(-50%);background:#00c9ff;width:clamp(20px,5vw,26px);height:clamp(20px,5vw,26px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:15;box-shadow:0 4px 10px #00000080;transition:transform .3s ease,box-shadow .3s ease}.otaku_q_view svg{width:clamp(10px,3vw,12px);height:clamp(10px,3vw,12px)}.otaku_q_view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(45deg,#ff4ecd,#7b5cff,#00c9ff,#ff4ecd);background-size:300% 300%;opacity:0;transition:opacity .3s ease;z-index:-1}.otaku-cts-wrapper:hover .otaku_q_view:before{opacity:1;animation:moveGradient 3s ease infinite}.otaku-cts-wrapper:hover .otaku_q_view{transform:translateY(-50%) scale(1.15);box-shadow:0 5px 15px #7b5cff80}.img_scaler{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;border-radius:9px 9px 0 0;background-color:transparent}.img_scaler:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px 9px 0 0;background-color:#0c101d;background-image:url(/cdn/shop/files/bgotakucard.webp?v=1776454156);background-size:cover;background-position:center;z-index:0;overflow:hidden}.img_scaler:before{content:"\221e";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#00c9ff;opacity:.5;animation:infinity-throb 1.5s infinite;z-index:1}.img_scaler.is-loaded:before{display:none;animation:none}.card_actual_image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:14;transition:transform .5s cubic-bezier(.25,.8,.25,1),opacity .3s ease;opacity:0;filter:drop-shadow(0 5px 5px rgba(0,0,0,1))}.img_scaler.is-loaded .card_actual_image{opacity:1}.otaku-cts-wrapper:hover .card_actual_image{transform:scale(1.18) translateY(-6%)}.floating_bubble{position:absolute;bottom:-18px;left:4px;right:4px;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px 0;padding:clamp(4px,1vw,10px) clamp(6px,1.5vw,12px);z-index:25;border:1px solid var(--brand-pill-color);box-shadow:0 10px 25px #000000e6;transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .3s ease;pointer-events:none}.otaku-cts-wrapper:hover .floating_bubble{transform:translateY(20px);opacity:1}.otaku_title{font-weight:800;font-size:clamp(8px,2.5vw,var(--card-title-size, 14px));margin:0;color:#fff;line-height:1.15;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.otaku_card_info{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;background:#000;border-radius:0 0 10px 10px;position:relative;z-index:20;padding:clamp(15px,4vw,20px) 4px 6px 4px}.cond_title{margin:0 0 2px;font-size:clamp(6px,1.5vw,9px);color:#888;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-align:center}.otaku_cond_boxes{display:grid;gap:3px;width:100%;justify-content:center}.otaku_cond_boxes.layout-1{grid-template-columns:1fr}.otaku_cond_boxes.layout-2{grid-template-columns:1fr 1fr}.otaku_cond_boxes.layout-3{grid-template-columns:1fr 1fr 1fr}.otaku_cond_boxes.layout-4{grid-template-columns:1fr 1fr}.otaku_cond_card{border:1px solid #222;border-radius:4px;padding:2px 1px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#111,#000);min-height:clamp(28px,6vw,38px);text-align:center;box-shadow:inset 0 1px #ffffff0d;overflow:hidden;width:100%}.cond_name{font-size:clamp(5px,1.5vw,8px);color:#aaa;font-weight:700;letter-spacing:0;line-height:1;display:block;white-space:nowrap}.cond_price{font-size:clamp(6.5px,2vw,var(--card-price-size, 13px));color:gold;font-weight:900;line-height:1;margin-top:4px;display:block;white-space:nowrap;letter-spacing:-.3px}.out-of-stock-label{text-align:center;padding:4px;border:1px solid #333;border-radius:4px;color:#f44;font-weight:900;font-size:clamp(7px,2vw,11px);letter-spacing:.5px;background:#111;min-height:clamp(28px,6vw,38px);display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%}.otaku_btn_wrap{position:absolute;bottom:-4px;left:0;right:0;display:flex;justify-content:center;z-index:1}.otaku_p_btn{display:inline-block;background:var(--brand-pill-color, #00c9ff);color:#000;text-align:center;padding:clamp(12px,4vw,22px) clamp(20px,5vw,40px) 0px clamp(20px,5vw,40px);font-weight:900;font-size:clamp(8px,2.5vw,var(--card-btn-size, 12px));text-decoration:none!important;letter-spacing:1px;text-transform:uppercase;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);transform:translateY(20px);transition:transform .4s cubic-bezier(.25,.8,.25,1),background .3s ease}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes infinity-throb{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.otaku_cond_card.v-is-preorder{border-color:#a855f7!important;background:linear-gradient(180deg,#a855f733,#000)!important;position:relative;overflow:hidden}.otaku_cond_card.v-is-preorder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 10px #a855f74d;pointer-events:none}.otaku_cond_card.v-is-preorder .cond_name{color:#c084fc!important;font-size:clamp(5px,1.5vw,8px);letter-spacing:0px}.otaku_cond_card.v-is-preorder .cond_price{color:#fff!important}.otaku_cond_card.v-is-incoming{border-color:#3b82f6!important;background:linear-gradient(180deg,#3b82f633,#000)!important;position:relative;overflow:hidden}.otaku_cond_card.v-is-incoming:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 10px #3b82f64d;pointer-events:none}.otaku_cond_card.v-is-incoming .cond_name{color:#60a5fa!important;font-size:clamp(5px,1.5vw,8px);letter-spacing:0px}.otaku_cond_card.v-is-incoming .cond_price{color:#fff!important}.otaku-status-badges{position:absolute;bottom:100%;left:-1px;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;pointer-events:none;z-index:30}.otaku-badge{font-size:clamp(6px,1.8vw,9px);font-weight:900;text-transform:uppercase;padding:3px 6px;border-radius:4px;letter-spacing:.5px;line-height:1.2;display:inline-flex;align-items:center;box-shadow:0 4px 10px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-sale{background:#ef4444e6;color:#fff;border:1px solid #f87171}.badge-future{background:#a855f7f2;color:#fff;border:1px solid #c084fc}.badge-incoming{background:#3b82f6f2;color:#fff;border:1px solid #60a5fa}@media(min-width:1025px){.otaku-cts-wrapper:hover .otaku_p_btn{background:#fff;transform:translateY(30px)}}@media(max-width:1024px){.otaku_title{-webkit-line-clamp:2}.otaku-cts-wrapper:hover .otaku-cts-card{transform:translateY(-4px)}.otaku-cts-wrapper:hover .otaku_p_btn{transform:translateY(20px)}.otaku-cts-wrapper:hover .card_actual_image{transform:scale(1.05)}.otaku_top_bar{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.floating_bubble{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 5px 15px #00000080}.card_inner_border.is-unique:before{animation:none;background-position:0% 50%}.r_unique{animation:none;background-position:0% 50%}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/otaku-product-card.css.map */