/**
 * Rolex Watches hub — CMS family grids (rolex_listing) + RCPO crosslink spacing.
 * Migrated from rolex.min.css (.rolex-rolexWatches-watchCategory / watchGrid / watchItem).
 */

/* —— Category section (.large width from rolex.min.css) —— */
.rolex-wrapper .rolex-rolexWatches-watchCategory {
    margin: 0 auto;
    position: relative;
    padding-top: max(7vh, 60px);
    padding-bottom: 0;
}

@media only screen and (min-width: 1024px) {
    .rolex-wrapper .rolex-rolexWatches-watchCategory {
        padding-top: max(10vh, 90px);
    }
}

.rolex-wrapper .rolex-collection-block.noPaddingTop > .rolex-rolexWatches-watchCategory:first-child {
    padding-top: 0;
}

/* CON-5: .large width → rolex-collection.css */

.rolex-wrapper .rolex-rolexWatches-watchCategory .rolex-collection-headline36 {
    padding-top: 0;
}

/* —— Grid —— */
.rolex-wrapper .rolex-rolexWatches-watchGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 8px;
    padding-top: 24px;
    padding-bottom: 0;
}

/* —— Watch card link —— */
.rolex-wrapper .rolex-rolexWatches-watchItem {
    flex-basis: calc((100% - 8px) / 2);
    display: block;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease-out;
}

@media only screen and (min-width: 1024px) {
    .rolex-wrapper .rolex-rolexWatches-watchGrid .rolex-rolexWatches-watchItem {
        flex-basis: calc((100% - 16px) / 3);
    }
}

.rolex-wrapper .rolex-rolexWatches-watchItem .imageWrapper {
    overflow: hidden;
    display: block;
    width: 100%;
}

.rolex-wrapper .rolex-rolexWatches-watchItem .imageWrapper img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.7s cubic-bezier(0, 0, 0.2, 1);
}

.rolex-wrapper .rolex-rolexWatches-watchItem:hover .imageWrapper img {
    transform: scale3d(1.1, 1.1, 1);
}

.rolex-wrapper .rolex-rolexWatches-watchItem .infoWrapper {
    display: block;
    padding-top: 12px;
}

@media only screen and (min-width: 1024px) {
    .rolex-wrapper .rolex-rolexWatches-watchItem .infoWrapper {
        padding-top: 16px;
    }
}

.rolex-wrapper .rolex-rolexWatches-watchItem .infoWrapper > * {
    display: block;
}

.rolex-wrapper .rolex-rolexWatches-watchItem .infoWrapper * {
    color: #472b20;
}

/* —— CMS RCPO crosslink (rolex_collection_rcpo_crosslink_banner) —— */
.rolex-wrapper .rolex-rolexWatches-topContent.rolex-collection-block > .rolex-common-pushComponent {
    padding-top: 24px;
}