.product-cards{display:block;padding:1.1rem 0;position:relative}.product-cards .title-frame{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}:is(.product-cards .title-frame) .text{color:#b6bace;text-align:right;width:5.4rem}.product-cards .card-frame{align-items:center;display:flex;gap:.2rem;padding-right:.2rem;user-select:none;width:max-content}.product-cards .card{backdrop-filter:blur(.04rem);background-color:rgba(13,14,20,.4);border-radius:.24rem;display:flex;flex-direction:column;gap:.62rem;justify-content:space-between;padding:.32rem;user-select:none;width:4.26rem}:is(.product-cards .card):before{aspect-ratio:512/337;background-image:url(../../assets/card-border-1.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;content:"";display:block;left:0;position:absolute;top:0;width:100%}:is(.product-cards .card)>div{width:100%}:is(.product-cards .card) .card-title{color:var(--white);font-size:.28rem;font-weight:500;line-height:.32rem;margin-bottom:.8rem}:is(.product-cards .card) .text{color:#b6bace}:is(.product-cards .card) .link{align-items:center;display:flex;font-weight:600;gap:.12rem;margin-left:auto;margin-right:0;width:fit-content}:is(:is(.product-cards .card) .link) svg{display:block;height:auto;width:.22rem}:is(.product-cards .card:nth-child(3n+1)):before{background-image:url(../../assets/card-border-1.webp);background-position:0 0;left:0;top:0}:is(.product-cards .card:nth-child(3n+2)):before{background-image:none}:is(.product-cards .card:nth-child(3n)):before{background-image:url(../../assets/card-border-2.webp);background-position:100% 100%;bottom:0;left:auto;right:0;top:auto}@media screen and (max-width:768px) and (orientation:portrait){.product-cards{padding:.8rem 0}.product-cards .title-frame{display:block;margin-bottom:.6rem}:is(.product-cards .title-frame) .title{margin-bottom:.1rem}:is(.product-cards .title-frame) .text{text-align:left;width:100%}.product-cards .card-frame{align-items:stretch;gap:.14rem;padding-right:.14rem}.product-cards .card{gap:.3rem;padding:.26rem;width:3rem}:is(.product-cards .card) .card-title{margin-bottom:.16rem}}