/* Explain: Page layout styling including hero and grid sections. */
.glacier-hero {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(14, 47, 82, 0.95), rgba(44, 107, 164, 0.72)),
        var(--hero-bg-image, url('https://files.cdn-files-a.com/uploads/12561822/normal_un-6ae8fbd992f9c.jpg?format=avif'));
    background-size: cover;
    background-position: center;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-ice-card {
    border-radius: 3rem 1.25rem 3rem 1.25rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(18px);
}

.page-band {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(14, 47, 82, 0.95), rgba(44, 107, 164, 0.70)),
        var(--band-bg-image, url('https://cdn-cms.f-static.com/ready_uploads/media/2775011/normal_5e2cd79196d59.jpg?format=avif'));
    background-size: cover;
    background-position: center;
}

.editorial-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .editorial-grid {
        grid-template-columns: 1.15fr 0.85fr;
    }
}

@media (min-width: 1024px) {
    .catalog-grid {
        grid-template-columns: 270px minmax(0, 1fr);
    }
}

.mobile-menu-panel {
    transform: translateY(-0.75rem);
    opacity: 0;
    pointer-events: none;
    transition: all 180ms ease;
}

.mobile-menu-panel.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.cart-line-item {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 1rem;
}

@media (max-width: 640px) {
    .cart-line-item {
        grid-template-columns: 76px minmax(0, 1fr);
    }
}