/**
 * RCPO Our Selection — category id 21 (M1 chrome).
 * Shell: maincontent visible, Hyvä column gap removed, black header/crumbs, CMS hero.
 */

/* rolex-contact-store-map.css accidentally hides main on this body — restore */
body.rolexrcpo-productlisting-body main {
    display: block !important;
}

body.rolexrcpo-productlisting-body #maincontent {
    display: block !important;
    min-height: unset;
}

body.rolexrcpo-productlisting-body .page-main,
body.rolexrcpo-productlisting-body #maincontent.page-main,
body.rolexrcpo-productlisting-body.page-layout-1column #maincontent {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    max-width: none;
    padding-inline: 0;
}

body.rolexrcpo-productlisting-body #maincontent > .columns {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rolexrcpo-productlisting-body #category-view-container.rolex-wrapper {
    margin-top: 0;
}

/* Hyvä default breadcrumbs / title above Rolex shell */
body.rolexrcpo-productlisting-body nav.breadcrumbs,
body.rolexrcpo-productlisting-body .breadcrumbs:not(.rolex-wrapper .breadcrumbs) {
    display: none !important;
}

body.rolexrcpo-productlisting-body .page-title-wrapper,
body.rolexrcpo-productlisting-body h1.page-title {
    display: none !important;
}

@media only screen and (max-width: 1023px) {
    body.rolexrcpo-productlisting-body .page-header {
        position: relative;
        z-index: 20;
    }
}

/* Page chrome: black header + crumbs (old_ref PLP), white content below */
body.rolexrcpo-productlisting-body .rolex-wrapper.rolexrcpo.rolexrcpo-ourselection-page {
    background-color: #fff;
}

.rolex-wrapper.rolexrcpo.rolexrcpo-ourselection-page .rolexrcpo-headerWrapper {
    background-color: #000;
}

.rolex-wrapper.rolexrcpo.rolexrcpo-ourselection-page .breadcrumbs-wrapper {
    background-image: none;
    background-color: #000;
}

.rolex-wrapper.rolexrcpo.rolexrcpo-ourselection-page .breadcrumbs {
    padding-bottom: 10px;
}

/* CMS hero — first image flush under crumbs (see also rolex-rcpo-landing-cms.css) */
.rolex-wrapper.rolexrcpo .rolexrcpo-ourSelection-top .rolex-collection-block:first-child .rolex-collection-image:first-child {
    padding-top: 0;
}

/* Keep Exploring — full-width white band above RCPO footer (same as landing) */
.rolex-wrapper.rolexrcpo.rolexrcpo-ourselection-page .rolexrcpo-common-keepExploring.rolex-collection-block.white {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}
