@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/Bolta/Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.box[b-1lzw5n87hs] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 100vh;
}

.e-card[b-1lzw5n87hs] {
    margin: 100px auto;
    background: transparent;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.45);
    position: relative;
    width: 380px;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
}

.wave[b-1lzw5n87hs] {
    position: absolute;
    width: 740px;
    height: 800px;
    opacity: 0.2;
    left: 0;
    top: 0;
    margin-left: -50%;
    margin-top: -50%;
    background: linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb);
}

.infotop[b-1lzw5n87hs] {
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 3em;
    left: 0;
    right: 0;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.infotop i[b-1lzw5n87hs] {
    font-size: 5em;
    line-height: 1;
    vertical-align: middle;
}

.infotop span[b-1lzw5n87hs] {
    display: block;
    margin-top: 1.5em;
    font-size: 1.7rem;
}

p[b-1lzw5n87hs] {
    font-size: 0.9rem;
    font-weight: 100;
    position: relative;
    top: 2em;
    text-transform: lowercase;
}

.wave:nth-child(2)[b-1lzw5n87hs],
.wave:nth-child(3)[b-1lzw5n87hs],
.wave:nth-child(4)[b-1lzw5n87hs] {
    top: 320px;
}

.playing .wave[b-1lzw5n87hs] {
    border-radius: 40%;
    animation: wave-b-1lzw5n87hs 5s infinite linear;
}

.wave[b-1lzw5n87hs] {
    border-radius: 40%;
    animation: wave-b-1lzw5n87hs 30s infinite linear;
}

.playing .wave:nth-child(2)[b-1lzw5n87hs] {
    animation-duration: 4000ms;
}

.wave:nth-child(2)[b-1lzw5n87hs] {
    animation-duration: 50s;
}

.playing .wave:nth-child(3)[b-1lzw5n87hs] {
    animation-duration: 5000ms;
}

.wave:nth-child(3)[b-1lzw5n87hs] {
    animation-duration: 45s;
}

@keyframes wave-b-1lzw5n87hs {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Bolta/Components/Account/Pages/Login.razor.rz.scp.css */
.login[b-nh014ykaw9] {
    min-height: 100vh;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .login .login-container[b-nh014ykaw9] {
        max-width: 390px;
        padding: 1rem 2.5rem;
        position: relative;
        flex: 1;
        border-radius: 10px;
        background-color: rgba(0,0,0,0.20);
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

    .login .login-header[b-nh014ykaw9] {
        margin-bottom: 20px;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

.logo[b-nh014ykaw9] {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .logo img[b-nh014ykaw9] {
        width: 40px;
        margin-right: 0.5rem;
    }

    .logo span[b-nh014ykaw9] {
        margin-top: 0.5rem;
        font-size: 30px;
        letter-spacing: 1.2px;
    }

.icon[b-nh014ykaw9] {
    font-size: 36px;
}

.login-content[b-nh014ykaw9] {
    margin-top: 2rem;
    text-align: center;
}

    .login-content label[b-nh014ykaw9] {
        margin-bottom: 0.3rem;
        color: rgba(255, 255, 255, 0.5);
    }

.form-control[b-nh014ykaw9] {
    text-align: center;
    border: none;
    border-radius: 0;
    border-bottom: 0.1rem solid whitesmoke;
    background-color: transparent !important;
}

/*.form-control::placeholder {
        text-align: center;
        color: whitesmoke;
    }

    .form-control:focus {
        outline: none !important;
    }*/











.login-remember-me[b-nh014ykaw9] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: start;
    justify-content: space-between;
}

.login-footer[b-nh014ykaw9] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a[b-nh014ykaw9] {
    /*padding: 0 0.5rem;*/
    font-size: 0.75rem;
    text-decoration: none;
}
/* _content/Bolta/Components/Account/Pages/Register.razor.rz.scp.css */
.register[b-hs4vj4s2zn] {
    min-height: 100vh;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .register .register-container[b-hs4vj4s2zn] {
        max-width: 700px;
        padding: 1rem 2.5rem;
        position: relative;
        flex: 1;
        border-radius: 10px;
        background-color: rgba(0,0,0,0.20);
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

.register-header[b-hs4vj4s2zn] {
    margin-bottom: 20px;
    position: relative;
    /*padding: 1rem 2rem;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo[b-hs4vj4s2zn] {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .logo img[b-hs4vj4s2zn] {
        width: 40px;
        margin-right: 0.5rem;
    }

    .logo span[b-hs4vj4s2zn] {
        margin-top: 0.5rem;
        font-size: 30px;
        letter-spacing: 1.2px;
    }

.icon[b-hs4vj4s2zn] {
    font-size: 36px;
}


.register-content[b-hs4vj4s2zn] {
    margin-top: 2rem;
    text-align: center;
}

    .register-content label[b-hs4vj4s2zn] {
        margin-bottom: 0.1rem;
        color: rgba(255, 255, 255, 0.5);
    }

.form-control[b-hs4vj4s2zn] {
    text-align: center;
}


.register-footer[b-hs4vj4s2zn] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a[b-hs4vj4s2zn] {
    /*padding: 0 0.5rem;*/
    font-size: 0.75rem;
    text-decoration: none;
}
/* _content/Bolta/Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.box[b-p5voa4irx9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 100vh;
}

.e-card[b-p5voa4irx9] {
    margin: 100px auto;
    background: transparent;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.45);
    position: relative;
    width: 380px;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
}

.wave[b-p5voa4irx9] {
    position: absolute;
    width: 740px;
    height: 800px;
    opacity: 0.2;
    left: 0;
    top: 0;
    margin-left: -50%;
    margin-top: -50%;
    background: linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb);
}

.infotop[b-p5voa4irx9] {
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 3em;
    left: 0;
    right: 0;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

    .infotop i[b-p5voa4irx9] {
        font-size: 5em;
        line-height: 1;
        vertical-align: middle;
    }

    .infotop span[b-p5voa4irx9] {
        display: block;
        margin-top: 1.5em;
        font-size: 1.7rem;
    }

p[b-p5voa4irx9] {
    font-size: 0.9rem;
    font-weight: 100;
    position: relative;
    top: 2em;
    text-transform: lowercase;
}

.wave:nth-child(2)[b-p5voa4irx9],
.wave:nth-child(3)[b-p5voa4irx9],
.wave:nth-child(4)[b-p5voa4irx9] {
    top: 320px;
}

.playing .wave[b-p5voa4irx9] {
    border-radius: 40%;
    animation: wave-b-p5voa4irx9 5s infinite linear;
}

.wave[b-p5voa4irx9] {
    border-radius: 40%;
    animation: wave-b-p5voa4irx9 30s infinite linear;
}

.playing .wave:nth-child(2)[b-p5voa4irx9] {
    animation-duration: 4000ms;
}

.wave:nth-child(2)[b-p5voa4irx9] {
    animation-duration: 50s;
}

.playing .wave:nth-child(3)[b-p5voa4irx9] {
    animation-duration: 5000ms;
}

.wave:nth-child(3)[b-p5voa4irx9] {
    animation-duration: 45s;
}

@keyframes wave-b-p5voa4irx9 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Bolta/Components/Admin/Pages/Authors/AAuthor.razor.rz.scp.css */
/* Style for active tab */
.nav-link.active[b-pputdx6e2d] {
    /*color: white !important;*/
    border: 0.5px dashed !important;
    /*border-style: dashed !important;*/
    /*background: linear-gradient(to right, #007bff, #00d4ff);*/
}

/* Style for inactive tabs */
/*.nav-link {
    color: gray !important;
}*/
/* _content/Bolta/Components/Admin/Pages/FileManager/_RecursiveFolderComponent.razor.rz.scp.css */
.list-group-item[b-ufkm6a15np] {
    border: 0;
    background-color: rgba(var(--bs-black-rgb), 0.2);
}

p[b-ufkm6a15np] {
    margin: 0;
    padding: 0;
}
/* _content/Bolta/Components/Admin/Pages/Home/AHome.razor.rz.scp.css */
a[b-fd2ss2dbqq] {
    text-decoration: none;
}

canvas[b-fd2ss2dbqq] {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
/* _content/Bolta/Components/Admin/Pages/Home/_IconComponent.razor.rz.scp.css */
.widget[b-4rjuc00f2d] {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    background-color: rgba(75, 192, 192, 1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    padding: 1rem;
}

    .widget[b-4rjuc00f2d]::before {
        content: attr(data-icon);
        position: absolute;
        font-size: 8rem;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.3);
        right: -0.25rem;
        bottom: -2.7rem;
        z-index: 0;
    }

.stats-content[b-4rjuc00f2d] {
    position: relative;
    z-index: 1;
}

.stats-title[b-4rjuc00f2d] {
    font-size: 0.75rem;
    color: whitesmoke;
}

.stats-number[b-4rjuc00f2d] {
    font-size: 2rem;
    font-weight: bold;
    color: whitesmoke;
}

.stats-desc[b-4rjuc00f2d] {
    font-size: 0.5rem;
    color: gray;
}
/* _content/Bolta/Components/Admin/Pages/Products/AProduct.razor.rz.scp.css */
.tab-menu[b-gk7ghspnba] {
    margin-top: 1rem;
}

.nav[b-gk7ghspnba] {
    justify-content: center !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-white) !important;
    gap: 1.5rem !important;
}
/* _content/Bolta/Components/Admin/Pages/Promotion/Promotion.razor.rz.scp.css */
.tab-menu[b-kx0fto4all] {
    margin-top: 1rem;
}

.nav[b-kx0fto4all] {
    justify-content: center !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-white) !important;
    gap: 1.5rem !important;
}
/* _content/Bolta/Components/Admin/Pages/Promotion/Promotions.razor.rz.scp.css */
.active[b-h2wu3618pe] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: green;
    font-weight: bold;
}

.upcoming[b-h2wu3618pe] {
    color: orange;
}

.expired[b-h2wu3618pe] {
    color: red;
}
/* _content/Bolta/Components/Admin/Pages/Users/User.razor.rz.scp.css */
/* Style for active tab */
.nav-link.active[b-meycoucqy3] {
    color: white;
    border: 0.5px;
    border-style: dashed;
    /*background: linear-gradient(to right, #007bff, #00d4ff);*/
}

/* Style for inactive tabs */
.nav-link[b-meycoucqy3] {
    /*border: 0;*/
}
/* _content/Bolta/Components/Admin/Shared/PageHeader.razor.rz.scp.css */
.bg-header[b-1juu8inl0t] {
    margin-top: -20px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: 170px;
    background-color: rgba(var(--bs-black-rgb), 0.2);
}

.page-header[b-1juu8inl0t] {
    margin-top: -100px;
    display: flex !important;
    justify-content: space-between;
    align-items: center !important;
}

.breadcrumb[b-1juu8inl0t] {
    display: flex !important;
    justify-content: start;
    align-items: center !important;
    margin-left: 1.5rem;
}

    .breadcrumb a[b-1juu8inl0t] {
        text-decoration: none;
        color: whitesmoke;
    }

    .breadcrumb i[b-1juu8inl0t] {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
        color: gray;
    }

    .breadcrumb span[b-1juu8inl0t] {
        color: whitesmoke;
        text-transform: uppercase !important;
    }
/* _content/Bolta/Components/Admin/Shared/_DeleteModal.razor.rz.scp.css */
.dialog-container[b-4sh4p9omur] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 2000;
    display: flex;
    animation: dialog-container-entry 0.2s;
}

.dialog[b-4sh4p9omur] {
    background-color: black;
    box-shadow: 0 0 12px rgba(0,0,0,0.6);
    display: flex;
    flex-direction: column;
    z-index: 2000;
    align-self: center;
    margin: auto;
    margin-top: 200px;
    width: 400px;
    max-height: calc(100% - 3rem);
    animation: dialog-entry 0.4s;
    animation-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
/* _content/Bolta/Components/Admin/Shared/_LoadingCartComponent.razor.rz.scp.css */
.center[b-kogrboczok] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}

.loader[b-kogrboczok] {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50%;
    border-top: 5px solid #e74c3c;
    position: relative;
    animation: load-b-kogrboczok 2s linear infinite;
}

.loader[b-kogrboczok]::before, .loader[b-kogrboczok]::after {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-radius: 50%;
}

.loader[b-kogrboczok]::before {
    border-top: 5px solid #e67e22;
    transform: rotate(120deg);
}

.loader[b-kogrboczok]::after {
    border-top: 5px solid #3498db;
    transform: rotate(240deg);
}

.loader span[b-kogrboczok] {
    position: absolute;
    font-size: small;
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    animation: a2-b-kogrboczok 2s linear infinite;
}

@keyframes load-b-kogrboczok {
    to {
        transform: rotate(360deg);
    }
}

@keyframes a2-b-kogrboczok {
    to {
        transform: rotate(-360deg);
    }
}
/* _content/Bolta/Components/Admin/Shared/_PageHeader.razor.rz.scp.css */
.bg-header[b-22udctoa2x] {
    margin-top: -20px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: 170px;
    background-color: rgba(var(--bs-black-rgb), 0.2);
}

.page-header[b-22udctoa2x] {
    margin-top: -100px;
    display: flex !important;
    justify-content: space-between;
    align-items: center !important;
}

.breadcrumb[b-22udctoa2x] {
    display: flex !important;
    justify-content: start;
    align-items: center !important;
    margin-left: 1.5rem;
}

    .breadcrumb a[b-22udctoa2x] {
        text-decoration: none;
        color: whitesmoke;
        text-transform: uppercase !important;
    }

.breadcrumb i[b-22udctoa2x] {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
    color: gray;
}

.breadcrumb span[b-22udctoa2x] {
    color: whitesmoke;
    text-transform: uppercase !important;
}
/* _content/Bolta/Components/Admin/Shared/_PageHeaderComponent.razor.rz.scp.css */




/*.bg-header {
    position: relative;
    height: 170px;
    overflow: hidden;
    background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 20px, transparent 20px, transparent 40px );
    animation: moveBackground 10s linear infinite;
}

@keyframes moveBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 40px 40px;*/ /* Pomiče pozadinu */
/*}
}*/
/* _content/Bolta/Components/Authors/Author.razor.rz.scp.css */
.author-image[b-hx6amtke03] {
    position: relative;
}

    .author-image img[b-hx6amtke03] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.author-details-wrapper[b-hx6amtke03] {
    margin-top: 10px;
    color: whitesmoke;
}

.author-details[b-hx6amtke03] {
    margin-top: 1.5rem;
    padding: 1rem;
    position: relative;
    border-radius: var(--bs-border-radius);
    background-color: rgba(var(--bs-black-rgb), 0.2);
    box-shadow: 2px 2px 4px rgba(var(--bs-black-rgb), 0.5);
}

    .author-details .highlight[b-hx6amtke03] {
        text-transform: uppercase;
    }

    .author-details h7[b-hx6amtke03] {
        display: flex;
        gap: 1rem;
    }

        .author-details h7 span[b-hx6amtke03] {
            min-width: 4ch;
            color: rgba(var(--bs-white-rgb), 0.5);
        }


.tab-menu[b-hx6amtke03] {
    margin-top: 1rem;
}

.nav[b-hx6amtke03] {
    justify-content: center !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-white) !important;
    gap: 1.5rem !important;
}
/* _content/Bolta/Components/Authors/_AuthorCardItemComponent.razor.rz.scp.css */
.card-author[b-2rr593jctk] {
    text-align: center;
    background-color: var(--card-author-bg);
    max-width: var(--card-width);
    box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, 0.7);
    margin: 0 auto;
}

    .card-author-hover:hover[b-2rr593jctk] {
        transform: scale(1.02);
        transition: transform 0.3s ease;
    }

    .card-author a[b-2rr593jctk] {
        text-decoration: none;
        color: inherit;
    }

    .card-author hr[b-2rr593jctk] {
        color: whitesmoke;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }


.card-author-header img[b-2rr593jctk] {
    height: 10em;
    padding: 1rem;
    border-radius: 50%;
}

.card-author-header h5[b-2rr593jctk] {
    color: var(--card-author-header-text);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.card-author-header small[b-2rr593jctk] {
    letter-spacing: 1px;
    color: gray;
}


.card-author-body[b-2rr593jctk] {
    margin: 0.5rem !important;
}

    .card-author-body p[b-2rr593jctk] {
        color: var(--card-author-header-text);
        font-size: 0.75rem;
        text-transform: uppercase !important;
        align-content: space-evenly
    }
/* _content/Bolta/Components/Bolte/Bolte.razor.rz.scp.css */
.bg[b-39pevzwtqj] {
    /*width: 200em;*/

}
/* _content/Bolta/Components/Bolte/BolteNavBar.razor.rz.scp.css */
/*---------------------
  START navbar
-----------------------*/
.navbar[b-8kwt5cani5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4em;
    padding: 0 10px;
    z-index: var(--z-navbar);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    background-color: rgba(var(--bs-black-rgb), 0.03);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

    .navbar a[b-8kwt5cani5] {
        text-decoration: none !important;
        color: white;
    }

.logo[b-8kwt5cani5] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0;
}

    .logo img[b-8kwt5cani5] {
        object-fit: contain;
        max-height: 3rem;
        padding-left: 0.5rem;
        padding-right: 1rem;
    }

    .logo span[b-8kwt5cani5] {
        color: black;
        font-size: 25px;
    }




/*.navbarmenu {
    text-decoration: none;
    color: grey;
    transition: all 0.8s ease;
}

    .navbarmenu:hover {
        color: whitesmoke;
        text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        transform: scale(1.1);
    }

    .navbarmenu.active {
        color: white !important;
        font-weight: bold;
        transform: scale(1.1);*/
/*text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);*/
/*}

    .navbarmenu i {
        display: inline-block;
        transition: transform 0.8s ease;
    }

    .navbarmenu:hover i {
        color: whitesmoke;
        text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
        transform: scale(1.2) rotate(-5deg);
    }

    .navbarmenu.active i {
        color: white !important;
        transform: scale(1.2);
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
    }*/

/*---------------------
  Dropdown Menu
-----------------------*/
.dropdown-menu[b-8kwt5cani5] {
    top: 50px !important; /* Pomiče dropdown 50px ispod dugmeta */
    z-index: 1050; /* Viši z-index za prikaz iznad navbara */
    position: absolute; /* Osiguraj da se pozicija dropdowna prilagodi */
    border: 0.5px dashed gray;
}

.dropdown-item[b-8kwt5cani5] {
    color: grey; /* Inicijalna boja teksta */
    transition: color 0.3s ease; /* Animacija promjene boje */
}

    .dropdown-item:hover[b-8kwt5cani5] {
        color: whitesmoke; /* Boja teksta na hover */
        background-color: transparent; /* Bez promjene pozadine */
    }

/*---------------------
  Logout
-----------------------*/
.logout-button[b-8kwt5cani5] {
    color: grey; /* Inicijalna boja teksta */
    background-color: transparent; /* Bez pozadinske boje */
    border: none; /* Bez okvira */
    transition: color 0.3s ease; /* Animacija promene boje */
}

    .logout-button:hover[b-8kwt5cani5] {
        color: whitesmoke; /* Boja teksta na hover */
    }




.navbar-login[b-8kwt5cani5] {
    padding: 0;
    padding-right: 10px;
    font-size: 0.75rem;
    color: gray !important;
    text-decoration: none;
    background: none;
    border: 0;
}

    .navbar-login:hover[b-8kwt5cani5] {
        color: whitesmoke !important;
        transition: color 0.3s ease;
    }
/* _content/Bolta/Components/Bolte/_BolteCardPizza.razor.rz.scp.css */




.card[b-9kpdcij1wx] {
    margin-top: 140px;
    width: 18rem;
    height: 380px;
    border: 2px solid #e7ab3c;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


    .card img[b-9kpdcij1wx] {
        padding: 1rem;
        filter: saturate(120%) contrast(120%) hue-rotate(10deg) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.5));
    }


.card-body[b-9kpdcij1wx] {
    /*height: 100%;*/
    /*flex-grow: 1;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
}

    .card-body a[b-9kpdcij1wx] {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }


.item-rating[b-9kpdcij1wx] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0;
    padding-bottom: 0.9rem;
    color: #e7ab3c;
}
/* _content/Bolta/Components/Bolte/_BolteHero.razor.rz.scp.css */





.container[b-vz75abqj6p] {
    padding-top: 9em;
    height: 30em;
}

.carousel-indicators[b-vz75abqj6p] {
    bottom: 0;
}

.carousel-item[b-vz75abqj6p] {
    display: flex;
    flex: 1;
    justify-content: end;
    align-items: center;
    /*padding: 0;*/
}


    .carousel-item img[b-vz75abqj6p] {
        width: 60%;
    }



.carousel-caption[b-vz75abqj6p] {
    display: flex;
    position: absolute;
    top: 4em;
    left: 2em;
    /*transform: translateX(-20%);*/
    text-align: left;
    width: 80%;
}

    .carousel-caption h2[b-vz75abqj6p] {
        font-size: 3rem;
        font-weight: 300;
        font-weight: bold;
        color: rgba(231, 171, 60, 1);
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
        margin-bottom: 0.3rem;
        animation: tracking-in-expand-b-vz75abqj6p 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    }

    .carousel-caption p[b-vz75abqj6p] {
        font-size: 1.5rem;
        font-weight: 300;
        color: black;
        margin-bottom: 0.5rem;
        max-width: 400px;
        word-wrap: break-word;
    }

.off-card[b-vz75abqj6p] {
    height: 140px;
    width: 140px;
    padding-top: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 140px;
    position: absolute;
    left: 20%;
    top: 65px;
    background-color: rgba(231, 171, 60, 0.7);
    z-index: 9000;
    animation: bounce-in-top-b-vz75abqj6p 1.5s forwards, heartbeat-b-vz75abqj6p 2s ease-in-out infinite;
    animation-delay: 0s, 3s;
}

    .off-card[b-vz75abqj6p]:after {
        position: absolute;
        left: 5px;
        top: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border: 3px dashed #ffffff;
        content: "";
        border-radius: 50%;
        z-index: -1;
        animation: spinner-b-vz75abqj6p 20s infinite linear;
    }

    .off-card h2[b-vz75abqj6p] {
        font-size: 32px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
    }

        .off-card h2 span[b-vz75abqj6p] {
            display: block;
            font-size: 48px;
            font-weight: 700;
            color: #ffffff;
            text-transform: uppercase;
            margin-top: -10px;
        }



@keyframes tracking-in-expand-b-vz75abqj6p {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bounce-in-top-b-vz75abqj6p {
    0% {
        transform: translateY(-500px) rotate(-10deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateY(-65px) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateY(-28px) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateY(-8px) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat-b-vz75abqj6p {
    from {
        transform: scale(1) rotate(-10deg);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98) rotate(-10deg);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1) rotate(-10deg);
        animation-timing-function: ease-out;
    }
}

@keyframes spinner-b-vz75abqj6p {
    100% {
        transform: rotate(1turn);
    }
}
/* _content/Bolta/Components/Footer/_FooterComponent.razor.rz.scp.css */
.footer[b-zoi5s0og1v], footer[b-zoi5s0og1v] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10em;
    width: 100%;
    background-color: rgba(22, 22, 22, 0.3);
}

.container[b-zoi5s0og1v] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
}

.footer-body[b-zoi5s0og1v] {
    text-align: center;
    max-width: 700px;
}

    .footer-body h3[b-zoi5s0og1v] {
        color: whitesmoke;
    }

    .footer-body h7[b-zoi5s0og1v] {
        color: gray;
    }

a[b-zoi5s0og1v] {
    margin-left: 0.3rem;
    color: whitesmoke;
    text-decoration: none;
}
/* _content/Bolta/Components/Home/_DealComponent.razor.rz.scp.css */
.container[b-u2e971itoo] {
    padding: 0;
}

.row[b-u2e971itoo] {
    margin-top: 20px;
    margin-bottom: 20px;
    /*padding: 1rem;*/
}

/*---------------------
  Deal Of The Week
-----------------------*/
.deal-of-week[b-u2e971itoo] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
}

/*.deal-of-week-body {
    margin-top: 1rem;
    margin-bottom: 3rem;
    text-align: center;
}*/

.deal-of-week-body[b-u2e971itoo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* Ključno! */
    height: 100%; /* ili reci 300px/100vh ako znaš visinu */
    /*padding: 1rem;*/
    box-sizing: border-box;
    text-align: center;
}

    .deal-of-week-body h2[b-u2e971itoo] {
        /*color: rgba(0, 0, 0, 0.7);*/
        color: #e7ab3c;
        text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.5);
        font-size: 36px;
        font-weight: 900;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        position: relative;
    }

        .deal-of-week-body h2[b-u2e971itoo]:before {
            position: absolute;
            left: -5px;
            right: 0;
            bottom: -5px;
            width: 330px;
            height: 2px;
            background: #e7ab3c;
            content: "";
            margin: 0 auto;
        }

    .deal-of-week-body p[b-u2e971itoo] {
        color: lightgray;
    }

.deal-price[b-u2e971itoo] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .deal-price span[b-u2e971itoo] {
        font-size: 16px;
        font-weight: 400;
        color: lightgray;
        text-decoration: line-through;
    }

    .deal-price h3[b-u2e971itoo] {
        font-size: 36px;
        font-weight: 700;
        color: #e7ab3c;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);
    }

/*---------------------
  CountDown Timer
-----------------------*/
.countdown-timer[b-u2e971itoo] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-left: 0.5rem;
    min-width: 400px;
}

    .countdown-timer .cd-item[b-u2e971itoo] {
        display: inline-block;
        background: rgba(0, 0, 0, 0.2);
        margin-right: 15px;
        padding: 10px 14px;
        /*border-radius: 5px;*/
        border-radius: 40px 10px;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

        .countdown-timer .cd-item span[b-u2e971itoo] {
            color: #e7ab3c;
            font-weight: 700;
            line-height: 40px;
            font-size: 36px;
        }

        .countdown-timer .cd-item p[b-u2e971itoo] {
            font-size: 16px;
            color: #b2b2b2;
            margin-bottom: 0;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            width: 50px;
        }


/*---------------------
  Card Product
-----------------------*/
.item-box[b-u2e971itoo] {
    margin-top: 2rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
    position: relative; /* važno za kontrolisanje stackinga */
    overflow: hidden; /* sprečava "prelivanje" animacije */
    width: 390px;
    height: 400px;
    /*background-color: rgba(var(--bs-black-rgb), 0.2);*/
}

.info-bg[b-u2e971itoo] {
    margin-right: auto !important;
    margin-left: auto !important;
    position: absolute;
    right: 5px;
    width: 300px;
    height: 330px;
    border-radius: 25% 75% 30% 70% / 27% 28% 72% 73%;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px rgba(0, 0, 0, 0.5);
}

/*.item-bg {
    position: absolute;
    top: 85px;
    left: -85px;
    width: 245px;
    background-color: transparent;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}*/

.item-img[b-u2e971itoo] {
    position: absolute;
    top: 75px;
    left: -83px;
    width: 225px;
    filter: saturate(150%) contrast(120%) hue-rotate(10deg) drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
}

    .item-img:hover[b-u2e971itoo] {
        animation: heartbeat-b-u2e971itoo 1.5s ease-in-out infinite both;
    }



/* ----- Product Section ----- */
.info[b-u2e971itoo] {
    padding: 1em 1em 1em 1.5em;
    max-width: 400px;
}

.title a[b-u2e971itoo] {
    text-decoration: none !important;
}

.title h1[b-u2e971itoo] {
    padding-left: 0.2rem;
    color: var(--bg-card-text);
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);
    font-size: 1.7em;
    font-weight: 700;
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title span[b-u2e971itoo] {
    padding-left: 0.4rem;
    font-size: 0.7em;
    text-transform: uppercase !important;
    letter-spacing: 1.2px;
    color: lightgray;
}

.price[b-u2e971itoo] {
    padding-left: 7em;
    color: var(--bg-card-text);
    font-size: 1.2em;
}

    .price span[b-u2e971itoo] {
        padding-left: 0.1em;
        font-size: 36px;
        font-weight: 700;
        color: #e7ab3c;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    }

.description[b-u2e971itoo] {
    padding-left: 8em;
    clear: left;
    margin: 1em 0;
}

    .description h3[b-u2e971itoo] {
        font-size: 0.7em;
        letter-spacing: 1.2px;
        color: lightgray;
        margin-bottom: 0.5em;
    }

    .description span[b-u2e971itoo] {
        font-size: 0.8em;
        color: #a6a6a6;
    }

.info button[b-u2e971itoo] {
    margin-top: 4em;
    margin-left: 10em;
    padding: 7px 12px;
    font-weight: 500;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    .info button:active[b-u2e971itoo] {
        transform: scale(0.95);
    }


@keyframes heartbeat-b-u2e971itoo {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
/* _content/Bolta/Components/Home/_HeroComponent.razor.rz.scp.css */
.carousel-caption p[b-rkly8kwz7o] {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0.5rem;
}

.carousel-caption h2[b-rkly8kwz7o] {
    font-size: 3rem;
    font-weight: 300;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    margin-bottom: 0.3rem;
    animation: tracking-in-expand-b-rkly8kwz7o 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}



.off-card[b-rkly8kwz7o] {
    height: 140px;
    width: 140px;
    padding-top: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 140px;
    position: absolute;
    left: 20%;
    top: 65px;
    background-color: rgba(231, 171, 60, 0.7);
    z-index: 9000;
    animation: bounce-in-top-b-rkly8kwz7o 1.5s forwards, heartbeat-b-rkly8kwz7o 2s ease-in-out infinite;
    animation-delay: 0s, 3s;
}

    .off-card[b-rkly8kwz7o]:after {
        position: absolute;
        left: 5px;
        top: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border: 3px dashed #ffffff;
        content: "";
        border-radius: 50%;
        z-index: -1;
        animation: spinner-b-rkly8kwz7o 20s infinite linear;
    }

    .off-card h2[b-rkly8kwz7o] {
        font-size: 32px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
    }

        .off-card h2 span[b-rkly8kwz7o] {
            display: block;
            font-size: 48px;
            font-weight: 700;
            color: #ffffff;
            text-transform: uppercase;
            margin-top: -10px;
        }



@keyframes tracking-in-expand-b-rkly8kwz7o {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bounce-in-top-b-rkly8kwz7o {
    0% {
        transform: translateY(-500px) rotate(-10deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateY(-65px) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateY(-28px) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateY(-8px) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateY(0) rotate(-10deg);
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat-b-rkly8kwz7o {
    from {
        transform: scale(1) rotate(-10deg);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98) rotate(-10deg);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87) rotate(-10deg);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1) rotate(-10deg);
        animation-timing-function: ease-out;
    }
}

@keyframes spinner-b-rkly8kwz7o {
    100% {
        transform: rotate(1turn);
    }
}
/* _content/Bolta/Components/Layout/BolteLayout.razor.rz.scp.css */
.bg-0[b-a5mhilq3na] {
    background-image: url('/img/bolte/bg/bg00.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    min-height: 100vh;
}





.bg-1[b-a5mhilq3na] {
    background-image: url('/img/bolte/bg/bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    filter: saturate(120%) contrast(120%) hue-rotate(10deg) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.5));
    /*width: 100%;*/

}
/* _content/Bolta/Components/Layout/NavBar.razor.rz.scp.css */
/*---------------------
  START navbar
-----------------------*/
.navbar[b-pcdy0em35n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    z-index: var(--z-navbar);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    /*background-color: var(--bg-navbar);*/

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    filter: saturate(110%) contrast(110%) brightness(95%);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
}

    .navbar a[b-pcdy0em35n] {
        text-decoration: none !important;
        color: white;
    }

.logo[b-pcdy0em35n] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0;
}

    .logo img[b-pcdy0em35n] {
        object-fit: contain;
        max-height: 2rem;
        padding-right: 0.5rem;
    }




/*.navbarmenu {
    text-decoration: none;
    color: grey;
    transition: all 0.8s ease;
}

    .navbarmenu:hover {
        color: whitesmoke;
        text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        transform: scale(1.1);
    }

    .navbarmenu.active {
        color: white !important;
        font-weight: bold;
        transform: scale(1.1);*/
/*text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);*/
/*}

    .navbarmenu i {
        display: inline-block;
        transition: transform 0.8s ease;
    }

    .navbarmenu:hover i {
        color: whitesmoke;
        text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
        transform: scale(1.2) rotate(-5deg);
    }

    .navbarmenu.active i {
        color: white !important;
        transform: scale(1.2);
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
    }*/

/*---------------------
  Dropdown Menu
-----------------------*/
.dropdown-menu[b-pcdy0em35n] {
    top: 50px !important; /* Pomiče dropdown 50px ispod dugmeta */
    z-index: 1050; /* Viši z-index za prikaz iznad navbara */
    position: absolute; /* Osiguraj da se pozicija dropdowna prilagodi */
    border: 0.5px dashed gray;
}

.dropdown-item[b-pcdy0em35n] {
    color: grey; /* Inicijalna boja teksta */
    transition: color 0.3s ease; /* Animacija promjene boje */
}

    .dropdown-item:hover[b-pcdy0em35n] {
        color: whitesmoke; /* Boja teksta na hover */
        background-color: transparent; /* Bez promjene pozadine */
    }

/*---------------------
  Logout
-----------------------*/
.logout-button[b-pcdy0em35n] {
    color: grey; /* Inicijalna boja teksta */
    background-color: transparent; /* Bez pozadinske boje */
    border: none; /* Bez okvira */
    transition: color 0.3s ease; /* Animacija promene boje */
}

    .logout-button:hover[b-pcdy0em35n] {
        color: whitesmoke; /* Boja teksta na hover */
    }




.navbar-login[b-pcdy0em35n] {
    padding: 0;
    padding-right: 10px;
    font-size: 0.75rem;
    color: gray !important;
    text-decoration: none;
    background: none;
    border: 0;
}

    .navbar-login:hover[b-pcdy0em35n] {
        color: whitesmoke !important;
        transition: color 0.3s ease;
    }


/*---------------------
  ShoppingCart Icon
-----------------------*/
.icon-add-number[b-pcdy0em35n] {
    position: absolute !important;
    top: -2px !important;
    left: 100% !important;
    transform: translate(-20%, -50%) !important;
    font-size: 0.6rem;
    font-weight: bold;
    color: #e7ab3c;
    /*width: 0.8rem;*/ /* Širina kruga */
    /*height: 0.8rem;*/ /* Visina kruga */
    /*border-radius: 50%;
    background-color: whitesmoke;*/
}
/* _content/Bolta/Components/Layout/Sidebar.razor.rz.scp.css */
.auto-hiding-nav-menu[b-fix7jb1owy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    transition: max-width 0.3s ease;
    /*background-image: linear-gradient(-10deg, rgb(30, 58, 92) 5%, rgb(10, 10, 10) 95%);*/
    /*background-color: rgba(30, 40, 60, 0.98) !important;*/
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    /*color: white;*/
    padding: 0.5rem;
    border-radius: 5px;
    margin: 5px;
    z-index: 3000;
    /*overflow: hidden;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.collapsed[b-fix7jb1owy] {
    width: 22px;
}

.nav-item[b-fix7jb1owy] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nav-item-icon[b-fix7jb1owy] {
    color: darkgrey;
    font-size: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform-origin: left center;
    margin-bottom: 5px;
}

.nav-item-text[b-fix7jb1owy] {
    visibility: hidden;
    position: absolute;
    margin-left: 0.7rem;
    font-size: 12px;
    margin-top: 5px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform-origin: left center;
}

.expand[b-fix7jb1owy] {
    padding: 0 0.7rem;
    width: 160px;
}

    .expand .nav-item-text[b-fix7jb1owy] {
        visibility: visible;
        opacity: 0.5;
    }


/*.nav-link > * {
    align-self: flex-start;
}*/

.nav-link[b-fix7jb1owy] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

    .nav-link:hover .nav-item-icon[b-fix7jb1owy] {
        color: white;
        transform: scale(1.3);
    }

    .nav-link:hover .nav-item-text[b-fix7jb1owy] {
        color: white;
        opacity: 1;
        transform: scale(1.3);
    }

    .nav-link.active .nav-item-icon[b-fix7jb1owy] {
        color: white;
        transform: scale(1.3);
    }

    .nav-link.active .nav-item-text[b-fix7jb1owy] {
        color: white;
        opacity: 1;
        transform: scale(1.3);
    }

hr[b-fix7jb1owy] {
    color: rgba(255, 255, 255, 1) !important;
}
/* _content/Bolta/Components/Layout/TopBar.razor.rz.scp.css */
.topbar[b-gekf1z4ot8] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
}

    .topbar h7[b-gekf1z4ot8] {
        color: var(--bs-secondary-text-emphasis) !important;
    }
/* _content/Bolta/Components/Products/Product.razor.rz.scp.css */
.product-gallery[b-e8vfibs8jx] {
    margin-top: -50px;
    position: relative;
}

.carousel-control-prev i[b-e8vfibs8jx], .carousel-control-next i[b-e8vfibs8jx] {
    text-shadow: 2px 2px 4px rgba(var(--bs-black-rgb), 0.95);
}

.product-details-wrapper[b-e8vfibs8jx] {
    margin-top: -40px;
    color: whitesmoke;
}

.product-details[b-e8vfibs8jx] {
    margin-top: 1.5rem;
    padding: 1rem;
    position: relative;
    border-radius: var(--bs-border-radius);
    background-color: rgba(var(--bs-black-rgb), 0.2);
    box-shadow: 2px 2px 4px rgba(var(--bs-black-rgb), 0.5);
}

    .product-details h7[b-e8vfibs8jx] {
        text-transform: uppercase;
    }

    .product-details h6 span[b-e8vfibs8jx] {
        color: rgba(var(--bs-white-rgb), 0.5);
    }

    .product-details .sale-ends[b-e8vfibs8jx] {
        color: rgba(var(--bs-danger-rgb), 0.8);
    }

.product-details-authors[b-e8vfibs8jx] {
    color: rgba(var(--bs-white-rgb), 0.5);
}




.tab-menu[b-e8vfibs8jx] {
    margin-top: 1rem;
}

.nav[b-e8vfibs8jx] {
    justify-content: center !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-white) !important;
    gap: 1.5rem !important;
}
/* _content/Bolta/Components/Settings/Settings.razor.rz.scp.css */
.open-settings[b-33ybr9jm12] {
    color: white;
    position: fixed;
    top: 80px;
    right: 10px;
    z-index: 1150;
    transition: right 0.3s ease-in-out;
}

    .open-settings:hover[b-33ybr9jm12] {
        animation: spinner-b-33ybr9jm12 2s infinite linear;
    }

.svg-icon[b-33ybr9jm12] {
    width: 30px;
    height: 30px;
    filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.8));
    transition: transform 0.3s ease-in-out;
    transform-origin: center;
}

body:has(.offcanvas.show) .open-settings[b-33ybr9jm12] {
    right: 265px;
}

.offcanvas[b-33ybr9jm12] {
    width: 250px;
    z-index: 1150;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    transition: transform 0.3s ease-in-out;
}

.offcanvas-header[b-33ybr9jm12] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1.5px solid white;
    /*background-color: rgba(0, 0, 0, 0.2);*/
}

.offcanvas-title[b-33ybr9jm12] {
    color: whitesmoke;
}

.offcanvas-body p[b-33ybr9jm12] {
    text-align: start;
    margin-left: 0.5rem;
}

.content .icon-title[b-33ybr9jm12] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-bottom: 1rem;
    gap: 1rem;
}

.content i[b-33ybr9jm12] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid whitesmoke;
    box-shadow: 1px 1px 1px rgba(var(--bs-black-rgb), 0.4);
}

.items[b-33ybr9jm12] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: var(--bs-border-radius);
    /*background-color: rgba(0, 0, 0, 0.2);*/
}

    .items a[b-33ybr9jm12] {
        position: relative;
    }

a img[b-33ybr9jm12] {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 4rem;
    border-radius: var(--bs-border-radius);
    box-shadow: 2px 2px 2px rgba(var(--bs-black-rgb), 0.4);
}

.item[b-33ybr9jm12] {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.icon[b-33ybr9jm12] {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 1.5rem;
    font-size: 2.5em;
}





@keyframes spinner-b-33ybr9jm12 {
    100% {
        transform: rotate(1turn);
    }
}
/* _content/Bolta/Components/Shared/Progress.razor.rz.scp.css */
.modal-content[b-2vtcp4ahuu] {
    border: none;
    background-color: transparent !important;
}




.center[b-2vtcp4ahuu] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}

.loader[b-2vtcp4ahuu] {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50%;
    border-top: 5px solid #e74c3c;
    position: relative;
    animation: load-b-2vtcp4ahuu 2s linear infinite;
}

.loader[b-2vtcp4ahuu]::before, .loader[b-2vtcp4ahuu]::after {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-radius: 50%;
}

.loader[b-2vtcp4ahuu]::before {
    border-top: 5px solid #e67e22;
    transform: rotate(120deg);
}

.loader[b-2vtcp4ahuu]::after {
    border-top: 5px solid #3498db;
    transform: rotate(240deg);
}

.loader span[b-2vtcp4ahuu] {
    position: absolute;
    font-size: small;
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    animation: a2-b-2vtcp4ahuu 2s linear infinite;
}

@keyframes load-b-2vtcp4ahuu {
    to {
        transform: rotate(360deg);
    }
}

@keyframes a2-b-2vtcp4ahuu {
    to {
        transform: rotate(-360deg);
    }
}
/* _content/Bolta/Components/Shared/Toast.razor.rz.scp.css */
.toast[b-l143b04a93] {
    margin-top: 1.5rem !important;
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: none;
    background-color: transparent !important;
    z-index: var(--z-toast);
}

.toast-body[b-l143b04a93] {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 3em;
    border: none;
    border-radius: 2rem;
    background-color: whitesmoke !important;
}

    .toast-body i[b-l143b04a93] {
        margin-left: 0.5rem !important;
        margin-right: 1rem !important;
        font-size: calc(1.275rem + 0.3vw) !important;
    }
/* _content/Bolta/Components/Shared/_Header.razor.rz.scp.css */
.bg-header[b-yge984jnm0] {
    margin-top: -20px;
    height: 170px;
    /*overflow: hidden;*/
    background-color: rgba(var(--bs-black-rgb), 0.2);
}

.page-header[b-yge984jnm0] {
    margin-top: -85px;
    display: flex !important;
    justify-content: space-between;
    align-items: center !important;
}

    .page-header h4[b-yge984jnm0] {
        color: whitesmoke;
    }
/* _content/Bolta/Components/Shared/_LoadingComponent.razor.rz.scp.css */
.center[b-v4gzxwsa86] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}

.loader[b-v4gzxwsa86] {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50%;
    border-top: 5px solid #e74c3c;
    position: relative;
    animation: load-b-v4gzxwsa86 2s linear infinite;
}

    .loader[b-v4gzxwsa86]::before, .loader[b-v4gzxwsa86]::after {
        content: '';
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
        box-sizing: border-box;
        border-radius: 50%;
    }

    .loader[b-v4gzxwsa86]::before {
        border-top: 5px solid #e67e22;
        transform: rotate(120deg);
    }

    .loader[b-v4gzxwsa86]::after {
        border-top: 5px solid #3498db;
        transform: rotate(240deg);
    }

    .loader span[b-v4gzxwsa86] {
        position: absolute;
        font-size: small;
        width: 100px;
        height: 100px;
        color: #fff;
        text-align: center;
        line-height: 100px;
        animation: a2-b-v4gzxwsa86 2s linear infinite;
    }

@keyframes load-b-v4gzxwsa86 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes a2-b-v4gzxwsa86 {
    to {
        transform: rotate(-360deg);
    }
}
/* _content/Bolta/Components/Shared/_ProgressComponent.razor.rz.scp.css */
.modal-content[b-wdyyyb7804] {
    border: none;
    background-color: transparent !important;
}




.center[b-wdyyyb7804] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}

.loader[b-wdyyyb7804] {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50%;
    border-top: 5px solid #e74c3c;
    position: relative;
    animation: load-b-wdyyyb7804 2s linear infinite;
}

.loader[b-wdyyyb7804]::before, .loader[b-wdyyyb7804]::after {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-radius: 50%;
}

.loader[b-wdyyyb7804]::before {
    border-top: 5px solid #e67e22;
    transform: rotate(120deg);
}

.loader[b-wdyyyb7804]::after {
    border-top: 5px solid #3498db;
    transform: rotate(240deg);
}

.loader span[b-wdyyyb7804] {
    position: absolute;
    font-size: small;
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    animation: a2-b-wdyyyb7804 2s linear infinite;
}

@keyframes load-b-wdyyyb7804 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes a2-b-wdyyyb7804 {
    to {
        transform: rotate(-360deg);
    }
}
/* _content/Bolta/Components/Shared/_SimpleToastComponent.razor.rz.scp.css */
.toast[b-gh6p36e9vd] {
    margin-top: 1rem !important;
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: none;
    background-color: transparent !important;
}

.toast-body[b-gh6p36e9vd] {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 3em;
    border: none;
    border-radius: 2rem;
    background-color: whitesmoke !important;
}

    .toast-body i[b-gh6p36e9vd] {
        margin-left: 0.5rem !important;
        margin-right: 1rem !important;
        font-size: calc(1.275rem + 0.3vw) !important;
    }
/* _content/Bolta/Components/ShoppingCart/ShoppingCart.razor.rz.scp.css */
.wrapper[b-cyuuqjl40k] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    gap: 1rem;
}

.shopping-cart[b-cyuuqjl40k] {
    /*margin-top: 5em;*/
    padding: 0 !important;
    flex: 1;
    /*flex: 0 0 auto;
    width: 66.66666667%;*/
}




/*---------------------
  ShoppingCart Stepper
-----------------------*/
.stepper[b-cyuuqjl40k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.3rem;
    border-radius: 0.5rem;
    background-color: rgba(var(--bs-black-rgb), 0.2);
}

.stepper-item[b-cyuuqjl40k] {
    /*display: flex;
    justify-content: center;
    align-items: start;*/
    flex: 1;
    text-align: center;
    color: whitesmoke;
    position: relative;
    /*background-color: rgba(var(--bs-black-rgb), 0.2);*/
}

.stepper-circle[b-cyuuqjl40k] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.stepper-title[b-cyuuqjl40k] {
    color: gray;
    margin: 5px;
}

    .stepper-title.active[b-cyuuqjl40k] {
        color: white;
    }

.stepper-item.active .stepper-circle[b-cyuuqjl40k] {
    background: darkslateblue;
    color: white;
}
/* _content/Bolta/Components/ShoppingCart/_OrderSummary.razor.rz.scp.css */
.free-shipping[b-2xwi1pnk2m] {
    margin-top: 2rem;
    text-align: center;
    color: whitesmoke;
}


.wrapper[b-2xwi1pnk2m] {
    margin-top: 1.5rem !important;
    padding: 0;
    border-radius: var(--bs-border-radius) !important;
    background-color: rgba(var(--bs-black-rgb), 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.order-summary[b-2xwi1pnk2m] {
    /*margin-top: 1.5rem !important;
    position: relative !important;
    border-radius: var(--bs-border-radius) !important;
    background-color: rgba(var(--bs-black-rgb), 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
}

    .order-summary h4[b-2xwi1pnk2m] {
        padding-top: 1rem;
        text-align: center;
        color: whitesmoke;
    }

.order-billing-details[b-2xwi1pnk2m] {
    padding-left: 2rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    color: whitesmoke;
}

.coupon-code[b-2xwi1pnk2m] {
    margin-top: 1rem;
}
/* _content/Bolta/Components/ShoppingCart/_Step5.razor.rz.scp.css */
.card-body a[b-napmuk2k05] {
    text-decoration: none !important;
    color: white;
}

.card-body h7[b-napmuk2k05] {
    color: white;
}

.logo[b-napmuk2k05] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 1rem;
    margin-left: 1rem;
    padding: 0;
}

    .logo img[b-napmuk2k05] {
        object-fit: contain;
        max-height: 2rem;
        padding-right: 0.5rem;
    }

.logo-headline[b-napmuk2k05] {
    margin-left: 3.5rem;
}

.footer[b-napmuk2k05] {
    margin: 1rem;
}
/* _content/Bolta/Components/Test/User/Login.razor.rz.scp.css */
.login[b-3rw92u9pmv] {
    min-height: 100vh;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    border-radius: 4px;
}

    .login .login-container[b-3rw92u9pmv] {
        max-width: 400px;
        padding: 40px;
        position: relative;
        flex: 1;
        border-radius: 10px;
        background-color: rgba(0,0,0,0.20);
    }

    .login .login-header[b-3rw92u9pmv] {
        margin-bottom: 20px;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

.logo[b-3rw92u9pmv] {
    display: flex;
    justify-content: start;
    align-items: baseline;
}

    .logo img[b-3rw92u9pmv] {
        width: 35px;
        margin-right: 10px;
    }

    .logo h3[b-3rw92u9pmv] {
        letter-spacing: 1.2px;
    }

.icon[b-3rw92u9pmv] {
    font-size: 36px;
}

.login-content[b-3rw92u9pmv] {
    padding: 0 10px;
}


@media (max-width:767.98px) {
    .login .login-header .brand[b-3rw92u9pmv] {
        font-size: 24px;
        color: #fff
    }
}
/* _content/Bolta/Components/Test/_CardProduct.razor.rz.scp.css */
*[b-yrtqapfzpb] {
    /*box-sizing: border-box;*/
}

html[b-yrtqapfzpb],
body[b-yrtqapfzpb] {
    /*height: 50%;*/
}

body[b-yrtqapfzpb] {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-template-rows: 1fr;
    font-family: "Raleway", sans-serif;
    /*background-color: #01e37f;*/
}

h3[b-yrtqapfzpb] {
    font-size: 0.7em;
    letter-spacing: 1.2px;
    color: #a6a6a6;
}

img[b-yrtqapfzpb] {
    max-width: 100%;
    filter: drop-shadow(1px 1px 3px #a6a6a6);
}

/* ----- Product Section ----- */
.product[b-yrtqapfzpb] {
    display: grid;
    grid-template-columns: 0.9fr 1fr;
    margin: auto;
    padding: 2.5em 0.5em;
    width: 600px;
    /*min-width: 600px;*/
    background-color: whitesmoke;
    border-radius: 6px;
}

/* ----- Photo Section ----- */
.product__photo[b-yrtqapfzpb] {
    position: relative;
}

.photo-container[b-yrtqapfzpb] {
    position: absolute;
    left: -6em;
    display: grid;
    grid-template-rows: 1fr;
    width: 100%;
    height: 100%;
    /*border-radius: 5px;*/
    /*box-shadow: 4px 4px 25px -2px rgba(0, 0, 0, 0.3);*/
}

.photo-main[b-yrtqapfzpb] {
    /*border-radius: 6px 6px 0 0;*/
    /*background-color: #9be010;*/
    /*background: radial-gradient(#e5f89e, #96e001);*/
    background-size: cover;
    background-position: center;
    width: 330px;
    height: 430px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}

    .photo-main .controls[b-yrtqapfzpb] {
        display: flex;
        justify-content: space-between;
        padding: 0.8em;
        color: #fff;
    }

        .photo-main .controls i[b-yrtqapfzpb] {
            cursor: pointer;
        }

    .photo-main img[b-yrtqapfzpb] {
        position: absolute;
        left: -6em;
        top: 1.5em;
        max-width: 140%;
        filter: saturate(150%) contrast(120%) hue-rotate(10deg) drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.9));
        animation: bounce-in-left-b-yrtqapfzpb 1.1s linear both;
    }

        .photo-main img:hover[b-yrtqapfzpb] {
            animation: heartbeat-b-yrtqapfzpb 1.5s ease-in-out infinite both;
        }

.photo-album[b-yrtqapfzpb] {
    padding: 1em;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}

    .photo-album ul[b-yrtqapfzpb] {
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        padding: 0;
        margin: 0;
    }

    .photo-album li[b-yrtqapfzpb] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 85px;
        /*padding: 3px;
        border: 1px solid #a6a6a6;*/
        /*border-radius: 2px;*/
        flex: 1; /* Obezbeđuje da svi <li> budu iste veličine i ravnomerno raspoređeni */
    }

/* ----- Informations Section ----- */
.product__info[b-yrtqapfzpb] {
    padding: 0.8em 0;
}

.title h1[b-yrtqapfzpb] {
    margin-bottom: 0.1em;
    color: #4c4c4c;
    font-size: 2em;
    font-weight: 900;
}

.title span[b-yrtqapfzpb] {
    font-size: 0.7em;
    color: #a6a6a6;
}

.price[b-yrtqapfzpb] {
    margin: 1.5em 0;
    color: #ff3f40;
    font-size: 1.2em;
}

    .price span[b-yrtqapfzpb] {
        padding-left: 0.15em;
        font-size: 2.9em;
    }

.description[b-yrtqapfzpb] {
    clear: left;
    margin: 2em 0;
}

    .description h3[b-yrtqapfzpb] {
        margin-bottom: 1em;
    }

    .description ul[b-yrtqapfzpb] {
        font-size: 0.8em;
        list-style: disc;
        margin-left: 1em;
    }

    .description li[b-yrtqapfzpb] {
        text-indent: -0.6em;
        margin-bottom: 0.5em;
    }

.buy--btn[b-yrtqapfzpb] {
    padding: 1.5em 3.1em;
    border: none;
    border-radius: 7px;
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: 1.3px;
    color: #fff;
    background-color: #ff3f40;
    box-shadow: 2px 2px 25px -7px #4c4c4c;
    cursor: pointer;
}

    .buy--btn:active[b-yrtqapfzpb] {
        transform: scale(0.97);
    }



.bounce-in-left[b-yrtqapfzpb] {
    animation: bounce-in-left-b-yrtqapfzpb 1.1s linear both;
    /*  animation: heartbeat 1.5s ease-in-out 10s infinite both;
    animation: bounce-in-left 1.1s linear both, heartbeat 1.5s ease-in-out infinite;
    animation-delay: 0s, 10s;*/
}

@keyframes bounce-in-left-b-yrtqapfzpb {
    0% {
        transform: translateX(-600px);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateX(-68px);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateX(-28px);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateX(-8px);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat-b-yrtqapfzpb {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
/* _content/Bolta/Components/Test/_CardProduct1.razor.rz.scp.css */


img[b-tj5g6esxlb] {
    width: 100%;
    /*filter: drop-shadow(1px 1px 3px #a6a6a6);*/
}


.card-box[b-tj5g6esxlb] {
    position: relative; /* važno za kontrolisanje stackinga */
    overflow: hidden; /* sprečava "prelivanje" animacije */
    width: 400px;
    height: 400px;
    /*background-color: rgba(var(--bs-black-rgb), 0.2);*/
}

.card-bg[b-tj5g6esxlb] {
    position: absolute;
    right: 5px;
    width: 300px;
    height: 331px;
    border-radius: 6px;
    background-color: whitesmoke;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.card[b-tj5g6esxlb] {
    position: absolute;
    top: 80px;
    left: -70px;
    height: 310px;
    width: 200px;
    background-color: transparent;
    /*border: 1px solid black;*/
    border-radius: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.card-img-top[b-tj5g6esxlb] {
    width: 200px;
    height: 250px;
    border-radius: 0;
}

.card-body[b-tj5g6esxlb] {
    position: absolute;
    top: -10px;
    left: -55px;
    width: 270px;
    height: 270px;
    filter: saturate(150%) contrast(120%) hue-rotate(10deg) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}

    .card-body:hover[b-tj5g6esxlb] {
        animation: heartbeat-b-tj5g6esxlb 1.5s ease-in-out infinite both;
    }

.card-footer[b-tj5g6esxlb] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5.5em;
    gap: 15px;
    border-radius: 0;
    background-color: aliceblue;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

    .card-footer img[b-tj5g6esxlb] {
        width: 45px;
        height: 45px;
        border-radius: 2px;
        border: 1px solid whitesmoke;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }



/* ----- Product Section ----- */
.product-info[b-tj5g6esxlb] {
    padding: 1em 1em 1em 1.5em;
    max-width: 400px;
}

.title h1[b-tj5g6esxlb] {
    margin-bottom: 0.1em;
    color: #4c4c4c;
    font-size: 1.5em;
    font-weight: 500;
}

.title hr[b-tj5g6esxlb] {
    margin: 0;
    margin-top: 0.2rem;
}

.title span[b-tj5g6esxlb] {
    font-size: 0.7em;
    color: #a6a6a6;
}

.price[b-tj5g6esxlb] {
    padding-left: 7em;
    color: darkred;
    font-size: 1.2em;
}

    .price span[b-tj5g6esxlb] {
        padding-left: 0.1em;
        font-size: 2em;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

.description[b-tj5g6esxlb] {
    padding-left: 8em;
    clear: left;
    margin: 2em 0;
}

    .description h3[b-tj5g6esxlb] {
        font-size: 0.7em;
        letter-spacing: 1.2px;
        color: #a6a6a6;
        margin-bottom: 0.5em;
    }

    .description span[b-tj5g6esxlb] {
        font-size: 0.8em;
        color: #a6a6a6;
    }
    
.product-info button[b-tj5g6esxlb] {
    margin-top: 4.2em;
    margin-left: 9em;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    .product-info button:active[b-tj5g6esxlb] {
        transform: scale(0.95);
    }


@keyframes heartbeat-b-tj5g6esxlb {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
/* _content/Bolta/Components/Test/_CardProduct2.razor.rz.scp.css */
img[b-ywd859wlgt] {
    width: 100%;
    /*filter: drop-shadow(1px 1px 3px #a6a6a6);*/
}


.card-box[b-ywd859wlgt] {
    position: relative; /* važno za kontrolisanje stackinga */
    overflow: hidden; /* sprečava "prelivanje" animacije */
    width: 400px;
    height: 400px;
    /*background-color: rgba(var(--bs-black-rgb), 0.2);*/
}

.card-bg[b-ywd859wlgt] {
    position: absolute;
    right: 5px;
    width: 300px;
    height: 331px;
    border-radius: 16px;
    background-color: whitesmoke;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.card[b-ywd859wlgt] {
    position: absolute;
    top: 80px;
    left: -70px;
    height: 310px;
    width: 200px;
    background-color: transparent;
    /*border: 1px solid black;*/
    border-radius: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.card-img-top[b-ywd859wlgt] {
    width: 200px;
    height: 250px;
    border-radius: 0;
}

.card-body[b-ywd859wlgt] {
    position: absolute;
    top: -35px;
    left: -85px;
    width: 325px;
    filter: saturate(150%) contrast(120%) hue-rotate(10deg) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
    
}

    .card-body:hover[b-ywd859wlgt] {
        animation: heartbeat-b-ywd859wlgt 1.5s ease-in-out infinite both;
    }

.card-footer[b-ywd859wlgt] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5.5em;
    gap: 15px;
    border-radius: 0;
    background-color: aliceblue;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

    .card-footer img[b-ywd859wlgt] {
        width: 45px;
        height: 45px;
        border-radius: 2px;
        border: 1px solid whitesmoke;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }



/* ----- Product Section ----- */
.product-info[b-ywd859wlgt] {
    padding: 1em 1em 1em 1.5em;
    max-width: 400px;
}

.title h1[b-ywd859wlgt] {
    margin-bottom: 0.1em;
    color: var(--bg-card-text);
    font-size: 1.5em;
    font-weight: 700;
}

.title hr[b-ywd859wlgt] {
    margin: 0;
    margin-top: 0.2rem;
}

.title span[b-ywd859wlgt] {
    font-size: 0.7em;
    color: #a6a6a6;
}

.price[b-ywd859wlgt] {
    padding-left: 7em;
    color: var(--bg-card-text);
    font-size: 1.2em;
}

    .price span[b-ywd859wlgt] {
        padding-left: 0.1em;
        font-size: 2em;
        font-weight: 600;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

.description[b-ywd859wlgt] {
    padding-left: 8em;
    clear: left;
    margin: 2em 0;
}

    .description h3[b-ywd859wlgt] {
        font-size: 0.7em;
        letter-spacing: 1.2px;
        color: #a6a6a6;
        margin-bottom: 0.5em;
    }

    .description span[b-ywd859wlgt] {
        font-size: 0.8em;
        color: #a6a6a6;
    }

.product-info button[b-ywd859wlgt] {
    margin-top: 4.2em;
    margin-left: 9em;
    padding: 7px 12px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    .product-info button:active[b-ywd859wlgt] {
        transform: scale(0.95);
    }


@keyframes heartbeat-b-ywd859wlgt {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
/* _content/Bolta/Components/Test/_CardProduct3.razor.rz.scp.css */
img[b-8yld8dwbnk] {
    width: 100%;
    /*filter: drop-shadow(1px 1px 3px #a6a6a6);*/
}


.card-box[b-8yld8dwbnk] {
    position: relative; /* važno za kontrolisanje stackinga */
    overflow: hidden; /* sprečava "prelivanje" animacije */
    width: 400px;
    height: 400px;
    /*background-color: rgba(var(--bs-black-rgb), 0.2);*/
}

.card-bg[b-8yld8dwbnk] {
    position: absolute;
    right: 5px;
    width: 300px;
    height: 331px;
    border-radius: 16px;
    background-color: whitesmoke;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.card[b-8yld8dwbnk] {
    position: absolute;
    top: 80px;
    left: -70px;
    height: 310px;
    width: 200px;
    background-color: transparent;
    /*border: 1px solid black;*/
    border-radius: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.card-img-top[b-8yld8dwbnk] {
    width: 200px;
    height: 250px;
    border-radius: 0;
}

.card-body[b-8yld8dwbnk] {
    position: absolute;
    top: -35px;
    left: -85px;
    width: 325px;
    filter: saturate(150%) contrast(120%) hue-rotate(10deg) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
    
}

    .card-body:hover[b-8yld8dwbnk] {
        animation: heartbeat-b-8yld8dwbnk 1.5s ease-in-out infinite both;
    }

.card-footer[b-8yld8dwbnk] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5.5em;
    gap: 15px;
    border-radius: 0;
    background-color: aliceblue;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

    .card-footer img[b-8yld8dwbnk] {
        width: 45px;
        height: 45px;
        border-radius: 2px;
        border: 1px solid whitesmoke;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }



/* ----- Product Section ----- */
.product-info[b-8yld8dwbnk] {
    padding: 1em 1em 1em 1.5em;
    max-width: 400px;
}

.title h1[b-8yld8dwbnk] {
    margin-bottom: 0.1em;
    color: var(--bg-card-text);
    font-size: 1.5em;
    font-weight: 700;
}

.title hr[b-8yld8dwbnk] {
    margin: 0;
    margin-top: 0.2rem;
}

.title span[b-8yld8dwbnk] {
    font-size: 0.7em;
    color: #a6a6a6;
}

.price[b-8yld8dwbnk] {
    padding-left: 7em;
    color: var(--bg-card-text);
    font-size: 1.2em;
}

    .price span[b-8yld8dwbnk] {
        padding-left: 0.1em;
        font-size: 2em;
        font-weight: 600;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

.description[b-8yld8dwbnk] {
    padding-left: 8em;
    clear: left;
    margin: 2em 0;
}

    .description h3[b-8yld8dwbnk] {
        font-size: 0.7em;
        letter-spacing: 1.2px;
        color: #a6a6a6;
        margin-bottom: 0.5em;
    }

    .description span[b-8yld8dwbnk] {
        font-size: 0.8em;
        color: #a6a6a6;
    }

.product-info button[b-8yld8dwbnk] {
    margin-top: 4.2em;
    margin-left: 9em;
    padding: 7px 12px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    .product-info button:active[b-8yld8dwbnk] {
        transform: scale(0.95);
    }


@keyframes heartbeat-b-8yld8dwbnk {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
/* _content/Bolta/Components/Test/_CarouselComponent.razor.rz.scp.css */
body[b-49gkbjwesr] {
    background: #aaa;
}

.card[b-49gkbjwesr] {
    overflow: hidden;
    background: #eeaeca;
    background: radial-gradient(circle, #eeaeca 0%, #94bbe9 100%);
}

    .card .card-img[b-49gkbjwesr] {
        height: 20rem;
    }

    .card .card-img-container img[b-49gkbjwesr] {
        object-fit: cover;
        object-position: center;
        max-height: 100%;
        height: 20rem;
    }

    .card .card-img-overlay[b-49gkbjwesr] {
        color: #fff;
        font-weight: bold;
        text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;
    }

/* small and extra-small screens */
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div[b-49gkbjwesr] {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child[b-49gkbjwesr] {
            display: block;
        }

        .carousel-inner .carousel-item > div .card-img-container img[b-49gkbjwesr] {
            max-width: 100%;
        }
}
/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active[b-49gkbjwesr],
    .carousel-inner .carousel-item-next[b-49gkbjwesr] {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active[b-49gkbjwesr],
    .carousel-inner .carousel-item-prev[b-49gkbjwesr] {
        transform: translateX(-25%);
    }

    .carousel-inner .carousel-item.active[b-49gkbjwesr],
    .carousel-inner .carousel-item-next[b-49gkbjwesr],
    .carousel-inner .carousel-item-prev[b-49gkbjwesr] {
        display: flex;
    }

    .carousel-inner .carousel-item-end[b-49gkbjwesr],
    .carousel-inner .carousel-item-start[b-49gkbjwesr] {
        transform: translateX(0);
    }

    .card-img-container[b-49gkbjwesr] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .card-img-container img[b-49gkbjwesr] {
            display: inline-block;
            max-height: 100%;
            margin: 0 -50%;
        }
}
/* _content/Bolta/Components/Test/_HeroSwiperComponent.razor.rz.scp.css */
.box[b-xj7by1ekpn] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
/* _content/Bolta/Components/Test/_PopularProductsSwiperComponent.razor.rz.scp.css */
.swiper[b-po671i44h1] {
    width: 100%; /* Koristi širinu roditeljskog elementa */
    max-width: 2400px; /* Ovo je maksimalna širina carousela */
    height: auto; /* Automatski podešava visinu */
    overflow: hidden; /* Sprječava preklapanje izvan Swiper-a */
    margin: 2rem 2rem; /* Centriraj carousel */
}
/* _content/Bolta/Components/Test/_PopularProductsTest.razor.rz.scp.css */
/* Ograničavamo vidljivi dio na širinu viewporta */
.viewport-container[b-vpgug21ckp] {
    width: 100%;
    max-width: 100vw; /* uvijek unutar širine prozora */
    overflow: hidden; /* skriva eventualni scroll iz parenta */
}

/* Scroll container – ovdje se događa horizontalno scrollanje */
/*.horizontal-scroll-wrapper {*/
    /*width: 100%;
    max-width: 90%;*/
    /*overflow-x: auto;*/ /* horizontalno scrollanje */
    /*display: flex;
    flex-wrap: nowrap;*/ /* svi itemi u jednom redu */
    /*scroll-behavior: smooth;*/
    /*box-sizing: border-box;*/
    /*padding: 2rem 1rem;
}*/

    /* Sakrivanje scroll bara */
    .horizontal-scroll-wrapper[b-vpgug21ckp]::-webkit-scrollbar {
        display: none;
    }

.horizontal-scroll-wrapper[b-vpgug21ckp] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Kartice – fiksna širina, bez rastezanja */
/*.card-item {
    flex: 0 0 auto;*/ /* sprječava rastezanje i prelamanje */
    /*width: 270px;*/ /* fiksna širina, jednaka vrijednosti CardWidth koju postavljaš */
    /*margin-right: 1rem;*/
    /*margin-left: 1rem;*/
    /*box-sizing: border-box;
}*/


.horizontal-scroll-wrapper[b-vpgug21ckp] {
    width: 100%;
    max-width: 100%;
    margin-left: 1rem;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    box-sizing: border-box;
    padding: 1rem 2rem;
    scroll-snap-type: x mandatory; /* Omogućava snapanje po x osi */
    -webkit-overflow-scrolling: touch; /* Poboljšava scroll na touch uređajima */
}

.card-item[b-vpgug21ckp] {
    flex: 0 0 auto;
    width: 250px;
    margin-right: 1rem;
    box-sizing: border-box;
    scroll-snap-align: start; /* Kartica se "zakvači" na početak */
}
/* _content/Bolta/Components/Test/_SplitScreen.razor.rz.scp.css */
*[b-61somsbthn] {
    box-sizing: border-box;
}

body[b-61somsbthn] {
    background-color: #0c0c0c;
    overflow: hidden;
}

#container[b-61somsbthn] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#slides[b-61somsbthn] {
    position: relative;
    width: 100%;
    height: 100%;
}

    #slides .slide[b-61somsbthn] {
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
    }

        #slides .slide .title[b-61somsbthn] {
            position: absolute;
            top: calc(50% - 0.5em);
            left: 20px;
            z-index: 2;
            padding-top: 5px;
            font-family: "Reem Kufi", sans-serif;
            font-size: 5em;
            color: white;
            overflow: hidden;
        }

            #slides .slide .title .title-text[b-61somsbthn] {
                display: block;
                transform: translateY(1.2em);
                transition: transform 1s ease-in-out;
            }

        #slides .slide .slide-partial[b-61somsbthn] {
            position: absolute;
            width: 50%;
            height: 100%;
            overflow: hidden;
            transition: transform 1s ease-in-out;
        }

            #slides .slide .slide-partial img[b-61somsbthn] {
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                transition: transform 1s ease-in-out;
            }

        #slides .slide .slide-left[b-61somsbthn] {
            top: 0;
            left: 0;
            transform: translateX(-100%);
        }

            #slides .slide .slide-left img[b-61somsbthn] {
                top: 0;
                right: 0;
                -o-object-position: 100% 50%;
                object-position: 100% 50%;
                transform: translateX(50%);
            }

        #slides .slide .slide-right[b-61somsbthn] {
            top: 0;
            right: 0;
            transform: translateX(100%);
            transition-delay: 0.2s;
        }

            #slides .slide .slide-right img[b-61somsbthn] {
                top: 0;
                left: 0;
                -o-object-position: 0% 50%;
                object-position: 0% 50%;
                transition-delay: 0.2s;
                transform: translateX(-50%);
            }

        #slides .slide.active .title .title-text[b-61somsbthn] {
            transform: translate(0);
            transition-delay: 0.3s;
        }

        #slides .slide.active .slide-partial[b-61somsbthn], #slides .slide.active .slide-partial img[b-61somsbthn] {
            transform: translateX(0);
        }

#slide-select[b-61somsbthn] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: "Reem Kufi", sans-serif;
    font-size: 1.5em;
    font-weight: lighter;
    color: white;
}

    #slide-select li[b-61somsbthn] {
        position: relative;
        cursor: pointer;
        margin: 0 5px;
    }

        #slide-select li.prev:hover[b-61somsbthn] {
            transform: translateX(-2px);
        }

        #slide-select li.next:hover[b-61somsbthn] {
            transform: translateX(2px);
        }

    #slide-select .selector[b-61somsbthn] {
        height: 14px;
        width: 14px;
        border: 2px solid white;
        background-color: transparent;
        transition: background-color 0.5s ease-in-out;
    }

        #slide-select .selector.current[b-61somsbthn] {
            background-color: white;
        }

.codepen-link[b-61somsbthn] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    z-index: 10;
    border-radius: 50%;
    box-sizing: border-box;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/logo.jpg");
    background-position: center center;
    background-size: cover;
    opacity: 0.5;
    transition: all 0.25s;
}

    .codepen-link:hover[b-61somsbthn] {
        opacity: 0.8;
        box-shadow: 0 2px 6px #0c0c0c;
    }
/* _content/Bolta/Components/Test/_SwiperProducts.razor.rz.scp.css */
.swiper[b-ydat8fdi7h] {
    width: 600px;
    height: 400px;
}
/* _content/Bolta/Components/Test/_TwoCardsProduct.razor.rz.scp.css */
img[b-m90wu7mx77] {
    width: 100%;
    /*filter: drop-shadow(1px 1px 3px #a6a6a6);*/
}


.card-box[b-m90wu7mx77] {
    position: relative; /* važno za kontrolisanje stackinga */
    overflow: hidden; /* sprečava "prelivanje" animacije */
    width: 400px;
    height: 400px;
    /*background-color: rgba(var(--bs-black-rgb), 0.2);*/
}

.card-bg[b-m90wu7mx77] {
    position: absolute;
    right: 5px;
    width: 300px;
    height: 331px;
    border-radius: 16px;
    background-color: whitesmoke;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.card[b-m90wu7mx77] {
    position: absolute;
    top: 80px;
    left: -70px;
    height: 310px;
    width: 200px;
    background-color: transparent;
    /*border: 1px solid black;*/
    border-radius: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.card-img-top[b-m90wu7mx77] {
    width: 200px;
    height: 250px;
    border-radius: 0;
}

.card-body[b-m90wu7mx77] {
    position: absolute;
    top: -35px;
    left: -85px;
    width: 325px;
    filter: saturate(150%) contrast(120%) hue-rotate(10deg) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
    
}

    .card-body:hover[b-m90wu7mx77] {
        animation: heartbeat-b-m90wu7mx77 1.5s ease-in-out infinite both;
    }

.card-footer[b-m90wu7mx77] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5.5em;
    gap: 15px;
    border-radius: 0;
    background-color: aliceblue;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

    .card-footer img[b-m90wu7mx77] {
        width: 45px;
        height: 45px;
        border-radius: 2px;
        border: 1px solid whitesmoke;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }



/* ----- Product Section ----- */
.product-info[b-m90wu7mx77] {
    padding: 1em 1em 1em 1.5em;
    max-width: 400px;
}

.title h1[b-m90wu7mx77] {
    margin-bottom: 0.1em;
    color: var(--bg-card-text);
    font-size: 1.5em;
    font-weight: 700;
}

.title hr[b-m90wu7mx77] {
    margin: 0;
    margin-top: 0.2rem;
}

.title span[b-m90wu7mx77] {
    font-size: 0.7em;
    color: #a6a6a6;
}

.price[b-m90wu7mx77] {
    padding-left: 7em;
    color: var(--bg-card-text);
    font-size: 1.2em;
}

    .price span[b-m90wu7mx77] {
        padding-left: 0.1em;
        font-size: 2em;
        font-weight: 600;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

.description[b-m90wu7mx77] {
    padding-left: 8em;
    clear: left;
    margin: 2em 0;
}

    .description h3[b-m90wu7mx77] {
        font-size: 0.7em;
        letter-spacing: 1.2px;
        color: #a6a6a6;
        margin-bottom: 0.5em;
    }

    .description span[b-m90wu7mx77] {
        font-size: 0.8em;
        color: #a6a6a6;
    }

.product-info button[b-m90wu7mx77] {
    margin-top: 4.2em;
    margin-left: 9em;
    padding: 7px 12px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

    .product-info button:active[b-m90wu7mx77] {
        transform: scale(0.95);
    }


@keyframes heartbeat-b-m90wu7mx77 {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}