/* Hide utility classes */
.hide {
    display: none !important;
}

.hide-mobile {
    display: block;
}

.hide-desktop {
    display: block;
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}

/* Visibility utilities */
.invisible {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

/* Opacity utilities */
.opacity-0 {
    opacity: 0;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-100 {
    opacity: 1;
}

.products-header {
    display: none;
}

.subscription-header {
    display: none;
}