.custcontainer {
    padding: var(--space-0) var(--space-pct-5);
    max-width: var(--space-px-1600);
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1800px) {
    .custcontainer { max-width: var(--space-px-1700); }
}

h6.hovertitle {
    color: var(--color-white);
    display: block;
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
    letter-spacing: var(--letter-spacing-wide);
    font-weight: var(--font-weight-normal);
}

.ProdName {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
    letter-spacing: var(--letter-spacing-wide);
    font-weight: var(--font-weight-normal);
}

h4.text-center.category {
    font-size: var(--font-size-xl);
    padding: var(--space-pct-1) var(--space-0);
    font-weight: var(--font-weight-normal);
    text-align: left ! important;
    font-family: var(--font-ui);
}

.pdf-blk-dive.divemedown {
    margin-bottom: var(--space-pct-8);
    padding-top: var(--space-pct-10);
}

a.pdf-blk-anc i {
    font-size: var(--font-size-2xl);
    color: var(--color-accent-orange);
}

.pdf-blk-dive {
    position: relative;
    overflow: hidden;
    /* Ensures the overlay doesn't affect layout */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: linear-gradient(82deg, #0b1f44 0%, #113b64 45%, #196fa0 100%); */
    color: var(--color-tint-blue-50);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity var(--transition-normal);
}

.pdf-blk-dive:hover .overlay {
    opacity: 1;
    /* Show overlay on hover */
}

h6.hovertitle i {
    color: var(--color-icon-muted);
    font-size: var(--font-size-3xl);
    display: -webkit-inline-box;
    vertical-align: middle;
}

a.pdf-blk-anc i:hover {
    color: var(--color-warning);
}

h6.hovertitle a {
    color: var(--color-white);
    font-size: var(--font-size-md);
    display: block;
}
.row.updatetop {
    padding-top: var(--space-0);
}