/* UGT collection layout v1 — shared by existing and cloned interior pages */
.entry-content .ugt-collection-top.vc_row.wpb_row {
    margin-bottom: 24px !important;
}
.ugt-collection-top > .vc_column_container > .vc_column-inner {
    padding-top: 0 !important;
}
.ugt-collection-top > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    display: flow-root;
}
.ugt-collection-top .ugt-collection-assets,
.ugt-collection-top .ugt-collection-hero,
.ugt-collection-top .ugt-brand-hero {
    margin: 0 !important;
}
.ugt-collection-top .ugt-collection-intro {
    margin: 24px 0 0 !important;
}
.ugt-collection-intro > .wpb_wrapper > :last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    body:has(.ugt-collection-top) .container {
        max-width: 720px;
    }
}

/* Compact hero: preserve all copy while using the available width. */
.ugt-collection-top .ugt-brand-hero {
    grid-template-columns: minmax(0, 1fr) 210px;
    padding: 20px 24px;
    gap: 20px;
}
.ugt-collection-top .ugt-brand-hero::after {
    inset: 0 0 0 calc(100% - 254px);
}
.ugt-collection-top .ugt-brand-eyebrow {
    margin-bottom: 8px;
}
.ugt-collection-top .ugt-brand-logo,
.ugt-collection-top .ugt-brand-hero h1 {
    margin-bottom: 10px;
}
.ugt-collection-top .ugt-brand-intro {
    line-height: 1.55;
}
@media (max-width: 640px) {
    .ugt-collection-top .ugt-brand-hero {
        grid-template-columns: minmax(0, 1fr);
        padding: 18px 16px;
        gap: 16px;
    }
    .ugt-collection-top .ugt-brand-hero::after {
        inset: auto 0 0;
        height: 190px;
    }
    .ugt-collection-top .ugt-brand-visual {
        width: 170px;
        padding: 12px;
    }
    .ugt-collection-top .ugt-brand-visual img {
        width: 144px;
        height: 144px;
    }
}