.elementor-2242 .elementor-element.elementor-element-c27539c{--display:flex;}.elementor-2242 .elementor-element.elementor-element-b7e8cb0{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-2242 .elementor-element.elementor-element-2c926d7f{border-style:none;text-align:center;}.elementor-2242 .elementor-element.elementor-element-2c926d7f:hover{border-style:none;}.elementor-2242 .elementor-element.elementor-element-665d000c{text-align:center;}.elementor-2242 .elementor-element.elementor-element-27a4478c{--display:flex;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2242 .elementor-element.elementor-element-9dba123{--display:flex;}:root{--page-title-display:none;}.static-page-header{display:none;}@media(max-width:767px){.elementor-2242 .elementor-element.elementor-element-27a4478c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-665d000c *//* =========================================
   PetAureli 分类副标题
   精致窄胶囊版
   ========================================= */

.elementor-2242 .elementor-element.elementor-element-665d000c {
    text-align: center;
}


/* 副标题胶囊 */
.elementor-2242 .elementor-element.elementor-element-665d000c p {

    display: inline-block !important;

    /* 关键：压缩上下高度 */
    padding: 5px 15px !important;

    margin: 0 auto !important;

    background: rgba(249, 246, 240, 0.72) !important;

    /* 更细、更柔和的香槟金边 */
    border: 1px solid rgba(196, 157, 94, 0.72) !important;

    border-radius: 999px !important;

    color: #5C5148 !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    /* 让框更贴近文字 */
    line-height: 1.25 !important;

    letter-spacing: 0.02em !important;

    /* 不要太重的阴影 */
    box-shadow:
        0 3px 10px rgba(89, 66, 40, 0.035),
        inset 0 1px 0 rgba(255,255,255,0.75) !important;

    white-space: nowrap !important;
}


/* PC Hover，只做极轻微变化 */
@media (hover: hover) {

    .elementor-2242 .elementor-element.elementor-element-665d000c p:hover {

        background: rgba(250, 247, 242, 0.88) !important;

        border-color: rgba(196, 157, 94, 0.90) !important;

        box-shadow:
            0 4px 12px rgba(89, 66, 40, 0.045) !important;
    }
}


/* 手机端 */
@media (max-width: 767px) {

    .elementor-2242 .elementor-element.elementor-element-665d000c p {

        padding: 4px 12px !important;

        font-size: 11.5px !important;

        line-height: 1.2 !important;

        white-space: normal !important;

        max-width: calc(100% - 28px) !important;
    }
}


/* 小屏手机 */
@media (max-width: 480px) {

    .elementor-2242 .elementor-element.elementor-element-665d000c p {

        padding: 4px 10px !important;

        font-size: 10.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7e8cb0 *//* =========================================================
   PetAureli
   Find the Perfect Pet Portrait
   V2 - 轻量标题背景 + 双侧动态爪印 + 精修分割线
   左侧：pa-find-paw-left
   右侧：pa-find-paw-right
   ========================================================= */


/* =========================
   1. 整体标题区域
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 {

    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    width: calc(100% - 80px) !important;
    max-width: 1420px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,254,251,0.96) 0%,
            rgba(251,248,242,0.82) 100%
        ) !important;

    border:
        1px solid rgba(201,165,106,0.16) !important;

    border-radius: 18px !important;

    padding:
        24px 30px 22px !important;

    box-shadow:
        0 6px 18px rgba(76,56,38,0.025),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease !important;
}


/* =========================
   2. 标题与文字层级
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h1,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h2,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h3,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 p {

    position: relative !important;
    z-index: 5 !important;
}


/* =========================
   3. 主标题
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h1,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h2,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h3 {

    color: #2f2925 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================
   4. 标题下方香槟金分割线
   升级版：更长、更完整
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h1::after,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h2::after,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 h3::after {

    content: "";

    display: block !important;

    width: 76px !important;
    max-width: 76px !important;

    height: 2px !important;

    margin:
        9px auto 0 !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(201,165,106,0) 0%,
            rgba(201,165,106,0.20) 10%,
            rgba(201,165,106,0.50) 26%,
            rgba(201,165,106,0.84) 42%,
            rgba(201,165,106,1) 50%,
            rgba(201,165,106,0.84) 58%,
            rgba(201,165,106,0.50) 74%,
            rgba(201,165,106,0.20) 90%,
            rgba(201,165,106,0) 100%
        ) !important;

    box-shadow:
        0 1px 2px rgba(201,165,106,0.10) !important;
}


/* =========================
   5. 副标题胶囊
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 p {

    display: inline-block !important;

    width: auto !important;
    max-width: 92% !important;

    padding:
        4px 14px !important;

    margin:
        8px auto 0 !important;

    background:
        rgba(255,255,255,0.52) !important;

    border:
        1px solid rgba(201,165,106,0.34) !important;

    border-radius:
        999px !important;

    color:
        #6c6158 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.88) !important;
}


/* =========================================================
   6. 左右动态爪印
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right {

    position: absolute !important;

    top: 50% !important;
    bottom: auto !important;

    width: 165px !important;
    max-width: 165px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform:
        translateY(-50%) !important;

    z-index: 3 !important;

    pointer-events: none !important;
}


/* 左边 */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left {

    left: 18px !important;
    right: auto !important;
}


/* 右边 */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right {

    right: 18px !important;
    left: auto !important;
}


/* =========================
   7. 清理 SVG 默认样式
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .elementor-widget-container,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .elementor-widget-container {

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .elementor-icon-wrapper,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .elementor-icon-wrapper,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .elementor-icon,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .elementor-icon {

    width: 100% !important;
    height: auto !important;

    line-height: 0 !important;
}


.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left svg,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right svg {

    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: none !important;
    overflow: visible !important;
}


/* 右侧镜像 */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right svg {

    transform:
        scaleX(-1) !important;

    transform-origin:
        center center !important;
}


/* 左侧保持原方向 */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left svg {

    transform:
        none !important;
}


/* =========================
   8. 爪印颜色
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left svg,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right svg {

    fill: #c89b5d !important;
    color: #c89b5d !important;
}


.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left svg path,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right svg path {

    fill: #c89b5d !important;

    stroke:
        none !important;

    filter:
        drop-shadow(
            0 1px 1px rgba(255,255,255,0.35)
        )
        drop-shadow(
            0 1px 3px rgba(123,85,40,0.16)
        ) !important;
}


/* =========================
   9. 动画基础
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot,
.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot {

    opacity: 0;

    transform-box:
        fill-box !important;

    transform-origin:
        center center !important;
}


/* 左边向中间 */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot {

    animation:
        paFindLeftToCenter 5s ease-in-out infinite !important;
}


/* 右边向中间 */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot {

    animation:
        paFindRightToCenter 5s ease-in-out infinite !important;
}


/* =========================
   10. 左边延迟
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot:nth-child(1) {
    animation-delay: 0s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot:nth-child(2) {
    animation-delay: 0.32s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot:nth-child(3) {
    animation-delay: 0.64s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot:nth-child(4) {
    animation-delay: 0.96s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot:nth-child(5) {
    animation-delay: 1.28s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot:nth-child(6) {
    animation-delay: 1.60s !important;
}


/* =========================
   11. 右边延迟
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot:nth-child(1) {
    animation-delay: 0s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot:nth-child(2) {
    animation-delay: 0.32s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot:nth-child(3) {
    animation-delay: 0.64s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot:nth-child(4) {
    animation-delay: 0.96s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot:nth-child(5) {
    animation-delay: 1.28s !important;
}

.elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot:nth-child(6) {
    animation-delay: 1.60s !important;
}


/* =========================
   12. 左 → 中间动画
   ========================= */

@keyframes paFindLeftToCenter {

    0% {
        opacity: 0;

        transform:
            translate(0,6px)
            scale(0.76)
            rotate(-4deg);
    }

    12% {
        opacity: 0;
    }

    22% {
        opacity: 0.84;

        transform:
            translate(4px,0)
            scale(1.08)
            rotate(0deg);
    }

    32% {
        opacity: 1;

        transform:
            translate(7px,-2px)
            scale(1)
            rotate(1deg);
    }

    56% {
        opacity: 0.90;

        transform:
            translate(9px,-2px)
            scale(1);
    }

    72% {
        opacity: 0;

        transform:
            translate(14px,-6px)
            scale(0.84)
            rotate(3deg);
    }

    100% {
        opacity: 0;

        transform:
            translate(14px,-6px)
            scale(0.84);
    }
}


/* =========================
   13. 右 → 中间动画
   ========================= */

@keyframes paFindRightToCenter {

    0% {
        opacity: 0;

        transform:
            translate(0,6px)
            scale(0.76)
            rotate(4deg);
    }

    12% {
        opacity: 0;
    }

    22% {
        opacity: 0.84;

        transform:
            translate(-4px,0)
            scale(1.08)
            rotate(0deg);
    }

    32% {
        opacity: 1;

        transform:
            translate(-7px,-2px)
            scale(1)
            rotate(-1deg);
    }

    56% {
        opacity: 0.90;

        transform:
            translate(-9px,-2px)
            scale(1);
    }

    72% {
        opacity: 0;

        transform:
            translate(-14px,-6px)
            scale(0.84)
            rotate(-3deg);
    }

    100% {
        opacity: 0;

        transform:
            translate(-14px,-6px)
            scale(0.84);
    }
}


/* =========================
   14. Hover
   ========================= */

.elementor-2242 .elementor-element.elementor-element-b7e8cb0:hover {

    transform:
        translateY(-1px) !important;

    border-color:
        rgba(201,165,106,0.25) !important;

    box-shadow:
        0 8px 22px rgba(76,56,38,0.04),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
}


/* =========================================================
   15. 平板
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 {

        width: calc(100% - 48px) !important;

        border-radius: 17px !important;

        padding:
            22px 24px 20px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 h1::after,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 h2::after,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 h3::after {

        width: 68px !important;
        max-width: 68px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right {

        width: 132px !important;
        max-width: 132px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left {

        left: 10px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right {

        right: 10px !important;
    }

}


/* =========================================================
   16. 手机
   ========================================================= */

@media (max-width: 767px) {

    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 {

        width: calc(100% - 28px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        border-radius: 15px !important;

        padding:
            18px 12px 17px !important;

        box-shadow:
            0 4px 12px rgba(76,56,38,0.02),
            inset 0 1px 0 rgba(255,255,255,0.95) !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 p {

        max-width: 94% !important;

        padding:
            4px 10px !important;

        font-size: 12px !important;
        line-height: 1.35 !important;
    }


    /* 手机分割线 */

    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 h1::after,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 h2::after,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 h3::after {

        width: 60px !important;
        max-width: 60px !important;

        height: 2px !important;

        margin:
            8px auto 0 !important;
    }


    /* 手机爪印 */

    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right {

        width: 82px !important;
        max-width: 82px !important;

        top: 50% !important;

        transform:
            translateY(-50%) !important;

        opacity: 0.92 !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left {

        left: 2px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right {

        right: 2px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-b7e8cb0:hover {

        transform: none !important;
    }

}


/* =========================================================
   17. 减少动态效果
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-left .wdt-pet-foot,
    .elementor-2242 .elementor-element.elementor-element-b7e8cb0 .pa-find-paw-right .wdt-pet-foot {

        animation: none !important;

        opacity: 0.72 !important;

        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for milano-image-box-carousel, class: .elementor-element-72718ebf *//* =========================================================
   PetAureli
   Milano Image Box Carousel
   三步流程最终版
   + 左上角真实案例标签
   + 图片 5% 压暗
   + 高级悬浮放大效果

   使用位置：
   当前 Image Box Carousel
   → 高级设置
   → Custom CSS

   旧代码全部删除
   完整替换为本代码
   ========================================================= */


/* =========================================================
   1. 全局品牌变量
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf {
    --pa-gold: #c9a56a;
    --pa-gold-soft: #dcc59d;
    --pa-text: #2f2925;
    --pa-muted: #6f655c;
    --pa-cream: #fbf8f2;
    --pa-brown: #5b4635;
}


/* =========================================================
   2. 每个卡片基础
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box {
    position: relative !important;

    /* 不再使用 overflow:hidden
       避免悬浮放大时被裁掉 */
    overflow: visible !important;
}


/* =========================================================
   3. 图片基础状态
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box img {
    display: block !important;

    position: relative !important;
    z-index: 1 !important;

    border-radius: 16px !important;

    border:
        1px solid
        rgba(201, 165, 106, 0.28) !important;

    /* 默认轻微压暗 5% */
    filter:
        brightness(0.95)
        saturate(0.98) !important;

    box-shadow:
        0 8px 24px rgba(68, 49, 34, 0.055),
        0 2px 6px rgba(68, 49, 34, 0.025) !important;

    transform:
        translateY(0)
        scale(1) !important;

    transform-origin:
        center center !important;

    will-change:
        transform,
        filter,
        box-shadow !important;

    transition:
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.40s ease,
        box-shadow 0.48s ease,
        border-color 0.40s ease !important;
}


/* =========================================================
   4. 图片鼠标悬浮
   核心升级区域
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box:hover img {

    /* 上浮 + 放大 */
    transform:
        translateY(-3px)
        scale(1.035) !important;

    /* 悬浮时稍微恢复亮度
       让互动感更明显 */
    filter:
        brightness(0.985)
        saturate(1.01) !important;

    /* 香槟金边更明显 */
    border-color:
        rgba(201, 165, 106, 0.72) !important;

    /* 高级柔和立体阴影 */
    box-shadow:
        0 18px 42px rgba(68, 49, 34, 0.14),
        0 6px 16px rgba(68, 49, 34, 0.07),
        0 0 0 1px rgba(201, 165, 106, 0.08)
        !important;
}


/* =========================================================
   5. 左上角真实案例标签
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box::before {

    position: absolute !important;

    top: 16px !important;
    left: 16px !important;

    z-index: 20 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    padding:
        7px 13px !important;

    background:
        rgba(251, 248, 242, 0.92) !important;

    border:
        1px solid
        rgba(201, 165, 106, 0.72) !important;

    border-radius:
        999px !important;

    box-shadow:
        0 5px 16px rgba(70, 50, 30, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.88)
        !important;

    color:
        #66513f !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    letter-spacing:
        1.1px !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    backdrop-filter:
        blur(7px);

    -webkit-backdrop-filter:
        blur(7px);

    pointer-events:
        none !important;

    transform:
        translateY(0)
        scale(1) !important;

    transition:
        transform 0.40s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease
        !important;
}


/* =========================================================
   6. 三张图片对应标签
   ========================================================= */

/* 第1张 */

.elementor-2242 .elementor-element.elementor-element-72718ebf
.swiper-slide:nth-child(1)
.milano-image-box::before {

    content:
        "REAL PET PHOTO";
}


/* 第2张 */

.elementor-2242 .elementor-element.elementor-element-72718ebf
.swiper-slide:nth-child(2)
.milano-image-box::before {

    content:
        "HANDCRAFTED PORTRAIT";
}


/* 第3张 */

.elementor-2242 .elementor-element.elementor-element-72718ebf
.swiper-slide:nth-child(3)
.milano-image-box::before {

    content:
        "FRAMED FINAL PIECE";
}


/* =========================================================
   7. 标签悬浮联动
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf
.milano-image-box:hover::before {

    transform:
        translateY(-2px)
        scale(1.025) !important;

    background:
        rgba(255, 252, 247, 0.98) !important;

    border-color:
        rgba(201, 165, 106, 1) !important;

    box-shadow:
        0 8px 22px rgba(70, 50, 30, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.95)
        !important;
}


/* =========================================================
   8. STEP 1 / STEP 2 / STEP 3
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__subtitle {

    color:
        #a98655 !important;

    font-size:
        11px !important;

    line-height:
        1.2 !important;

    font-weight:
        700 !important;

    letter-spacing:
        1.4px !important;

    text-transform:
        uppercase !important;

    margin-top:
        15px !important;

    margin-bottom:
        7px !important;
}


/* STEP 左右香槟金细线 */

.elementor-2242 .elementor-element.elementor-element-72718ebf
.milano-image-box__subtitle::before,

.elementor-2242 .elementor-element.elementor-element-72718ebf
.milano-image-box__subtitle::after {

    content: "";

    display:
        inline-block;

    width:
        18px;

    height:
        1px;

    background:
        rgba(201, 165, 106, 0.72);

    vertical-align:
        middle;

    margin:
        0 8px;
}


/* =========================================================
   9. 卡片主标题
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__title {

    color:
        var(--pa-text) !important;

    font-size:
        24px !important;

    line-height:
        1.16 !important;

    font-weight:
        650 !important;

    letter-spacing:
        -0.45px !important;

    margin-top:
        0 !important;

    margin-bottom:
        8px !important;

    transition:
        color 0.3s ease !important;
}


/* 鼠标悬浮时标题轻微加深 */

.elementor-2242 .elementor-element.elementor-element-72718ebf
.milano-image-box:hover
.milano-image-box__title {

    color:
        #241e1a !important;
}


/* =========================================================
   10. 描述文字
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__description {

    color:
        var(--pa-muted) !important;

    font-size:
        15px !important;

    line-height:
        1.58 !important;

    font-weight:
        400 !important;

    max-width:
        390px;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    margin-bottom:
        0 !important;
}


/* 描述内部 P */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__description p {

    margin:
        0 !important;
}


/* =========================================================
   11. 内容区域
   ========================================================= */

.elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__content {

    position:
        relative !important;

    z-index:
        3 !important;

    padding-left:
        4px !important;

    padding-right:
        4px !important;
}


/* =========================================================
   12. 平板
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box img {

        border-radius:
            15px !important;
    }


    /* 平板稍微降低放大量 */

    .elementor-2242 .elementor-element.elementor-element-72718ebf
    .milano-image-box:hover img {

        transform:
            translateY(-2px)
            scale(1.025) !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box::before {

        top:
            13px !important;

        left:
            13px !important;

        padding:
            6px 11px !important;

        font-size:
            9px !important;

        letter-spacing:
            1px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__subtitle {

        font-size:
            10px !important;

        letter-spacing:
            1.25px !important;

        margin-top:
            14px !important;

        margin-bottom:
            6px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__title {

        font-size:
            22px !important;

        line-height:
            1.18 !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__description {

        font-size:
            14px !important;

        line-height:
            1.55 !important;

        max-width:
            350px;
    }
}


/* =========================================================
   13. 手机
   手机没有真正 Hover
   因此不做大幅放大，防止滑动时跳动
   ========================================================= */

@media (max-width: 767px) {

    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box img {

        border-radius:
            13px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box::before {

        top:
            10px !important;

        left:
            10px !important;

        padding:
            5px 9px !important;

        font-size:
            8px !important;

        letter-spacing:
            0.85px !important;

        border-radius:
            999px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__subtitle {

        font-size:
            10px !important;

        line-height:
            1.2 !important;

        letter-spacing:
            1.1px !important;

        margin-top:
            12px !important;

        margin-bottom:
            5px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf
    .milano-image-box__subtitle::before,

    .elementor-2242 .elementor-element.elementor-element-72718ebf
    .milano-image-box__subtitle::after {

        width:
            12px;

        margin:
            0 6px;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__title {

        font-size:
            20px !important;

        line-height:
            1.18 !important;

        letter-spacing:
            -0.3px !important;

        margin-bottom:
            6px !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box__description {

        font-size:
            13px !important;

        line-height:
            1.5 !important;

        max-width:
            320px;
    }


    /* 手机关闭 Hover 放大 */

    .elementor-2242 .elementor-element.elementor-element-72718ebf
    .milano-image-box:hover img {

        transform:
            none !important;

        filter:
            brightness(0.95)
            saturate(0.98) !important;
    }


    .elementor-2242 .elementor-element.elementor-element-72718ebf
    .milano-image-box:hover::before {

        transform:
            none !important;
    }
}


/* =========================================================
   PetAureli
   三步骤流程
   手机端取消横向轮播
   改为 Step 1 / Step 2 / Step 3 纵向依次排列
   ========================================================= */

@media (max-width: 767px) {

    /* 取消 Swiper 横向滑动结构 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-wrapper {
        display: flex !important;
        flex-direction: column !important;

        transform: none !important;

        width: 100% !important;
        height: auto !important;

        gap: 26px !important;
    }


    /* 每一个步骤占整行 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-slide {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        flex:
            0 0 100% !important;

        height: auto !important;
    }


    /* 防止主题给 slide 固定像素宽度 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-slide[style] {
        width: 100% !important;
        margin-right: 0 !important;
    }


    /* 整个轮播区域允许正常显示全部内容 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper,
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-container {
        overflow: visible !important;

        width: 100% !important;
        height: auto !important;
    }


    /* 图片宽度统一 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box img {
        width: 100% !important;
        height: auto !important;

        display: block !important;
    }


    /* 每个步骤之间稍微留一点距离 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .milano-image-box {
        width: 100% !important;

        margin: 0 !important;
    }


    /* 隐藏分页小圆点 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-pagination {
        display: none !important;
    }


    /* 隐藏左右箭头 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-button-prev,
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-button-next,
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-navigation {
        display: none !important;
    }


    /* 防止 Swiper 自己计算高度 */
    .elementor-2242 .elementor-element.elementor-element-72718ebf ux-slider,
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-wrapper,
    .elementor-2242 .elementor-element.elementor-element-72718ebf .swiper-slide {
        min-height: 0 !important;
    }

}/* End custom CSS */