.product-card{background-color:#fff;border-radius:10px;grid-template-rows:max-content max-content 1fr max-content;grid-template-areas:"image""type""name""materials";min-width:260px;height:100%;padding:10px 15px;transition:box-shadow 50ms;display:grid;position:relative;box-shadow:3px 3px 5px -3px #223c5066}.product-card:hover{cursor:pointer;box-shadow:3px 3px 15px -3px #223c5080}.product-card .product-image-container{border-radius:25px;grid-area:image;margin:0 auto 1.875rem;padding:25px 0;position:relative}@media screen and (max-width:670px){.product-card .product-image-container{width:calc(100% - 20px)}.product-card .product-image-container .product-image{width:100%}.product-card .product-image-container .product-image-logo{width:20%}}.product-card .product-image-container .product-image{aspect-ratio:250/70;object-fit:contain;height:unset}.product-card .product-material{text-align:left;color:var(--primary-color);text-transform:uppercase;grid-area:type;align-items:center;margin:0 0 .32rem;font-size:1.1rem;font-weight:600;display:flex}.product-card .product-name{text-align:left;grid-area:name;margin-bottom:1.875rem;font-size:1.4rem;font-weight:500}.product-card .materials{grid-area:materials;justify-content:center;align-items:flex-start;gap:10px;height:fit-content;display:flex}.product-card .materials .material-box{text-align:center;flex:1}.product-card .materials .material-box:nth-child(n+4){display:none}@media screen and (370px<=width<=660px){.product-card .materials .material-box:nth-child(n+4){display:block}}.product-card .materials .material-box .material-name{font-size:max(.7rem,10px);font-weight:500}.product-card .materials .material-box .material-img{border-radius:5px;width:40px;height:40px}.product-card{--outline-offset-x:15px;--outline-offset-y:5px;--outline-height:1px}.product-image-container:before{content:"";top:calc(0px - var(--outline-offset-y));left:calc(0px - var(--outline-offset-x));border:var(--outline-height)solid var(--primary-color);border-bottom:none;border-right:none;width:20%;height:20%;transition:all .2s linear;position:absolute}.product-card:hover .product-image-container:before{width:calc(100% + var(--outline-offset-x)*2);height:calc(100% + var(--outline-offset-y)*2);border-radius:5px}.product-image-container:after{content:"";top:calc(80% + var(--outline-offset-y));left:calc(80% + var(--outline-offset-x));border:var(--outline-height)solid var(--primary-color);border-top:none;border-left:none;width:20%;height:20%;transition:all .2s linear;position:absolute}.product-card:hover .product-image-container:after{width:calc(100% + var(--outline-offset-x)*2);height:calc(100% + var(--outline-offset-y)*2);top:calc(0px - var(--outline-offset-y));left:calc(0px - var(--outline-offset-x));border-radius:5px}