.bg-image {
    background: url('../img/898.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: grayscale(100%) contrast(130%) brightness(90%);
}

.products {
    padding: 200px 100px 0;
}

.genpass-slider { 
    position: relative; 
    z-index: 20; 
    margin: 40px auto 80px; 
    max-width: 1100px; 
    padding: 0 20px; 
    display: flex;
    align-items: center;
    min-height: 60vh;
}

.genpass-slider__image {
    display: flex;
    max-height: 410px;
    max-width: 290px;
    margin: 0 auto;
    align-self: center;
}



@media (max-width: 780px) {
    .bg-image {
        max-width: 100vw;
        object-fit: cover;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .products {
        padding: 100px 0 0;
    }
}

/* Product cards */
.product-cards { text-align: center; padding-top: 16px; }
.product-cards h3 {
    display: inline-block; margin: 0 auto 16px; padding: 10px 16px;
    background: rgba(2,6,57,.6); border:2px solid #fff; border-radius:10px; color:#FDCC68;
}
.product-cards__grid {
    display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    align-items: stretch; max-width: 1100px; margin: 0 auto; z-index: 20; position: relative;
}
.product-card {
    background: rgba(2,6,57,.4); border: 2px solid #fff; border-radius: 12px; overflow: hidden;
    display: grid; grid-template-rows: auto 1fr; transition: transform .2s ease, box-shadow .2s ease;
}
.product-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.product-card__image { width: 100%; height: 160px; object-fit: cover; display: block; }
.product-card__body { padding: 12px; display: grid; gap: 8px; }
.product-card__title { color: #FDCC68; font-size: 18px; font-weight: 700; }
.product-card__price { color: #fff; font-size: 16px; }
.product-cards__note { margin: 14px auto 0; color: #fff; opacity: .85; max-width: 800px; }

@media (max-width: 480px) {
  .product-cards h3 { font-size: 14px; padding: 8px 12px; }
  .product-card__image { height: 130px; }
  .product-card__title { font-size: 16px; }
  .product-card__price { font-size: 14px; }
}