@import "tailwindcss";

html{
    scroll-behavior: smooth;
}

.my-container{
    width: 100%;
}
.p-sticky{
    position: sticky;
    top: 0;
}
#cartcont{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 50;
}

@media only screen and (min-width: 1024px ){
    .my-container{ max-width: 1130px; margin: auto; }
    #cartcont{
        display: block;
        position: relative;
        inset: initial;
        height: initial;
        width: calc(1/3 * 100%);
        z-index: 1;
    }
}