/**
 * Customized Brands Series — third-party embed shells (from Luma app.min.css).
 * Patek location slider: see web/tailwind/theme/ewc-cms-index.css (.pagePatekphilippe).
 */

/* Hyvä .page-main { margin-block: --spacing(8) } — CMS customized pages flush to header */
body.brands-series-customized-body.cms-page-view #maincontent {
    display: block !important;
    min-height: unset;
}

body.brands-series-customized-body.cms-page-view .page-main,
body.brands-series-customized-body.cms-page-view #maincontent.page-main,
body.brands-series-customized-body.cms-page-view #maincontent.page-main-full-width,
body.brands-series-customized-body.cms-page-view.page-layout-1column #maincontent {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: none;
    padding-inline: 0;
}

/*
 * Cartier Occtoo PDG injects global CSS (* { color: inherit }) into <head>.
 * Unlayered rules beat Tailwind @layer utilities — restore site header camel.
 */
body.brands-series-customized-body:has(.brands-series-customized .cartier) #header .text-ewc-camel,
body.brands-series-customized-body:has(.brands-series-customized .cartier) #header [class*="text-ewc-camel"] {
    color: var(--color-ewc-camel, #bd9471) !important;
}

body.brands-series-customized-body:has(.brands-series-customized .cartier) #header a.text-ewc-camel:hover,
body.brands-series-customized-body:has(.brands-series-customized .cartier) #header a[class*="hover:text-ewc-mist"]:hover {
    color: var(--color-ewc-mist, #dde0d1) !important;
}

.brands-series-customized .patekphilippe {
    position: relative;
    display: block;
}

.brands-series-customized .bvlgari iframe {
    display: block;
    width: 100%;
    height: calc(100vh - 170px - 40px);
}

@media only screen and (max-width: 1023px) {
    .brands-series-customized .bvlgari iframe {
        height: calc(100vh - 150px);
    }
}

.brands-series-customized .bvlgari,
.brands-series-customized .cartier,
.brands-series-customized .chopard {
    position: relative;
    display: block;
}

.brands-series-customized .cartier {
    padding-top: 8px;
}

.brands-series-customized .chopard {
    padding: 0 20px;
}

.brands-series-customized .chopard iframe {
    display: block;
    width: 100%;
}

/* CMS pages: content lives in #maincontent > .columns (not .category-view). */
body.brands-series-customized-body.cms-page-view #maincontent > .columns {
    display: block !important;
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.brands-series-customized-body.cms-page-view #maincontent > .columns > .column.main {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

body.brands-series-customized-body #category-view-container > .page-main,
body.brands-series-customized-body .category-view > .page-main {
    max-width: none !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.brands-series-customized-body .brands-series-customized .brands-productListing-locationPanel .brands-productListing-locationPanel-storelocator {
    text-align: center !important;
    width: 100%;
}

body.brands-series-customized-body .brands-series-customized .brands-productListing-locationPanel .brands-productListing-locationPanel-storelocator a {
    display: inline-block;
}
