/* Prevent horizontal scroll on iOS */
html, body {
    overflow-x: hidden;
}

/* Hide scrollbar but keep scroll functionality */
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
    display: none;
}

/* Product description HTML styling.
   These `.product-description X` selectors are specificity (0,1,1), which beats
   Tailwind's preflight element resets (p/h2/ul/a, specificity (0,0,1)), and the
   compiled stylesheet now loads ahead of this file — so no !important needed. */
.product-description {
    color: #4b5563;
    font-size: 0.925rem;
    line-height: 1.75;
}
.product-description p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.product-description h2,
.product-description h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.product-description ul,
.product-description ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.product-description ul {
    list-style: disc outside;
}
.product-description ol {
    list-style: decimal outside;
}
.product-description li {
    display: list-item;
    margin-bottom: 0.35rem;
}
.product-description strong {
    font-weight: 600;
    color: #111827;
}
.product-description a {
    color: #2563EB;
    text-decoration: underline;
}