@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");
/* Add here all your css styles (customizations) */
/* Add here all your css styles (customizations) */
@font-face {
    font-family: "NimbusSans";
    src: url("../fonts/NimbusSansNovusTOT-Reg.otf") format("truetype");
}

body {
    font-weight: 400;
    font-size: 1.1rem;
    font-family: "NimbusSans", "Helvetica Neue Light", "Helvetica Neue";
    line-height: 1.6;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
    background-color: #fff;
}
a:hover {
    font-size: 16px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: Lato;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
}

/*  Colors */
.g-bg-primary--before::before, .g-bg-primary--after::after {
    background-color: #6B532F  !important;
}
.g-color-primary {
    color: #523F23 !important;
}

.g-bg-primary {
    background-color: #9dced4 !important;
  }
  .u-btn-primary {
    color: #7b6e63;
    background-color: #a2c6ccb8;
}
  .g-bg-primary2 {
    background-color: #46413b !important;
  }
.g-bg-black {
    background-color: #46413b !important;
}
  .u-btn-primary:hover, .u-btn-primary.active {
    border-color: #58c7a7;
    background-color: #000000;
  }

.g-bg-green {
    background-color: #7D6957 !important;
}
.g-brd-primary {
    border-color: #5E4E40  !important;
}
.g-color-cyan {
    color: #b3e2e93d !important;
}

.g-bg-cyan {
    background-color: #7b6341 !important;
}
.g-bg-cyan-opacity-0_1 {
    background-color: rgb(243, 238, 226) !important;
}

.g-bg-red {
    background-color: #121212 !important;
}

.g-bg-cyan {
    background-color: #99866a !important;
}

.g-color-red {
    color: #99866a !important;
}

.g-bg-red-opacity-0_1 {
    background-color: rgb(243, 238, 227) !important;
}

.g-bg-black-opacity-0_4--after::after {
    background-color: #332d2a38 !important;
}

.g-bg-main-light-v1 {
    background-color: #5d5d5d;
}

.g-bg-secondary {
    background-color: #fff  !important;
}

.g-bg-primary-opacity-0_9 {
    background-color: rgba(125, 105, 87, 0.9) !important;
}
.g-bg-gray-dark-v1 {
    background-color: #b3e2e93d !important;
}

.g-bg-cyan-gradient-opacity-v1, .g-bg-cyan-gradient-opacity-v1--after::after {
    background-image: linear-gradient(to bottom, rgb(82, 65, 48) 0%, rgb(121, 108, 105) 100%);
    background-repeat: repeat-x;
}

.g-brd-gray-light-v2 {
    border-color: #9dced4 !important;
}

.u-btn-black {
    color: #fff;
    background-color: #1f1b1b  !important;
}
/* End  Colors */
.tp-caption.Agency-SubTitle, .Agency-SubTitle {
    font-style:normal;
}

.nav-link {
    display: block;
    padding: .5rem .1rem;
}

#top-menu li>a{
    color: #fff;
}
.u-header {
    font-size: 0.92857rem;
}

.navbar {
    padding: 0.3rem 1rem;
}

g-py-215{
    padding-top: 19.1rem !important;
    padding-bottom: 19.1rem !important;
}

.g-mx-15--xl {
    margin-left: 0.0000rem !important;
    margin-right: 2.77143rem !important;
}

.g-py-50 {
    padding-top: 5.57143rem !important;
    padding-bottom: 3.57143rem !important;
}

.g-pl-rem{
    padding-left: 17.85714rem;
}
.g-height-40 {
    height: 90px;
}
.g-width-40 {
    width: 90px !important;
}
.g-width{
    max-width: 700px;
    width: auto !important;
}
.g-m-header{
    margin-right: auto;
    margin-left: auto;
}
.btn-md {
    line-height: 1.4;
    padding: 0.57143rem 1.42857rem;
    font-size: 1rem;
}
.request-button {
    color: #555;
    background-color: #fff;
}
.request-button:hover {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}
.lead {
    font-size: 1.15rem;
    font-weight: 300;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
 }
 .padding-5{
  padding-left:5px !important;
  padding-right:5px !important;
 }
 .nobg{
     background: rgba(255, 255, 255, 0);
 }
 .bg-pattern{
    background-image: url("../img/pattern.jpg");
     background-size: auto;
 }
 .center {
    text-align: center;
    padding-top: 4%;
  }
.center-icon{
    text-align: center;
}
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
    color: #523F23 !important;
}
.rmv-space{
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
.brd-left{
    border-left: 1px solid grey;
}
.brd-top{
    border-top: 1px solid grey;
}
* {box-sizing: border-box;}
.img-magnifier-container {
    position:relative;
  }
  .img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    border-radius: 50%;
    cursor: none;
    /*Set the size of the magnifier glass:*/
    width: 100px;
    height: 100px;
  }
.max{
    max-width: 60px;
    max-height: 60px;
}
.bg{
    position: relative;
    background:#46413b; url('../img/modeco-amblem-footer.png') no-repeat 50% 50%;
}
.div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.g-brd-primary {
    border-color: #9dced4  !important;
}
.image-bg {
    background-image: url(../img/cat-1-1.jpg);
}
.bg {
    background-image: url(../img/footer.jpg);
    background-repeat: no-repeat;
}



@media screen and (max-width: 600px) {
    #you-vid{
     width: 100%;
    height: 34vh;   
    }
}

/* Premium light refresh */
:root {
    --premium-surface: #ffffff;
    --premium-surface-soft: #fbf8f3;
    --premium-surface-alt: #f5efe6;
    --premium-border: #e9dfd2;
    --premium-text: #4e4033;
    --premium-muted: #7f705f;
    --premium-accent: #b6905f;
    --premium-accent-strong: #9d7548;
    --premium-shadow: 0 16px 45px rgba(160, 126, 82, 0.16);
}

body {
    color: var(--premium-text);
    background: linear-gradient(180deg, #ffffff 0%, #fdfbf8 45%, #faf6ef 100%);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--premium-text);
    letter-spacing: 0.01em;
}

p, .lead {
    color: var(--premium-muted);
}

a {
    transition: color 0.25s ease, opacity 0.25s ease;
}

a:hover {
    font-size: inherit;
    color: var(--premium-accent-strong);
}

.g-color-black,
.g-color-black--hover:hover {
    color: var(--premium-text) !important;
}

.g-color-primary {
    color: var(--premium-accent-strong) !important;
}

.g-bg-primary--before::before,
.g-bg-primary--after::after {
    background-color: var(--premium-accent) !important;
}

.g-bg-primary {
    background-color: var(--premium-accent) !important;
}

.g-bg-primary2,
.g-bg-red,
.g-bg-cyan,
.g-bg-main-light-v1 {
    background-color: var(--premium-surface-alt) !important;
}

.g-bg-gray-dark-v1,
.g-bg-red-opacity-0_1,
.g-bg-cyan-opacity-0_1 {
    background-color: #f8f3eb !important;
}

.g-color-red {
    color: var(--premium-accent-strong) !important;
}

.g-brd-primary,
.g-brd-gray-light-v2 {
    border-color: var(--premium-border) !important;
}

.g-bg-cyan-gradient-opacity-v1,
.g-bg-cyan-gradient-opacity-v1--after::after {
    background-image: linear-gradient(130deg, #efe6d9 0%, #d8c3a8 100%);
}

.u-btn-primary {
    color: var(--premium-surface);
    border-color: var(--premium-accent);
    background: linear-gradient(135deg, var(--premium-accent) 0%, var(--premium-accent-strong) 100%);
    box-shadow: 0 10px 25px rgba(157, 117, 72, 0.22);
}

.u-btn-primary:hover,
.u-btn-primary.active {
    color: var(--premium-surface);
    border-color: var(--premium-accent-strong);
    background: linear-gradient(135deg, var(--premium-accent-strong) 0%, #8a663f 100%);
}

.u-btn-black {
    color: var(--premium-surface);
    background-color: var(--premium-accent-strong) !important;
}

.request-button {
    color: var(--premium-text);
    border-color: var(--premium-border);
    background-color: var(--premium-surface);
}

.request-button:hover {
    color: var(--premium-surface);
    border-color: var(--premium-accent);
    background-color: var(--premium-accent);
}

.u-shadow-v18 {
    box-shadow: 0 8px 35px rgba(146, 119, 86, 0.12) !important;
}

.u-header__section.g-bg-black {
    background-color: var(--premium-surface-soft) !important;
    border-bottom: 1px solid var(--premium-border);
}

.u-header__section.g-bg-black .nav-link,
.u-header__section.g-bg-black .g-color-white,
.u-header__section.g-bg-black .g-color-white-opacity-0_8,
.u-header__section.g-bg-black .g-color-white-opacity-0_6,
.u-header__section.g-bg-black .g-color-white-opacity-0_5 {
    color: var(--premium-text) !important;
}

.u-header__section.g-bg-black .nav-link:hover,
.u-header__section.g-bg-black .g-color-white--hover:hover {
    color: var(--premium-accent-strong) !important;
}

.u-header__section.g-bg-black .nav-link {
    font-size: 0.86rem;
    letter-spacing: 0.02em;
}

.u-header__section.g-bg-black .g-color-gray-light-v3 {
    color: #b8ab99 !important;
}

.u-header__section.g-bg-white {
    border-bottom: 1px solid var(--premium-border);
}

.navbar-nav .nav-link {
    color: var(--premium-text);
    font-weight: 600;
    letter-spacing: 0.06em;
    position: relative;
}

.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.15rem;
    height: 2px;
    background-color: var(--premium-accent);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link:focus::after {
    transform: scaleX(1);
}

.g-bg-black {
    background-color: #efe7db !important;
}

.g-bg-black-opacity-0_4--after::after,
.g-bg-black-opacity-0_2--after::after {
    background: linear-gradient(135deg, rgba(145, 120, 92, 0.52) 0%, rgba(189, 168, 140, 0.22) 100%) !important;
}

[id^="slide-"][id$="-layer-19"] {
    background: linear-gradient(135deg, rgba(142, 115, 87, 0.52) 0%, rgba(186, 163, 136, 0.18) 100%) !important;
}

.u-block-hover {
    border: 1px solid var(--premium-border);
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--premium-surface);
    box-shadow: var(--premium-shadow);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.u-block-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 45px rgba(150, 116, 74, 0.22);
}

.u-block-hover__additional {
    border-radius: 14px;
    backdrop-filter: blur(3px);
    border-color: rgba(255, 255, 255, 0.55) !important;
}

.checkImage,
.js-slide img,
.img-fluid {
    border-radius: 12px;
}

#accordion-10 .card {
    border: 1px solid var(--premium-border) !important;
    border-radius: 12px !important;
    margin-bottom: 10px;
    background-color: var(--premium-surface);
    box-shadow: 0 6px 16px rgba(173, 138, 94, 0.12);
}

#accordion-10 .u-accordion__header a {
    padding-left: 12px;
    padding-right: 12px;
}

#accordion-10 .u-accordion__body {
    color: var(--premium-muted);
    padding: 14px 18px 20px !important;
}

.form-control {
    border-radius: 10px;
    border-color: var(--premium-border);
    box-shadow: none;
}

.form-control:focus {
    border-color: var(--premium-accent);
    box-shadow: 0 0 0 0.2rem rgba(182, 144, 95, 0.22);
}

.u-icon-v1,
.u-icon-v3 {
    color: var(--premium-accent-strong);
}

.img-magnifier-glass {
    border-color: var(--premium-accent);
}

.bg {
    position: relative;
    background: linear-gradient(155deg, #fcfbf9 0%, #f4eee4 58%, #efe7da 100%) !important;
    border-top: 1px solid var(--premium-border);
    overflow: hidden;
}

.bg::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -120px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(186, 154, 114, 0.26) 0%, rgba(186, 154, 114, 0) 72%);
    pointer-events: none;
    z-index: 0;
}

.bg::after {
    content: "";
    position: absolute;
    left: -140px;
    bottom: -120px;
    width: 340px;
    height: 340px;
    background: radial-gradient(circle, rgba(196, 168, 132, 0.22) 0%, rgba(196, 168, 132, 0) 72%);
    pointer-events: none;
    z-index: 0;
}

.bg > * {
    position: relative;
    z-index: 1;
}

.bg .g-color-white,
.bg .g-color-white-opacity-0_8,
.bg .g-color-white-opacity-0_6,
.bg .g-color-white-opacity-0_5,
.bg .g-color-white--hover:hover {
    color: var(--premium-text) !important;
}

.bg .g-brd-white-opacity-0_8,
.bg .g-brd-white-opacity-0_1 {
    border-color: rgba(150, 123, 89, 0.28) !important;
}

.bg .u-icon-v3 {
    background-color: rgba(182, 144, 95, 0.16) !important;
    color: var(--premium-accent-strong) !important;
}

.bg a:hover {
    color: var(--premium-accent-strong) !important;
}

.g-bg-secondary {
    background-color: #fffdfb !important;
}

@media screen and (max-width: 991px) {
    .navbar-nav {
        border: 1px solid var(--premium-border);
        border-radius: 12px;
        padding: 8px 12px;
        background-color: var(--premium-surface);
        margin-top: 10px;
    }

    .u-header__section.g-bg-black .list-inline {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .u-header__section.g-bg-black .list-inline-item {
        margin-left: 0.45rem !important;
        margin-right: 0.45rem !important;
    }

    .u-header__section.g-bg-black .nav-link {
        font-size: 0.78rem;
    }
}

/* New header + footer layout */
.mc-header-top {
    background: linear-gradient(90deg, #fbf8f2 0%, #f2e8d9 100%);
    border-bottom: 1px solid var(--premium-border);
    padding: 0.45rem 0;
}

.mc-header-note {
    font-size: 0.78rem;
    color: var(--premium-muted);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mc-header-quick .list-inline-item {
    margin-left: 0.85rem;
}

.mc-quick-link {
    color: var(--premium-text);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mc-quick-link:hover {
    color: var(--premium-accent-strong);
    text-decoration: none;
}

.mc-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(182, 144, 95, 0.16);
}

.mc-header-main {
    border-bottom: 1px solid var(--premium-border);
}

.mc-nav-shell {
    gap: 12px;
}

.mc-brand img {
    max-height: 56px;
    width: auto;
}

.mc-navbar .nav-link {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.mc-nav-cta {
    border-radius: 999px;
    white-space: nowrap;
}

.mc-footer {
    margin-top: 2.5rem;
}

.mc-footer-hero {
    background-color: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(157, 117, 72, 0.22);
    border-radius: 18px;
    padding: 2rem;
    box-shadow: 0 18px 35px rgba(140, 108, 72, 0.14);
}

.mc-footer-kicker {
    display: inline-block;
    margin-bottom: 0.6rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background-color: rgba(182, 144, 95, 0.16);
    color: var(--premium-accent-strong);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mc-footer-title {
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--premium-text);
}

.mc-footer-list li {
    margin-bottom: 0.6rem;
    color: var(--premium-muted);
    line-height: 1.5;
}

.mc-footer-list a {
    color: var(--premium-text);
    font-weight: 500;
}

.mc-footer-list a:hover {
    color: var(--premium-accent-strong);
}

.mc-footer-bottom {
    border-top: 1px solid rgba(157, 117, 72, 0.2);
}

.mc-footer-credit {
    color: var(--premium-accent-strong);
    font-weight: 700;
    letter-spacing: 0.06em;
}

.mc-editorial-main {
    background: linear-gradient(165deg, #fffdf9 0%, #f2e9dc 100%);
    border: 1px solid rgba(157, 117, 72, 0.2);
    border-radius: 18px;
    padding: 2.2rem;
    box-shadow: 0 15px 35px rgba(146, 113, 76, 0.16);
}

.mc-editorial-kicker {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background-color: rgba(182, 144, 95, 0.17);
    color: var(--premium-accent-strong);
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mc-editorial-card {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(157, 117, 72, 0.18);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 12px 28px rgba(138, 106, 71, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mc-editorial-card:hover {
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(138, 106, 71, 0.2);
}

.mc-editorial-label {
    display: inline-block;
    margin-bottom: 0.8rem;
    color: var(--premium-accent-strong);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.11em;
}

@media screen and (max-width: 991px) {
    .mc-header-note {
        width: 100%;
        margin-bottom: 0.35rem !important;
    }

    .mc-header-quick .list-inline-item {
        margin-left: 0;
        margin-right: 0.65rem;
    }

    .mc-navbar {
        width: 100%;
    }

    .mc-navbar .nav-item {
        border-bottom: 1px solid rgba(157, 117, 72, 0.14);
    }

    .mc-navbar .nav-item:last-child {
        border-bottom: 0;
    }

    .mc-editorial-main {
        padding: 1.6rem;
    }

    .mc-editorial-card {
        padding: 1.2rem;
    }
}

/* Bathrobes redesign */
.mc-bath-hero {
    position: relative;
    background:
        radial-gradient(circle at 12% 15%, rgba(201, 167, 125, 0.22) 0%, rgba(201, 167, 125, 0) 42%),
        radial-gradient(circle at 85% 70%, rgba(177, 145, 104, 0.22) 0%, rgba(177, 145, 104, 0) 48%),
        linear-gradient(170deg, #fffdfa 0%, #f6efe5 100%);
    border-bottom: 1px solid rgba(157, 117, 72, 0.2);
}

.mc-bath-kicker {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background-color: rgba(182, 144, 95, 0.17);
    color: var(--premium-accent-strong);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mc-bath-title {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: clamp(2rem, 4.5vw, 4rem);
    line-height: 1.05;
    letter-spacing: 0.01em;
    color: #46382c;
}

.mc-bath-subtitle {
    max-width: 560px;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    color: #776755;
    font-size: 1.05rem;
    line-height: 1.75;
}

.mc-bath-visual {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 26px 50px rgba(129, 98, 68, 0.24);
}

.mc-bath-visual img {
    width: 100%;
    min-height: 500px;
    object-fit: cover;
}

.mc-bath-badge {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 0.7rem 1.2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #5e4a36;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.mc-btn-ghost {
    border: 1px solid rgba(157, 117, 72, 0.3);
    border-radius: 999px;
    color: #6f5a45;
    background-color: rgba(255, 255, 255, 0.6);
}

.mc-btn-ghost:hover {
    color: #fff;
    background-color: var(--premium-accent-strong);
    border-color: var(--premium-accent-strong);
}

.mc-bath-pill {
    height: 100%;
    padding: 1.45rem;
    border-radius: 16px;
    border: 1px solid rgba(157, 117, 72, 0.18);
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 24px rgba(125, 95, 65, 0.12);
}

.mc-bath-pill h3 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: 1.7rem;
    color: #4d3b2d;
}

.mc-bath-pill-number {
    display: inline-block;
    margin-bottom: 0.7rem;
    color: var(--premium-accent-strong);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.mc-bath-card {
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(157, 117, 72, 0.18);
    background-color: #fff;
    box-shadow: 0 12px 28px rgba(126, 95, 65, 0.14);
}

.mc-bath-card img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}

.mc-bath-card-body {
    padding: 1.35rem;
}

.mc-bath-card-body h3 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: 2rem;
}

.mc-bath-process {
    border-radius: 22px;
    padding: 2rem;
    background: linear-gradient(150deg, #f5ecdf 0%, #efe1cd 100%);
    border: 1px solid rgba(157, 117, 72, 0.2);
}

.mc-bath-process h2 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: 2.3rem;
}

.mc-step-box {
    height: 100%;
    padding: 1.2rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(157, 117, 72, 0.18);
}

.mc-step-box span {
    display: inline-block;
    margin-bottom: 0.4rem;
    color: #8b6948;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.mc-bath-quote-wrap {
    border-radius: 18px;
    padding: 2.4rem 1.8rem;
    background-color: #fff;
    border: 1px solid rgba(157, 117, 72, 0.16);
    box-shadow: 0 12px 28px rgba(121, 91, 62, 0.12);
}

.mc-bath-quote-wrap blockquote {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    color: #4f3c2e;
}

@media screen and (max-width: 991px) {
    .mc-bath-hero {
        padding-top: 7.8rem !important;
    }

    .mc-bath-visual img {
        min-height: 370px;
    }

    .mc-bath-card img {
        height: 240px;
    }
}

/* Global page redesign */
.mc-page-hero {
    position: relative;
    border-bottom: 1px solid rgba(157, 117, 72, 0.2);
}

.mc-page-hero--sand {
    background: linear-gradient(165deg, #fffdf9 0%, #f2e9dc 100%);
}

.mc-page-hero--pearl {
    background: linear-gradient(165deg, #fffefb 0%, #efe7da 100%);
}

.mc-page-hero--cloud {
    background: linear-gradient(165deg, #fffefc 0%, #f2ebe2 100%);
}

.mc-page-hero--blue {
    background: linear-gradient(165deg, #f9fcff 0%, #e8eff5 100%);
}

.mc-page-hero--linen {
    background: linear-gradient(165deg, #fffefb 0%, #efe8dd 100%);
}

.mc-page-hero--sun {
    background: linear-gradient(165deg, #fffdfa 0%, #f4ecde 100%);
}

.mc-page-hero--stone {
    background: linear-gradient(165deg, #fcfcfb 0%, #ece8df 100%);
}

.mc-page-hero--aqua {
    background: linear-gradient(165deg, #f9fdff 0%, #e5eff3 100%);
}

.mc-page-kicker {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background-color: rgba(182, 144, 95, 0.16);
    color: var(--premium-accent-strong);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mc-page-title {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: clamp(2rem, 4.5vw, 3.9rem);
    line-height: 1.06;
    color: #47392d;
    margin-bottom: 1rem;
}

.mc-page-text {
    max-width: 620px;
    color: #766553;
    font-size: 1.04rem;
    line-height: 1.75;
}

.mc-page-media {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(157, 117, 72, 0.16);
    box-shadow: 0 24px 48px rgba(129, 98, 68, 0.18);
    background-color: #fff;
}

.mc-page-media img {
    width: 100%;
    object-fit: cover;
}

.mc-card-grid .row {
    margin-right: -10px;
    margin-left: -10px;
}

.mc-card-grid .row > div {
    padding-right: 10px;
    padding-left: 10px;
}

.mc-collection-card {
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(157, 117, 72, 0.18);
    background-color: #fff;
    box-shadow: 0 12px 28px rgba(126, 95, 65, 0.14);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mc-collection-card:hover {
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow: 0 20px 34px rgba(126, 95, 65, 0.2);
}

.mc-collection-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.mc-collection-body {
    padding: 1.3rem;
}

.mc-collection-body span {
    display: inline-block;
    margin-bottom: 0.6rem;
    color: var(--premium-accent-strong);
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.mc-collection-body h3 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: 1.85rem;
}

.mc-info-card {
    height: 100%;
    padding: 1.4rem;
    border-radius: 16px;
    border: 1px solid rgba(157, 117, 72, 0.18);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 10px 24px rgba(121, 92, 65, 0.11);
}

.mc-info-card span {
    display: inline-block;
    margin-bottom: 0.6rem;
    color: var(--premium-accent-strong);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.mc-info-card h3 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: 1.8rem;
}

.mc-steps-shell {
    border-radius: 22px;
    padding: 2rem;
    background: linear-gradient(150deg, #f5ecdf 0%, #efe1cd 100%);
    border: 1px solid rgba(157, 117, 72, 0.2);
}

.mc-step-item {
    height: 100%;
    padding: 1.2rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(157, 117, 72, 0.18);
}

.mc-step-item span {
    display: inline-block;
    margin-bottom: 0.45rem;
    color: #8b6948;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.mc-highlight-banner {
    padding: 2.2rem;
    border-radius: 20px;
    border: 1px solid rgba(157, 117, 72, 0.18);
    background-color: rgba(255, 255, 255, 0.86);
    box-shadow: 0 14px 28px rgba(121, 92, 65, 0.12);
}

.mc-contact-card {
    height: 100%;
    padding: 1.2rem;
    border-radius: 14px;
    border: 1px solid rgba(157, 117, 72, 0.17);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 10px 20px rgba(121, 92, 65, 0.1);
}

.mc-contact-card h3 {
    letter-spacing: 0.08em;
}

.mc-contact-form {
    border-radius: 20px;
    padding: 1.8rem;
    border: 1px solid rgba(157, 117, 72, 0.18);
    background-color: rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 28px rgba(121, 92, 65, 0.12);
}

@media screen and (max-width: 991px) {
    .mc-page-media img {
        min-height: 280px;
    }

    .mc-collection-card img {
        height: 220px;
    }

    .mc-steps-shell {
        padding: 1.4rem;
    }
}

/* Live designer panel */
.mc-designer-toggle {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 12000;
    border: 1px solid rgba(157, 117, 72, 0.4);
    background: #fff;
    color: #5d4935;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(123, 93, 63, 0.2);
}

.mc-designer-panel {
    position: fixed;
    top: 14px;
    right: 14px;
    width: min(370px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    z-index: 12010;
    display: none;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(157, 117, 72, 0.2);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 22px 50px rgba(120, 90, 61, 0.27);
}

.mc-designer-panel.open {
    display: flex;
}

.mc-designer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(157, 117, 72, 0.16);
    background: linear-gradient(120deg, #f8f1e6 0%, #f0e3d1 100%);
    color: #5a4734;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mc-designer-close {
    border: 0;
    background: transparent;
    color: #5a4734;
    font-size: 20px;
    line-height: 1;
    padding: 0;
}

.mc-designer-body {
    overflow-y: auto;
    padding: 14px;
}

.mc-designer-group {
    border: 1px solid rgba(157, 117, 72, 0.14);
    border-radius: 12px;
    padding: 12px;
    background-color: #fffdf9;
}

.mc-designer-group + .mc-designer-group {
    margin-top: 12px;
}

.mc-designer-group h4 {
    margin: 0 0 8px 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mc-designer-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid rgba(157, 117, 72, 0.12);
    background: #fff;
}

.mc-designer-row + .mc-designer-row {
    margin-top: 8px;
}

.mc-designer-row-title {
    font-size: 12px;
    color: #5f4b37;
    line-height: 1.3;
}

.mc-designer-row-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mc-designer-mini {
    border: 1px solid rgba(157, 117, 72, 0.2);
    background: #fff;
    color: #5f4b37;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    padding: 0;
    line-height: 1;
}

.mc-designer-mini:disabled {
    opacity: 0.35;
}

.mc-designer-visibility {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
}

.mc-designer-group label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
    color: #5f4b37;
    margin-bottom: 8px;
}

.mc-designer-group label input[type=\"color\"] {
    width: 42px;
    height: 28px;
    border: 0;
    padding: 0;
    background: transparent;
}

.mc-designer-group label input[type=\"range\"] {
    width: 150px;
}

.mc-designer-btn {
    width: 100%;
    border: 1px solid rgba(157, 117, 72, 0.24);
    background: #fff;
    color: #5f4b37;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}

/* Monochrome editorial redesign */
:root {
    --mc-paper: #f3f1ec;
    --mc-surface: #ffffff;
    --mc-surface-soft: #f7f5f0;
    --mc-ink: #111111;
    --mc-muted: #66635d;
    --mc-line: #d8d4cb;
    --mc-black: #050505;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    color: var(--mc-ink);
    background: var(--mc-paper);
}

main {
    background: var(--mc-paper);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    color: var(--mc-ink);
    letter-spacing: 0;
}

p,
.lead,
small {
    color: var(--mc-muted);
}

a {
    color: var(--mc-ink);
}

a:hover {
    color: var(--mc-ink);
    opacity: 0.85;
}

.mc-header-top,
.mc-nav-cta {
    display: none !important;
}

.u-header,
.mc-header-main,
.u-header__section.g-bg-white {
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom: 1px solid var(--mc-line);
    box-shadow: none !important;
}

.navbar {
    padding: 1.35rem 0.5rem;
}

.mc-nav-shell {
    align-items: center;
    justify-content: space-between;
}

.mc-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    width: clamp(180px, 16vw, 220px);
}

.mc-brand img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 42px;
    object-fit: contain;
}

.mc-brand::after {
    display: none;
}

.mc-brand .u-header__logo-img:not(.u-header__logo-img--main) {
    display: none !important;
}

.mc-navbar {
    gap: 1.5rem;
}

.mc-navbar .nav-link,
.navbar-nav .nav-link {
    padding: 0.25rem 0 !important;
    color: var(--mc-ink) !important;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.navbar-nav .nav-link::after {
    display: none;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: var(--mc-ink);
}

.u-btn-primary,
.mc-btn-ghost {
    min-height: 52px;
    padding: 0.95rem 2rem !important;
    border-radius: 0;
    box-shadow: none;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.u-btn-primary {
    color: #ffffff;
    border: 1px solid var(--mc-black);
    background: var(--mc-black);
}

.u-btn-primary:hover,
.u-btn-primary.active {
    color: var(--mc-black);
    border-color: var(--mc-black);
    background: transparent;
}

.mc-btn-ghost {
    color: var(--mc-ink);
    border: 1px solid var(--mc-ink);
    background: transparent;
}

.mc-btn-ghost:hover {
    color: #ffffff;
    background: var(--mc-black);
    border-color: var(--mc-black);
}

.mc-page-hero,
.mc-bath-hero {
    background: var(--mc-paper) !important;
    border-bottom: 0;
    padding-top: 10rem !important;
    padding-bottom: 5.5rem !important;
}

.mc-page-kicker,
.mc-bath-kicker,
.mc-footer-kicker,
.mc-home-section-subtitle {
    display: inline-block;
    margin-bottom: 1.1rem;
    padding: 0;
    background: transparent;
    color: #8b8882;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

.mc-page-title,
.mc-bath-title,
.mc-home-section-title {
    font-size: clamp(3.25rem, 5.2vw, 5.5rem);
    line-height: 0.94;
    color: var(--mc-ink);
    margin-bottom: 1.4rem;
}

.mc-home-section-title--sm {
    font-size: clamp(2.6rem, 4vw, 4rem);
}

.mc-page-text,
.mc-bath-subtitle {
    max-width: 40rem;
    color: var(--mc-muted);
    font-size: 1.06rem;
    line-height: 1.9;
}

.mc-page-media,
.mc-bath-visual,
.mc-feature-media {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #dfddd7;
}

.mc-page-media img,
.mc-bath-visual img,
.mc-feature-media img {
    width: 100%;
    height: 100%;
    min-height: 580px;
    object-fit: cover;
    filter: grayscale(100%);
}

.mc-bath-badge {
    border-radius: 0;
    background: rgba(255, 255, 255, 0.95);
    color: var(--mc-ink);
}

.mc-home-intro {
    position: relative;
    min-height: calc(100vh - 104px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11rem 0 6rem;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.72) 100%),
        url("../img/slide-02.jpg") center center / cover no-repeat;
}

.mc-home-intro::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.12) 100%);
}

.mc-home-intro-content {
    position: relative;
    z-index: 1;
}

.mc-home-intro-label {
    display: inline-block;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.52);
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
}

.mc-home-intro-brand {
    margin-bottom: 0.85rem;
    display: inline-block;
}

.mc-home-intro-logo {
    display: block;
    width: min(340px, 44vw);
    margin: 0 auto;
    padding: 0;
    background: transparent;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.18);
}

.mc-home-intro-copy {
    max-width: 680px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.02rem;
    line-height: 1.9;
}

.mc-home-intro-line {
    display: block;
    width: 155px;
    height: 1px;
    margin: 2rem auto 0;
    background: rgba(255, 255, 255, 0.9);
}

.mc-preloader {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mc-paper);
    transition: opacity 0.45s ease, visibility 0.45s ease;
}

.mc-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

body.mc-preloading {
    overflow: hidden;
}

.mc-preloader__inner {
    text-align: center;
}

.mc-preloader__logo {
    display: block;
    width: min(260px, 58vw);
    margin: 0 auto;
}

.mc-preloader__label {
    display: block;
    margin-top: 1rem;
    color: #8b8882;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.mc-preloader__line {
    position: relative;
    display: block;
    width: 150px;
    height: 1px;
    margin: 1.25rem auto 0;
    overflow: hidden;
    background: rgba(17, 17, 17, 0.18);
}

.mc-preloader__line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mc-black);
    animation: mc-preloader-line 1.15s ease-in-out infinite;
}

@keyframes mc-preloader-line {
    0% {
        transform: translateX(-100%);
    }
    55% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mc-editorial-section {
    background: var(--mc-paper);
}

.mc-home-copy {
    padding-left: 2rem;
}

.mc-card-grid .row {
    margin-right: -20px;
    margin-left: -20px;
}

.mc-card-grid .row > div {
    padding-right: 20px;
    padding-left: 20px;
}

.mc-collection-card,
.mc-bath-card {
    position: relative;
    min-height: 34rem;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    background: #d8d5cf;
}

.mc-collection-card::after,
.mc-bath-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.18) 48%, rgba(0, 0, 0, 0.02) 100%);
}

.mc-collection-card:hover,
.mc-bath-card:hover {
    transform: none;
    box-shadow: none;
}

.mc-collection-card img,
.mc-bath-card img {
    width: 100%;
    height: 100%;
    min-height: 34rem;
    object-fit: cover;
    filter: grayscale(100%);
}

.mc-collection-body,
.mc-bath-card-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 2.2rem 2rem 2.4rem;
}

.mc-collection-body span {
    color: rgba(255, 255, 255, 0.64);
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    letter-spacing: 0.2em;
}

.mc-collection-body h3,
.mc-bath-card-body h3 {
    color: #ffffff;
    font-size: clamp(2.1rem, 2.8vw, 3rem);
}

.mc-collection-body p,
.mc-bath-card-body p {
    color: rgba(255, 255, 255, 0.84);
}

.mc-material-note p,
.mc-material-note a {
    color: var(--mc-muted);
    font-size: 0.95rem;
}

.mc-material-note a {
    color: var(--mc-ink);
    text-decoration: underline;
    text-underline-offset: 0.22rem;
}

.mc-info-card,
.mc-bath-pill,
.mc-step-item,
.mc-step-box,
.mc-contact-card,
.mc-contact-form,
.mc-editorial-main,
.mc-editorial-card,
.mc-highlight-banner,
#accordion-10 .card {
    border: 1px solid var(--mc-line) !important;
    border-radius: 0 !important;
    background: var(--mc-surface);
    box-shadow: none !important;
}

.mc-info-card,
.mc-bath-pill,
.mc-step-item,
.mc-step-box,
.mc-contact-card,
.mc-editorial-card {
    padding: 1.65rem;
}

.mc-info-card span,
.mc-bath-pill-number,
.mc-step-item span,
.mc-step-box span {
    color: #8b8882;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    letter-spacing: 0.22em;
}

.mc-info-card h3,
.mc-bath-pill h3 {
    font-size: 2rem;
}

.mc-steps-shell,
.mc-bath-process {
    padding: 3rem;
    border: 1px solid var(--mc-line);
    border-radius: 0;
    background: var(--mc-surface);
}

.mc-contact-form {
    padding: 2rem;
}

.form-control {
    min-height: 54px;
    border: 1px solid var(--mc-line);
    border-radius: 0;
    background: #faf9f6;
}

textarea.form-control {
    min-height: 170px;
}

.form-control:focus {
    border-color: var(--mc-ink);
    box-shadow: none;
    background: #ffffff;
}

.mc-faq-shell {
    max-width: 980px;
    margin: 0 auto;
}

.mc-faq-item {
    border-top: 1px solid var(--mc-line);
}

.mc-faq-item:last-child {
    border-bottom: 1px solid var(--mc-line);
}

.mc-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.65rem 0;
    list-style: none;
    cursor: pointer;
    color: var(--mc-ink);
    font-family: "Cormorant Garamond", "Times New Roman", serif;
    font-size: clamp(1.9rem, 2.4vw, 2.6rem);
    line-height: 1.1;
}

.mc-faq-item summary::-webkit-details-marker {
    display: none;
}

.mc-faq-toggle::before {
    content: "+";
    color: #9b978f;
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
}

.mc-faq-item[open] .mc-faq-toggle::before {
    content: "-";
}

.mc-faq-answer {
    padding: 0 0 1.5rem;
    max-width: 52rem;
}

.mc-faq-answer p {
    margin-bottom: 0;
    color: var(--mc-muted);
    font-size: 1rem;
    line-height: 1.85;
}

.mc-footer,
.bg {
    margin-top: 0;
    background: var(--mc-black) !important;
    border-top: 0;
}

.bg::before,
.bg::after {
    display: none;
}

.mc-footer-hero {
    padding: 0 0 2.75rem;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.mc-footer .h3,
.mc-footer h2,
.mc-footer h3,
.mc-footer p,
.mc-footer li,
.mc-footer small,
.mc-footer a,
.mc-footer-credit,
.mc-footer-title {
    color: #f3f1eb !important;
}

.mc-footer-kicker,
.mc-footer-title {
    color: rgba(255, 255, 255, 0.62) !important;
}

.mc-footer-title {
    font-family: "Manrope", "NimbusSans", "Helvetica Neue", sans-serif;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.24em;
}

.mc-footer-list li,
.mc-footer-list a {
    color: rgba(255, 255, 255, 0.86) !important;
}

.mc-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.u-go-to-v1 {
    background: var(--mc-black);
}

.u-go-to-v1:hover,
.u-go-to-v1:focus:hover {
    background: #202020;
}

@media screen and (max-width: 991px) {
    .navbar {
        padding: 1.1rem 0.5rem;
    }

    .mc-brand::after {
        display: none;
    }

    .navbar-nav {
        padding: 1rem 1.25rem;
        border: 1px solid var(--mc-line);
        border-radius: 0;
        background: var(--mc-surface);
    }

    .mc-home-intro {
        min-height: auto;
        padding: 9.5rem 0 5rem;
    }

    .mc-home-intro-logo {
        width: min(320px, 72vw);
    }

    .mc-home-copy {
        padding-left: 15px;
    }

    .mc-page-media img,
    .mc-bath-visual img,
    .mc-feature-media img {
        min-height: 360px;
    }

    .mc-collection-card,
    .mc-bath-card,
    .mc-collection-card img,
    .mc-bath-card img {
        min-height: 28rem;
    }

    .mc-steps-shell,
    .mc-bath-process {
        padding: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .mc-home-intro {
        padding: 8.5rem 0 4.25rem;
    }

    .mc-home-intro-brand {
        margin-bottom: 0.7rem;
    }

    .mc-home-intro-logo {
        width: min(255px, 78vw);
    }

    .mc-home-intro-copy {
        max-width: 290px;
        font-size: 0.92rem;
        line-height: 1.75;
    }

    .mc-page-title,
    .mc-bath-title,
    .mc-home-section-title,
    .mc-home-section-title--sm {
        font-size: clamp(2.7rem, 12vw, 3.6rem);
    }

    .mc-faq-item summary {
        font-size: 1.8rem;
    }

    .mc-collection-body,
    .mc-bath-card-body {
        padding: 1.7rem 1.5rem 1.8rem;
    }
}