@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');

.radius-\[20px\] {
    border-radius: 20px;
}
.rounded-sm {
    border-radius: 5px;
}

.min-md\:group-hover\/s\:text-white{
    --tw-text-opacity: 1;color:rgb(255 255 255/ var(--tw-text-opacity, 1))
}
.h-\[60svh\] {
    height: 60svh;
}

.px-menu {
    padding-left: .75rem;
    padding-right: .75rem;
}

.text-menu {
    font-size:16px;
    line-height:1.5;
    letter-spacing:-.4px
}

.p-btn {
    padding: 1rem 2.125rem;
}
.p-btn span {
    font-size: 18px;
}

@media (min-width: 320px) {
    .slider-sub-title {
        font-size: 20px
    }
}
@media (min-width: 767px) {
    .slider-sub-title {
        font-size: 32px
    }
}
@media (min-width: 991px) {
    /*.min-md\:hidden {*/
    /*    display: none;*/
    /*}*/
    .px-\[calc\(\(100vw-var\(--container\)\)\/2\+16px\)\] {
        padding-left: 100px;
        padding-right: 100px;
    }
    .product-detail-slider {
        max-width: 500px;
    }
}
@media (min-width: 1441px) {
    .slider-sub-title {
        font-size: 40px
    }
    .product-detail-slider {
        max-width: 100%;
    }
}
@media (min-width: 1921px) {
    .px-\[calc\(\(100vw-var\(--container\)\)\/2\+16px\)\] {
        padding-left: calc((100vw - var(--container)) / 3.5 + 16px);
        padding-right: calc((100vw - var(--container)) / 3.5 + 16px);
    }
}


@media (max-width: 1024px) {
    .rounded-md-none {
        border-radius: 0 !important;
    }
}

@media (max-width: 991px) {
    /*.md\:hidden {*/
    /*    display: none;*/
    /*}*/
}

@media (max-width: 768px) {
    .p-btn {
        padding: .5rem 1rem;
        font-size: 15px;
    }
    .p-btn span {
        font-size: 15px;
    }

    .membrane-scale {
        transform: scale(1.2);
    }

    .footer-logo {
        max-width: 250px;
    }
}

.mea-culpa-regular {
    font-family: "Mea Culpa", cursive;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
}

.bg-white\/80 {
    background-color: rgb(255 255 255 / 80%)
}