:root {
    --nalltech-blue: #0B313D;
    --nalltech-darkpink: #A15063;
    --nalltech-brightred: #EA385E;
    --nalltech-brightpink: #EE8C9B;
    --nalltech-lightblue: #5BA0B9;
    --nalltech-white: #F1F1F3;
}

html {
    overflow-x: hidden !important;
    max-width: 100vw;
}

body.public-site {
    overflow-x: hidden !important;
    max-width: 100vw;
    display: block !important;
    width: 100%;
    padding-top: 90px;
    /* Fill the padding area with navbar color to prevent white gap on fast scroll up */
    background-image: linear-gradient(to bottom, var(--nalltech-blue) 0%, var(--nalltech-blue) 90px, transparent 90px);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 90px;
}

body.public-site section,
body.public-site header,
body.public-site footer {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body.public-site .row {
    margin-right: 0;
    margin-left: 0;
}

/* SweetAlert2 cart toast icon fix */
.cart-toast-icon.swal2-icon {
    border: none !important;
    font-size: 1.5rem !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.5rem 0 0 !important;
}
.cart-toast-icon.swal2-icon .swal2-icon-content {
    font-size: 1.5rem !important;
}