.box{position:relative;height:100%}.box:hover .box-img::before{-webkit-animation:circle 1.25s;animation:circle 1.25s}.box:hover .box-img img{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.box-in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.2rem;height:100%}.box-img{width:100%;border-radius:.8rem .8rem 0 0;overflow:hidden;position:relative}.box-img::before{position:absolute;top:50%;left:50%;z-index:2;display:block;pointer-events:none;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.box-img-in{display:block;padding-top:calc((280 / 280) * 100%);position:relative;overflow:hidden;width:100%}.box-img-in img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.box-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;left:1.2rem;top:1.2rem;gap:.4rem}.box-tag .tag{background-color:rgba(15,15,15,.5);padding:.4rem 1.2rem;border-radius:3rem;color:#fcfafa;font-size:1.2rem;font-weight:400}.box-tt{--f-sz:clamp(2.1rem, calc(1.6984rem + 0.5738vw), 2.8rem);font-size:var(--f-sz);color:#0f0f0f;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:600px){.box-tt{font-size:1.8rem}}.box-tt .link{display:block}.box-tt:hover{color:#ee202e}.box-des{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.2rem;--wicon:4rem}.box-des .contact-product{position:relative;background-color:#fafafc!important;z-index:1;border-radius:.4rem;overflow:hidden!important}.box-des .contact-product::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:-1;background:#ee202e}.box-des .contact-product:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.45,1.64,.47,.66);transition-timing-function:cubic-bezier(.45,1.64,.47,.66)}.box-des-in{position:relative;padding-right:calc(1.2rem + var(--wicon))}.box-price .txt.new{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;color:#0f0f0f}.box-price .txt.old{--f-sz:1.2rem;font-size:var(--f-sz);font-weight:400;color:#5c5b5b;text-decoration:line-through}.box-icon{position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);z-index:1}.box-icon:hover .des .txt{-webkit-transform:scale(1) translate(calc(-100% - var(--wicon)/ 2),-50%);transform:scale(1) translate(calc(-100% - var(--wicon)/ 2),-50%);opacity:1}.box-icon .icon{width:var(--wicon);height:var(--wicon);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f2f2;border-radius:.8rem;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.box-icon .icon:hover{background-color:#ee202e;color:#fff}.box-icon .des{pointer-events:none}.box-icon .des .txt{font-size:1.2rem;background-color:rgba(15,15,15,.5);text-wrap:nowrap;border-radius:.4rem;color:#fff;top:50%;padding:.4rem;position:absolute;left:50%;-webkit-transform:scale(.5) translate(-100%,-50%);transform:scale(.5) translate(-100%,-50%);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:-1}