.elementor-2502 .elementor-element.elementor-element-e8e1953{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2502 .elementor-element.elementor-element-e8e1953:not(.elementor-motion-effects-element-type-background), .elementor-2502 .elementor-element.elementor-element-e8e1953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2502 .elementor-element.elementor-element-c908d75 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-a39bfc1 );}.elementor-2502 .elementor-element.elementor-element-7c09a69{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2502 .elementor-element.elementor-element-b3b7096{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-2502 .elementor-element.elementor-element-b3b7096 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2502 .elementor-element.elementor-element-b3b7096.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2502 .elementor-element.elementor-element-36792bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2502 .elementor-element.elementor-element-36792bc:not(.elementor-motion-effects-element-type-background), .elementor-2502 .elementor-element.elementor-element-36792bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F8F3;}.elementor-2502 .elementor-element.elementor-element-7fe491a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2502 .elementor-element.elementor-element-e2cfd44{color:#333333;font-size:18px;font-weight:500;line-height:1.6em;}.elementor-2502 .elementor-element.elementor-element-4f0ce3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2502 .elementor-element.elementor-element-bd2999e{--display:flex;}.elementor-2502 .elementor-element.elementor-element-ccecbcb.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-2502 .elementor-element.elementor-element-ccecbcb.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-2502 .elementor-element.elementor-element-ccecbcb.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-wrapper .elementor-image-box-img{width:36px;}.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-img img{height:36px;object-fit:fill;transition-duration:0.3s;}.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:18px;}.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:18px;color:#6E6E6E;}.elementor-2502 .elementor-element.elementor-element-da63f36.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-2502 .elementor-element.elementor-element-da63f36.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-2502 .elementor-element.elementor-element-da63f36.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-wrapper .elementor-image-box-img{width:36px;}.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-img img{height:36px;object-fit:fill;transition-duration:0.3s;}.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:18px;}.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:18px;color:#6E6E6E;}.elementor-2502 .elementor-element.elementor-element-11b77e1.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-2502 .elementor-element.elementor-element-11b77e1.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-2502 .elementor-element.elementor-element-11b77e1.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-wrapper .elementor-image-box-img{width:36px;}.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-img img{height:36px;object-fit:fill;transition-duration:0.3s;}.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:18px;}.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:18px;color:#6E6E6E;}.elementor-2502 .elementor-element.elementor-element-e427343{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-2502 .elementor-element.elementor-element-e427343:not(.elementor-motion-effects-element-type-background), .elementor-2502 .elementor-element.elementor-element-e427343 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F8F3;}.elementor-2502 .elementor-element.elementor-element-6826430{padding:0px 0px 0px 0px;}.elementor-2502 .elementor-element.elementor-element-6826430.elementor-element{--align-self:flex-start;}.elementor-2502 .elementor-element.elementor-element-6826430 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;line-height:36px;letter-spacing:1px;}.elementor-2502 .elementor-element.elementor-element-bb96247{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2502 .elementor-element.elementor-element-bb96247:not(.elementor-motion-effects-element-type-background), .elementor-2502 .elementor-element.elementor-element-bb96247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F8F3;}.elementor-2502 .elementor-element.elementor-element-4980852{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2502 .elementor-element.elementor-element-4980852:not(.elementor-motion-effects-element-type-background), .elementor-2502 .elementor-element.elementor-element-4980852 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F8F3;}.elementor-2502 .elementor-element.elementor-element-5ea9fec{--display:flex;}.elementor-2502 .elementor-element.elementor-element-7581c2c{--display:flex;--min-height:100vh;}.elementor-2502 .elementor-element.elementor-element-c27ffa4 iframe{height:90vh;}@media(max-width:1024px){.elementor-2502 .elementor-element.elementor-element-b3b7096{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(max-width:767px){.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-img{margin-bottom:16px;}.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-img{margin-bottom:16px;}.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-img{margin-bottom:16px;}}@media(min-width:768px){.elementor-2502 .elementor-element.elementor-element-36792bc{--content-width:1400px;}.elementor-2502 .elementor-element.elementor-element-7fe491a{--width:50%;}.elementor-2502 .elementor-element.elementor-element-4f0ce3f{--width:50%;}.elementor-2502 .elementor-element.elementor-element-e427343{--content-width:1400px;}.elementor-2502 .elementor-element.elementor-element-bb96247{--content-width:1400px;}.elementor-2502 .elementor-element.elementor-element-4980852{--content-width:1400px;}.elementor-2502 .elementor-element.elementor-element-5ea9fec{--width:35%;}.elementor-2502 .elementor-element.elementor-element-7581c2c{--width:65%;}}/* Start custom CSS for mphbe-search-form, class: .elementor-element-b3b7096 *//* ==================================================
   终极版：基于 MotoPress 真实 HTML 结构的精准覆盖
================================================== */

/* 1. 强制重置 MotoPress 的外层表单容器 */
.luxury-search-bar form.mphb_sc_search-form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important; /* 强制所有列等高，覆盖主题自带的 flex-end */
    background-color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border-radius: 3px !important;
    overflow: hidden !important; 
}

/* 2. 杀掉所有捣乱的隐藏元素和 MotoPress 自带的换行符 */
/* 这一步最关键！干掉了 <br> 按钮就能完美对齐了 */
.luxury-search-bar form.mphb_sc_search-form br,
.luxury-search-bar form.mphb_sc_search-form label,
.luxury-search-bar form.mphb_sc_search-form .mphb-required-fields-tip,
.luxury-search-bar form.mphb_sc_search-form .mphb_sc_search-children {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* 3. 精准控制每一列（包裹输入框的 p 标签） */
.luxury-search-bar form.mphb_sc_search-form > p {
    margin: 0 !important;
    padding: 0 !important; /* 把 padding 移到输入框内部，让点击区域最大化 */
    flex: 1 !important; 
    display: flex !important;
    align-items: stretch !important; /* 让内部输入框拉伸填满 */
    border-right: 1px solid #EAEAEA !important;
    border-bottom: none !important;
}

/* 4. 精准控制输入框和下拉菜单本身 */
.luxury-search-bar form.mphb_sc_search-form input[type="text"],
.luxury-search-bar form.mphb_sc_search-form select {
    width: 100% !important;
    min-height: 65px !important; /* 统一控制整个白条的高度，想调高就改这个数值 */
    background: transparent !important;
    border: none !important;
    padding: 0 20px !important; /* 左右留白 */
    margin: 0 !important;
    color: #333 !important;
    font-size: 15px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important; /* 去除苹果设备的默认样式 */
}

/* ==================================================
   5. 终极解决按钮！精准定位黑框
================================================== */

/* 按钮的父级容器（也就是最右边那一格） */
.luxury-search-bar form.mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
    border-right: none !important; /* 最右边不需要分割线 */
    flex: 1.2 !important; /* 按钮格子稍微宽一点 */
    background-color: #1a1a1a !important; /* 直接给这一格上黑色 */
    transition: background-color 0.3s ease !important;
}

/* 按钮悬停变黑 */
.luxury-search-bar form.mphb_sc_search-form .mphb_sc_search-submit-button-wrapper:hover {
    background-color: #000000 !important;
}

/* 里面的按钮本身 */
.luxury-search-bar form.mphb_sc_search-form input[type="submit"] {
    width: 100% !important;
    height: 100% !important; /* 完全撑满父级黑框 */
    background: transparent !important; /* 变透明，露出底下的黑色 */
    color: #ffffff !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    cursor: pointer !important;
}

/* 6. 手机端响应式排版 */
@media (max-width: 768px) {
    .luxury-search-bar form.mphb_sc_search-form {
        flex-direction: column !important;
    }
    .luxury-search-bar form.mphb_sc_search-form > p {
        border-right: none !important;
        border-bottom: 1px solid #EAEAEA !important;
        width: 100% !important;
    }
    .luxury-search-bar form.mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
        border-bottom: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ccecbcb *//* 1. 针对图标的纯白方块背景（无阴影版） */
.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-img {
    background-color: #F9F8F6;    /* 纯白背景 */
    width: 60px !important;      /* 方块宽度 */
    height: 60px !important;     /* 方块高度 */
    display: flex !important;    /* 居中对齐图标 */
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 12px;         /* 圆角保持 */
    box-shadow: none !important; /* 彻底去掉阴影 */
    margin-right: 20px !important;
    flex-shrink: 0;
}

/* 2. 控制图标大小 */
.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-img img {
    width: 32px !important;      /* 调整这个数值可以改变图标大小 */
    height: auto !important;
}

/* 3. 让右侧文字垂直居中 */
.elementor-2502 .elementor-element.elementor-element-ccecbcb .elementor-image-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-da63f36 *//* 1. 针对图标的纯白方块背景（无阴影版） */
.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-img {
    background-color: #F9F8F6;    /* 纯白背景 */
    width: 60px !important;      /* 方块宽度 */
    height: 60px !important;     /* 方块高度 */
    display: flex !important;    /* 居中对齐图标 */
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 12px;         /* 圆角保持 */
    box-shadow: none !important; /* 彻底去掉阴影 */
    margin-right: 20px !important;
    flex-shrink: 0;
}

/* 2. 控制图标大小 */
.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-img img {
    width: 32px !important;      /* 调整这个数值可以改变图标大小 */
    height: auto !important;
}

/* 3. 让右侧文字垂直居中 */
.elementor-2502 .elementor-element.elementor-element-da63f36 .elementor-image-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-11b77e1 *//* 1. 针对图标的纯白方块背景（无阴影版） */
.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-img {
    background-color: #F9F8F6;    /* 纯白背景 */
    width: 60px !important;      /* 方块宽度 */
    height: 60px !important;     /* 方块高度 */
    display: flex !important;    /* 居中对齐图标 */
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 12px;         /* 圆角保持 */
    box-shadow: none !important; /* 彻底去掉阴影 */
    margin-right: 20px !important;
    flex-shrink: 0;
}

/* 2. 控制图标大小 */
.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-img img {
    width: 32px !important;      /* 调整这个数值可以改变图标大小 */
    height: auto !important;
}

/* 3. 让右侧文字垂直居中 */
.elementor-2502 .elementor-element.elementor-element-11b77e1 .elementor-image-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for mphbe-rooms, class: .elementor-element-7e35f4e *//* ==================================================
   1:1 原版复刻：高奢酒店【左图右文】卡片排版 (固定图片高度 400px)
================================================== */

/* 1. 彻底击杀多余控制栏和乱码方块 */
.luxury-grid-view .mphb-controls-wrapper,
.luxury-grid-view .mphb-view-toggles,
.luxury-grid-view .mphb-sorting-wrapper { display: none !important; }

/* 2. 整体垂直堆叠间距 */
.luxury-grid-view .mphb_sc_rooms-wrapper,
.luxury-grid-view .mphb-room-types {
    display: flex !important;
    flex-direction: column !important;
    gap: 60px !important; 
    width: 100% !important;
}

/* 3. 核心魔法：CSS Grid 左右切割，精准分配行高 */
.luxury-grid-view .mphb-room-type {
    display: grid !important;
    grid-template-columns: 48% 1fr auto !important; /* 左图稍宽一点点，留足呼吸感 */
    /* 精确分配5行：标题 | 属性 | 标签 | 描述(自动撑开) | 按钮 */
    grid-template-rows: auto auto auto 1fr auto !important;
    column-gap: 50px !important; /* 图文之间的巨大留白 */
    row-gap: 12px !important;    /* 右侧文字行之间的紧凑留白 */
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 50px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #EAEAEA !important;
    background: transparent !important;
}

/* 4. 左侧图片：跨越所有行，并锁死高度 400px */
.luxury-grid-view .mphb-room-type-images {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 10 !important; /* 跨越右侧所有行 */
    width: 100% !important;
    height: auto !important; /* 让容器自适应图片高度 */
    margin: 0 !important;
}
.luxury-grid-view .mphb-room-type-images img {
    width: 100% !important;
    height: 400px !important; /* 强制锁定图片高度为 400px */
    object-fit: cover !important; /* 保证图片不变形 */
    border-radius: 2px !important;
}
.luxury-grid-view .mphb-gallery-thumbnails-slider { display: none !important; }

/* 5. 标题：改回左上角顶部对齐，字体微调 */
.luxury-grid-view .mphb-room-type-title {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    font-family: 'Inter', 'Montserrat', sans-serif !important;
    font-size: 20px !important; /* 精致的标题大小 */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    align-self: start !important; /* 顶部对齐 */
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;
}

/* 6. 价格：右上角对齐，样式柔和化并加入前后缀 */
.luxury-grid-view .mphb-regular-price {
    grid-column: 3 / 4 !important;
    grid-row: 1 !important;
    text-align: right !important;
    align-self: start !important; /* 顶部对齐 */
    margin: 0 !important;
    padding-top: 2px !important;
}
/* 清理多余废话 */
.luxury-grid-view .mphb-regular-price strong,
.luxury-grid-view .mphb-price-hints,
.luxury-grid-view .mphb-price-period,
.luxury-grid-view .mphb-tax-information,
.luxury-grid-view .taxes-included { display: none !important; }

/* 价格文字精调 */
.luxury-grid-view .mphb-price {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}
.luxury-grid-view .mphb-price::before {
    content: 'From ';
    font-weight: 600 !important;
    color: #333333 !important;
    font-size: 13px !important;
}
.luxury-grid-view .mphb-price::after {
    content: ' / night';
    font-weight: 500 !important;
    color: #555555 !important;
    font-size: 13px !important;
}

/* 7. 属性列表 (带小圆点分隔) */
.luxury-grid-view .mphb-loop-room-type-attributes,
.luxury-grid-view .mphb-room-type-attributes {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.luxury-grid-view .mphb-loop-room-type-attributes li,
.luxury-grid-view .mphb-room-type-attributes li {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
}
.luxury-grid-view .mphb-loop-room-type-attributes li:not(:last-child)::after,
.luxury-grid-view .mphb-room-type-attributes li:not(:last-child)::after {
    content: '·';
    margin: 0 8px;
    font-weight: 900;
    color: #aaaaaa;
}

/* 8. 分类标签 (灰色小药丸) */
.luxury-grid-view .mphb-room-type-categories {
    grid-column: 2 / 4 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 5px 0 0 0 !important;
}
.luxury-grid-view .mphb-room-type-categories a {
    background-color: #F4F4F4 !important;
    color: #333333 !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* 9. 描述文字 (撑开高度) */
.luxury-grid-view .mphb-room-type-description {
    grid-column: 2 / 4 !important;
    grid-row: 4 !important;
    font-size: 15px !important;
    color: #222222 !important;
    line-height: 1.6 !important;
    margin: 10px 0 0 0 !important;
}

/* 10. 底部按钮区域定制 */
.luxury-grid-view .mphb-view-details-button-wrapper {
    grid-column: 2 / 3 !important;
    grid-row: 5 !important;
    justify-self: end !important; 
    align-self: center !important;
    margin: 0 25px 0 0 !important;
}
.luxury-grid-view .mphb-view-details-button {
    background: transparent !important;
    color: #111111 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}
.luxury-grid-view .mphb-view-details-button::after {
    content: ' ↗';
    font-family: Arial, sans-serif !important;
    font-weight: 400 !important;
    margin-left: 5px;
}

/* 预订按钮 */
.luxury-grid-view .mphb-to-book-btn-wrapper {
    grid-column: 3 / 4 !important;
    grid-row: 5 !important;
    align-self: end !important; 
}
.luxury-grid-view .mphb-book-button {
    background-color: #292929 !important;
    color: #ffffff !important;
    border-radius: 0 !important; 
    padding: 14px 30px !important;
    text-transform: none !important; 
    font-size: 15px !important;
    font-weight: 500 !important;
    border: none !important;
    transition: background 0.3s ease !important;
}
.luxury-grid-view .mphb-book-button::after { 
    content: ' ↗'; 
    margin-left: 8px;
    font-family: Arial, sans-serif !important;
}
.luxury-grid-view .mphb-book-button:hover { background-color: #000000 !important; }
.luxury-grid-view .mphb-to-book-btn-wrapper br { display: none !important; }

/* 11. 手机端响应式 */
@media (max-width: 768px) {
    .luxury-grid-view .mphb-room-type {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
    }
    .luxury-grid-view .mphb-room-type-images { height: 250px !important; } /* 手机上图片矮一点 */
    .luxury-grid-view .mphb-room-type-images img { height: 250px !important; }
    
    .luxury-grid-view .mphb-room-type-title,
    .luxury-grid-view .mphb-regular-price,
    .luxury-grid-view .mphb-room-type-attributes,
    .luxury-grid-view .mphb-room-type-categories,
    .luxury-grid-view .mphb-room-type-description,
    .luxury-grid-view .mphb-view-details-button-wrapper,
    .luxury-grid-view .mphb-to-book-btn-wrapper {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        text-align: left !important;
    }
    .luxury-grid-view .mphb-to-book-btn-wrapper { width: 100% !important; margin-top: 15px !important; }
    .luxury-grid-view .mphb-book-button { width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb96247 *//* ==================================================
   高端房型卡片定制 CSS
================================================== */

/* 1. 强制重置全区字体为现代无衬线体，并设定右侧内边距 */
.luxury-room-card * {
    font-family: 'Inter', 'Montserrat', 'Helvetica Neue', sans-serif !important;
}

.luxury-room-card > .e-con-inner > .e-con:last-child {
    padding: 30px 40px !important; /* 给右侧文字区域增加呼吸感 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 让文字整体垂直居中对齐 */
}

/* 2. 改造标题 (房型名称) */
.luxury-room-card .elementor-widget-heading h1,
.luxury-room-card .elementor-widget-heading h2,
.luxury-room-card .mphb-room-type-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important; /* 强制大写 */
    color: #1a1a1a !important; /* 高级深黑 */
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;
}

/* 3. 改造价格区域 */
.luxury-room-card .mphb-regular-price,
.luxury-room-card .mphb-price-period {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222222 !important;
}

/* 隐藏 MotoPress 烦人的 "(+taxes and fees)" 尾巴 */
.luxury-room-card .mphb-price-hints {
    display: none !important;
}

/* 4. 改造元属性 (2 GUEST 1 BEDROOM...) */
.luxury-room-card .mphb-room-type-attributes {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0px !important;
    padding: 0 !important;
    margin: 25px 0 !important;
    list-style: none !important;
}

/* 把全大写改回首字母大写，修改颜色和大小 */
.luxury-room-card .mphb-room-type-attributes li {
    font-size: 14px !important;
    color: #444444 !important;
    text-transform: capitalize !important; 
    font-weight: 500 !important;
    display: flex;
    align-items: center;
}

/* 魔法：自动在属性之间加上高级的小圆点 (·) */
.luxury-room-card .mphb-room-type-attributes li:not(:last-child)::after {
    content: '·';
    margin: 0 10px; /* 控制圆点左右的间距 */
    color: #999999;
    font-weight: bold;
}

/* 5. 隐藏那个奇怪的灰色占位块 (看截图好像是多余的元素) */
.luxury-room-card .elementor-widget-image-box {
    display: none !important;
}

/* 6. 改造 Book Now 按钮 */
.luxury-room-card .mphb-book-button,
.luxury-room-card .elementor-button {
    background-color: #222222 !important; /* 纯黑偏一点灰 */
    color: #ffffff !important;
    border-radius: 0 !important; /* 强制直角！高级感的关键 */
    padding: 16px 35px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    align-self: flex-start; /* 按钮靠左，不拉伸满 */
    margin-top: auto !important; /* 把按钮推到最下面 */
}

/* 按钮悬停效果 */
.luxury-room-card .mphb-book-button:hover,
.luxury-room-card .elementor-button:hover {
    background-color: #000000 !important;
}
/* =======================================
   给 Loop Item 洗髓伐骨的魔法 CSS
======================================= */

/* 1. 彻底干掉价格前面和后面的废话文本 */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-regular-price strong, /* 杀掉 Prices start at: */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-price-hints,        /* 杀掉 (+taxes and fees) */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-price-period {      /* 杀掉 per night */
    display: none !important;
}

/* 2. 让剩下的纯净价格数字变大变高级 */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-price {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    display: block !important;
    margin-bottom: 20px !important;
}

/* 3. 改造属性列表 (2 GUEST 1 BEDROOM...) */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-room-type-attributes {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    list-style: none !important;
}

.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-room-type-attributes li {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #444444 !important;
    text-transform: uppercase !important;
}

/* 4. 自动在属性之间插入高级点号 (·) */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-room-type-attributes li:not(:last-child)::after {
    content: '·';
    margin: 0 10px;
    color: #aaaaaa;
    font-weight: 900;
}

/* 5. 确保按钮是纯直角的高级黑 */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-book-button {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    padding: 15px 30px !important;
    border: none !important;
}
/* =======================================
   补刀绝杀：彻底干掉残余的税费提示
======================================= */
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-tax-information,
.elementor-2502 .elementor-element.elementor-element-bb96247 .mphb-price-hints,
.elementor-2502 .elementor-element.elementor-element-bb96247 .taxes-included,
.elementor-2502 .elementor-element.elementor-element-bb96247 .taxes-excluded {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 彻底隐藏 MotoPress 自动加塞的排序、视图切换等破损图标 */
.mphb-controls-wrapper,
.mphb-archive-header,
.mphb-view-toggles,
.mphb-sorting-wrapper,
.mphb-loop-header {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for mphbe-rooms, class: .elementor-element-227c9bb *//* ==================================================
   左侧地图列表 终极防弹版 (绝对定位解法)
================================================== */

/* 1. 彻底击碎父级网格，强制变成 100% 宽度的垂直列 */
.luxury-map-list .mphb-room-types,
.luxury-map-list .mphb_sc_rooms-wrapper {
    display: block !important; 
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. 重建卡片本身：留出左侧巨大空白，用来放图片 */
.luxury-map-list .mphb-room-type {
    position: relative !important; /* 作为图片的锚点 */
    display: block !important; /* 放弃 Flex，用最稳的 Block */
    width: 100% !important;
    max-width: 100% !important;
    min-height: 140px !important; /* 确保卡片高度包得住图片 */
    padding: 25px 20px 25px 180px !important; /* 核心：左边距 180px 留给图片 */
    margin: 0 !important;
    border-bottom: 1px solid #EAEAEA !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    float: none !important; /* 干掉默认浮动 */
    clear: both !important;
}

/* 悬停效果 */
.luxury-map-list .mphb-room-type:hover {
    background-color: #F8F8F8 !important; 
    cursor: pointer;
}

/* 3. 图片：强行钉死在卡片左上角的空白处 */
.luxury-map-list .mphb-room-type-images {
    position: absolute !important;
    top: 25px !important; /* 和卡片的上边距对齐 */
    left: 20px !important; /* 靠左停靠 */
    width: 140px !important; /* 锁死图片宽度 */
    height: 90px !important; /* 锁死图片高度 */
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.luxury-map-list .mphb-room-type-images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 隐藏 MotoPress 偷偷生成的缩略图滑块，只留一张主图 */
.luxury-map-list .mphb-gallery-thumbnails-slider {
    display: none !important;
}

/* 4. 文字排版：在右侧区域自然垂直排列 */
.luxury-map-list .mphb-room-type-title {
    font-family: 'Inter', 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #222222 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    display: block !important;
}

.luxury-map-list .mphb-regular-price {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #555555 !important;
    margin: 0 !important;
    display: block !important;
}

/* 5. 隐藏不需要的废话尾巴 */
.luxury-map-list .mphb-price-hints,
.luxury-map-list .mphb-price-period,
.luxury-map-list .mphb-view-details-button,
.luxury-map-list .mphb-book-button,
.luxury-map-list .mphb_sc_accommodation_types-pagination {
    display: none !important;
}
/* 绝杀：隐藏 "Prices start at:" 标签 */
.luxury-map-list .mphb-regular-price strong {
    display: none !important;
}

/* 绝杀：隐藏税费提示 */
.luxury-map-list .mphb-tax-information {
    display: none !important;
}

/* 微调一下分页底部的页码间距 */
.luxury-map-list .mphb_sc_accommodation_types-pagination {
    display: block !important;
    padding: 20px 30px !important;
    font-weight: 500;
}/* End custom CSS */