.product-card {flex-basis: 100%;display: flex;flex-direction: column; } .product-card .flag {flex-grow: 0;flex-shrink: 0;flex-basis: 7.125rem;text-align: center;position: relative;padding-top: 3.125rem; } .product-card .flag:not(.empty)::before {content: " ";position: absolute;width: 3.125rem;height: 3.125rem;background: var(--color2);transform: rotate(45deg) translate(-35%, 35%);transform-origin: center;top: 1.5625rem;left: 50%; } .product-card .flag .badge {width: 100%;padding: 1.4375rem;font-size: 0.875rem;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.1225rem;text-transform: uppercase;background: #f4f0e3;z-index: 1;position: relative; } .product-card .product {flex-grow: 1; } .product-card .card {text-decoration: none;display: flex;flex-direction: row;border: solid 1px transparent;background: transparent; } .product-card .card:hover {border-color: var(--secondary); } .product-card .card-img {text-align: center;flex-basis: 41%;padding: 1.25rem;padding-right: 0;flex-grow: 0;flex-shrink: 0;display: flex;align-items: center;justify-content: center; } .product-card .card-img .img-fluid {max-width: 100%;height: auto;object-fit: cover;max-height: 100%;width: auto; } .product-card .card-body {padding: 1.25rem;padding-left: 0.9375rem;padding-bottom: 1.875rem; } .product-card .card-title {font-size: 1.5rem;margin-bottom: 0.375rem; } .product-card .card-text {line-height: 129%; } .product-card .card-text.caption {margin-bottom: 1.25rem;flex-grow: 1; } .product-card .card-text.caption span {font-weight: 700; } .product-card .card-text.availability {text-transform: uppercase;margin-bottom: 1.25rem;font-size: 0.875rem;font-weight: 600;line-height: normal;letter-spacing: 0.1225rem; } .product-card .card-text.availability img, .product-card .card-text.availability svg {width: 2rem;height: auto;position: relative;top: -0.125rem; } .product-card .card-text.price {color: #B9A56C;font-size: 1.5rem;font-family: "Lora";margin-bottom: 1.5625rem; } .product-card .btn {color: var(--white); } .product-card.banner .card-img {flex-basis: 100%;padding: 0; }