body {
    font-family: 'Poppins', sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.site-name-responsive {
    font-size: clamp(1.25rem, 5vw, 2.25rem);
}

h1 {
    font-size: clamp(2.5rem, 8vw, 4rem);
}

h2 {
    font-size: clamp(2rem, 6vw, 3rem);
}

@media (min-width: 768px) and (max-width: 1023px) {
    .site-name-responsive {
        font-size: 1.8rem;
    }

    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 767px) {
    .site-name-responsive {
        font-size: 1.25rem;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.75rem;
    }
}

.word-break-all {
    word-break: break-all;
}

.add-to-cart-btn {
    text-decoration: none !important;
}

/* Custom scrollbar for modals */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Hide scrollbar for Firefox */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* Ensure buttons do not have underlines */
button {
    text-decoration: none !important;
}

/* Ensure mobile menu links work with smooth scroll */
.mobile-nav-link {
    text-decoration: none;
}

/* Ensure images in product cards are consistent */
.product-card-image {
    height: 150px; /* Example fixed height */
    object-fit: cover;
}
/*
 * New stock styles for common typography elements
 * within the .securePolicyGrid container.
 */

/* Parent container padding */
.securePolicyGrid {
    padding: 40px 20px; /* Top/bottom padding 40px, left/right padding 20px */
}

/* Heading 1 styles */
.securePolicyGrid h1 {
    font-size: 1.8rem; /* Moderate size for H1 */
    line-height: 1.2;
    margin-top: 1.5em; /* Spacing above heading */
    margin-bottom: 0.8em; /* Spacing below heading */
    font-weight: 600; /* Slightly bolder */
}

/* Heading 2 styles */
.securePolicyGrid h2 {
    font-size: 1.5rem; /* Moderate size for H2 */
    line-height: 1.3;
    margin-top: 1.4em;
    margin-bottom: 0.7em;
    font-weight: 600;
}

/* Heading 3 styles */
.securePolicyGrid h3 {
    font-size: 1.3rem; /* Moderate size for H3 */
    line-height: 1.4;
    margin-top: 1.3em;
    margin-bottom: 0.6em;
    font-weight: 500; /* Slightly less bold */
}

/* Heading 4 styles */
.securePolicyGrid h4 {
    font-size: 1.1rem; /* Moderate size for H4 */
    line-height: 1.5;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    font-weight: 500;
}

/* Heading 5 styles */
.securePolicyGrid h5 {
    font-size: 1rem; /* Moderate size for H5, similar to paragraph */
    line-height: 1.6;
    margin-top: 1.1em;
    margin-bottom: 0.4em;
    font-weight: 500;
}

/* Paragraph styles */
.securePolicyGrid p {
    font-size: 1rem; /* Standard paragraph font size */
    line-height: 1.7; /* Good line spacing for readability */
    margin-bottom: 1em; /* Spacing between paragraphs */
}

/* Unordered list styles */
.securePolicyGrid ul {
    list-style: disc; /* Default bullet style */
    margin-top: 1em; /* Spacing above the list */
    margin-bottom: 1em; /* Spacing after the list */
    padding-left: 1.5em; /* Indentation for bullet points */
}

/* List item styles */
.securePolicyGrid li {
    font-size: 1rem; /* List item font size */
    line-height: 1.6; /* Good line spacing for list item text */
    margin-bottom: 0.5em; /* Spacing between list items */
}