.site-logo{display:block;max-width:190px;max-height:58px;object-fit:contain}.listing{display:grid;gap:18px}.listing article{background:#fff;border:1px solid #dedfe2;padding:25px}.listing article img{width:100%;max-height:360px;object-fit:cover;margin-bottom:20px}.banner-strip{background:#191b20;color:#fff;padding:28px 7vw;text-align:center}.banner-strip img{width:100%;max-height:380px;object-fit:cover;margin-bottom:18px}.banner-strip h2{font:800 38px 'Barlow Condensed';margin:5px}.banner-strip p{color:#aaa}.edit{display:inline-block;color:#fff;background:#343841;padding:9px 12px;margin-right:6px}.danger{background:#8f1822!important}.logo-preview{display:block;max-width:260px;max-height:100px;margin-top:10px;background:#0b0c0f;padding:12px}
.hero {
    position: relative;
    background:
        linear-gradient(
            90deg,
            rgba(6, 7, 9, 0.97) 0%,
            rgba(6, 7, 9, 0.85) 40%,
            rgba(6, 7, 9, 0.25) 72%,
            rgba(6, 7, 9, 0.15) 100%
        ),
        url("../../uploads/banners/kaan.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero > div:first-child {
    position: relative;
    z-index: 2;
}

.hero-mark {
    visibility: hidden;
}
.product-image {
    height: 210px;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 15px;
}

@media (max-width: 560px) {
    .product-image {
        height: 150px;
    }

    .product-image img {
        padding: 10px;
    }
}
.detail-image {
    height: 450px;
}

.detail-image img {
    object-fit: contain;
    padding: 25px;
}