.prd-it{height:100%}.prd-it .b-inner{height:100%;min-height:40rem;padding:1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;background:#fff;border-radius:1.6rem;border:.1rem solid rgba(0,0,0,.1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}@media screen and (min-width:1025px){.prd-it .b-inner:hover{background:#fafafa;border-color:#000}}@media screen and (max-width:768px){.prd-it .b-inner{padding:1.6rem .8rem;border-radius:.8rem;min-height:34rem}}.prd-it .b-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:1400px){.prd-it .b-head .b-btn{display:none}}.prd-it .b-head .b-btn .btn{padding:unset;width:4rem;height:4rem;border-radius:100rem;background:#f5f5f5;color:var(--color-pri);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.prd-it .b-head .b-btn .btn::after{background:var(--color-pri)}@media screen and (min-width:1025px){.prd-it .b-head .b-btn .btn:hover{color:#fff;-webkit-transform:unset;transform:unset}}.prd-it .b-ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;height:100%}@media screen and (max-width:768px){.prd-it .b-ctn{gap:1.2rem}}.prd-it .b-ctn .t-link{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);color:var(--color-pri);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:1025px){.prd-it .b-ctn .t-link:hover{text-decoration:underline}}.prd-it .b-ctn .t-des{--f-sz:1.4rem;font-size:var(--f-sz);font-weight:300}.prd-it .b-ctn .btn-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.2rem}@media screen and (max-width:1400px){.prd-it .b-ctn .btn-link{margin-top:auto}}.prd-it .b-ctn .btn-link .i-shopee{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;width:8rem}@media screen and (max-width:600px){.prd-it .b-ctn .btn-link .i-shopee{width:6rem}}.prd-it .b-image{width:40%}.prd-it .b-image .inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden;border-radius:1.2rem}.prd-it .b-image .inner .onsale{display:none!important;position:absolute;padding:1rem .6rem;background:var(--color-pri);color:#fff;font-size:1.4rem;font-weight:400;top:0;left:0;border-radius:unset!important;line-height:100%;min-height:unset;min-width:unset}@media screen and (min-width:1025px){.prd-it .b-image .inner:hover::before{-webkit-animation:shine 1.25s;animation:shine 1.25s}}.prd-it .b-image .inner::before{position:absolute;top:0;left:-75%;z-index:2;pointer-events:none;display:block;content:"";width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),to(rgba(255,255,255,.7)));background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.prd-it .b-image .inner 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}.t-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:1rem;--f-sz:1.6rem;font-size:var(--f-sz)}@media screen and (max-width:768px){.t-price{font-size:1.4rem}}.t-price .t-new{color:var(--color-pri)}.t-price .t-old{color:#757575;text-decoration:line-through}.bcate-it{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}.bcate-it .b-image .inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden;border-radius:1.6rem}@media screen and (min-width:1025px){.bcate-it .b-image .inner:hover::before{-webkit-animation:shine 1.25s;animation:shine 1.25s}}.bcate-it .b-image .inner::before{position:absolute;top:0;left:-75%;z-index:2;pointer-events:none;display:block;content:"";width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),to(rgba(255,255,255,.7)));background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.bcate-it .b-image .inner 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}.bcate-it .b-ctn{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bcate-it .b-ctn .t-link{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);color:var(--color-pri);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;font-family:var(--font-sec)}@media screen and (min-width:1025px){.bcate-it .b-ctn .t-link:hover{text-decoration:underline}}@media screen and (max-width:1200px){.sprd-list>.col{width:50%}}@media screen and (max-width:768px){.sprd-list>.col{width:100%}}