.text-h1 {
    text-transform: uppercase;
    font-style: normal;
}

.description-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

body * {
    font-size: 16px;
}


@media screen and (max-width: 768px) {
    body * {
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    body * {
        font-size: 16px;
    }
}

.shopify-pc__banner__dialog {
    font-size: 16px;
}

/* Prevent layout shift when scrollbar is hidden */
html {
    /* Reserve space for scrollbar to prevent content shift */
    scrollbar-gutter: stable;
}

/* Alternative approach using padding compensation */
body.no-scroll {
    overflow: hidden;
    /* Add padding to compensate for scrollbar width */
    padding-right: var(--scrollbar-width, 0px);
}

/* Scrollbar width will be calculated via JavaScript */
:root {
    --scrollbar-width: 0px;
}

/* Ensure smooth transitions when overflow changes */
body {
    transition: padding-right 0.3s ease;
}

/* Optional: Custom scrollbar styling for consistent width */
@supports (scrollbar-width: thin) {
    * {
        scrollbar-width: thin;
    }
}

/* Webkit browsers scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.rc-container-wrapper {
    display: none !important;
}

a[href] {
    color:  #A0703A;
}