.page-shippings{
    .shipping{
        display: flex;
        tr{
            width: 54rem;
        }
        td{
            height: 4.1rem;
        }
        td p{
            width: 18rem;
        }
    }
    
    .shipping, .shipping2, .shipping2desktop {
        background-color: white !important;
        overflow: unset;
        border: unset;
        padding-top: 2.2rem;
        margin-top: 1.8rem;
        padding-bottom: 2.2rem;
        margin-bottom: 1.8rem;
        width: 100%;
        
        overflow-x: auto;
        width: calc(100vw - 4.2rem);
        table:not([class]) td, table:not([class]) th {
            border: unset;
            padding: unset;
            border: 0.7rem solid transparent;
        }
        table:not([class]) {
            box-shadow: unset;
            table-layout: unset;
        }
        td,p, tr:not(:first-of-type) strong {
            text-align: center !important;
            font-weight: 400 !important;
        }
        td{
            width: 18rem;
            border: 1px solid #EAEAEA !important;
        }
        th {
            padding-right: 2.6rem !important;
        }

        
    }
    .shipping2{
        td{
            height: 3rem;
            width: 100% !important;
        }
    }
    .scrollable {
        overflow-x: auto; 
        white-space: nowrap;
        width: 100%;
    }

    .shipping:-webkit-scrollbar:horizontal{
        color: black !important;
        height: 1px;
    }
}
.blog-container{
    p:has(.title):not(:first-of-type){
        padding-top: 3.2rem;
    }
    .spacing{
        height: 1.6rem;
    }
}
.shipping2desktop{
    display: none;
}

@media screen and (min-width: 750px){
    .page-shippings{
         .shipping, .shipping2, .shipping2desktop{
            width: 100%;
            border-top: unset;
            border-bottom: unset;
            table:not([class]) td, table:not([class]) th {
                border: 1.6rem solid transparent;
            }
            td {
                height: 4.1rem;
                width: 24.2rem;
            }
            td p{
                width: 100%;
            }
        }
        .sidedrawer-content:has(.content-size-chart){
            width: fit-content;
        }
    }
    .shipping2{
        display:none;
    }
    .shipping2desktop{
        display: block;
        td{
            width: 25%;
        }
        td.empty{
            border: none !important;
        }
    }
    .blog-container{
        p:has(.title):not(:first-of-type){
            padding-top: 4rem;
        }
        .spacing{
            height: 1.8rem;
        }
    }
}