.shape-cmyk {
    border-radius: 50% !important; /* Gör dem runda */
    width: 80px !important;
    height: 80px !important;
    filter: blur(40px); /* Gör dem mjuka så de inte stör texten */
    position: absolute;
    z-index: 1;
}

.shape-cyan {
    background: #00ffff !important;
    top: 10%;
    left: 5%;
}
.shape-cyan2 {
    background: #00ffff !important;
    top: 18%;
    left: 75%;
}

.shape-magenta {
    background: #ff00ff !important;
    bottom: 20%;
    right: 10%;
}
.shape-magenta2 {
    background: #ff00ff !important;
    top: 8%;
    right: 50%;
}

.shape-yellow {
    background: #ffff00 !important;
    top: 55%;
    left: 40%;
}

.hover-lift {
    transition: transform 0.3s ease, z-index 0s;
    position: relative;
    z-index: 5;
}

    .hover-lift:hover {
        transform: translateY(-10px) scale(1.05);
        z-index: 100; /* Hamnar garanterat överst vid hovring */
    }



.gradient-banner {
    padding: 100px 0 170px;
    position: relative;
    overflow: hidden;
}

.gradient-banner::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200%;
    height: 200%;
    border-radius: 50%;
    background-image: linear-gradient(45deg, #0063c5 0%, #2e44ed 20%, #020b5b 50%);
}

.zindex-1 {
    z-index: 1;
}

.btn-main {
    padding: 25px 45px;
    border-radius: 3px;
    background: #2e7eed;
    color: #fff;
    outline: none;
}

    .btn-main:hover {
        color: #fff;
    }

    .btn-main:focus {
        color: #fff;
        box-shadow: none;
    }

.btn-main-md {
    padding: 17px 38px;
    border-radius: 3px;
    background: #2e7eed;
    color: #fff;
    outline: none;
}

    .btn-main-md:hover {
        background: #ec008c;
        color: #fff;
    }

    .btn-main-md:focus {
        color: #fff;
        box-shadow: none;
    }

.btn-main-sm {
    padding: 15px 35px;
    border-radius: 3px;
    background: #2e7eed;
    color: #fff;
    outline: none;
    font-size: 14px;
}

    .btn-main-sm:hover {
        background: #ec008c;
        color: #fff;
    }

    .btn-main-sm:focus {
        color: #fff;
        box-shadow: none;
    }



.bg-cyan
{
    background-color: #00aeef !important;
}
.bg-magenta {
    background-color: #ec008c !important;
}
.text-cyan {
    color: #00aeef !important;
}
.text-magenta {
    color: #ec008c !important;
}

.video-bg {
    background: url(../bilder/video-bg.jpg) fixed no-repeat;
    background-size: cover;
}


#footer
{
    padding-top: 150px !important;
}


.contact-email {
    visibility: hidden !important;
    height: 0px;
}

.vald-produkt {
    object-fit: contain;
    width: 40%;
    max-height: 250px;
}
.product-info-price {
    font-size: 1.6rem;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0px;
}
.shop-produkt {
    width: 100%; /* Fyller bredden på kolumnen */
    height: auto; /* Låter höjden styras av bilden */
    max-height: 500px; /* Sätter ett tak så bilden inte blir gigantisk */
    object-fit: contain; /* VIKTIGT: Hela bilden visas utan att beskäras */
    display: block;
    margin: 0 auto; /* Centrerar bilden i boxen */
}
.product-image-wrapper {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px; /* Ger en stabil bas för layouten */
}

.small-9 {
    font-size: 0.9rem;
    line-height: 1.6;
}

.italic {
    font-style: italic;
}

#testimonialCarousel {
    padding-bottom: 40px;
}
.carousel-item {
    height: 100%;
}


footer .nav-link {
    transition: all 0.2s ease-in-out;
}

    footer .nav-link:hover {
        color: #fff !important;
    }