.elementor-3590 .elementor-element.elementor-element-63659086{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3590 .elementor-element.elementor-element-a6ac6a7{--display:flex;}.elementor-3590 .elementor-element.elementor-element-45f6c13a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3590 .elementor-element.elementor-element-218a7eda{--divider-border-style:solid;--divider-color:#F7F7F7;--divider-border-width:1px;}.elementor-3590 .elementor-element.elementor-element-218a7eda .elementor-divider-separator{width:100%;}.elementor-3590 .elementor-element.elementor-element-218a7eda .elementor-divider{padding-block-start:5px;padding-block-end:5px;}/* Start custom CSS for shortcode, class: .elementor-element-3345e72b *//* ==========================================================
   MOGOGO REVIEWS – MAMMALY STYLE GRID
   Desktop 4 / Desktop small 3 / Tablet 2 / Mobile 1
   ========================================================== */


/* ==========================================================
   REVIEW GRID
   ========================================================== */

.mogogo-reviews-masonry {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 20px !important;

    width: 100% !important;
    max-width: 100% !important;

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

    /* 清除旧 Masonry / Columns */
    column-count: unset !important;
    column-gap: 0 !important;

    align-items: start !important;
}


/* ==========================================================
   REVIEW CARD
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-card {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #e7e7e7 !important;
    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.045) !important;

    break-inside: auto !important;
    page-break-inside: auto !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.mogogo-reviews-masonry .mogogo-review-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.08) !important;
}


/* ==========================================================
   CUSTOMER IMAGE / VIDEO
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-card-media {
    position: relative;

    width: 100% !important;

    /*
     * 类似 Mammaly 的竖向卡片图片
     */
    aspect-ratio: 4 / 5;

    overflow: hidden !important;

    background: #f4f4f4 !important;
}


/* 图片 */

.mogogo-reviews-masonry .mogogo-review-main-image {
    display: block !important;

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

    min-height: 0 !important;
    max-height: none !important;

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

    object-fit: cover !important;
}


/* 视频 */

.mogogo-reviews-masonry .mogogo-review-main-video {
    display: block !important;

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

    margin: 0 !important;

    object-fit: cover !important;

    background: #000 !important;
}


/* 多张照片数量 */

.mogogo-reviews-masonry .mogogo-media-count {
    position: absolute;

    right: 10px;
    bottom: 10px;

    display: inline-flex;

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

    min-width: 32px;
    height: 32px;

    padding: 0 8px;

    background: rgba(0, 0, 0, 0.68);

    border-radius: 999px;

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;

    line-height: 1;
}


/* ==========================================================
   CARD BODY
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-card-body {
    padding: 15px 16px 17px !important;
}


/* ==========================================================
   AUTHOR
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-author-row {
    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin: 0 0 3px !important;
}


.mogogo-reviews-masonry .mogogo-review-author {
    color: #292929 !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
}


/* Verified Icon */

.mogogo-reviews-masonry .mogogo-verified {
    display: inline-flex !important;

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

    width: 15px !important;
    height: 15px !important;

    flex: 0 0 15px !important;

    background: #464b4f !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}


/* ==========================================================
   DATE
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-date {
    margin: 0 0 9px !important;

    color: #777777 !important;

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

    line-height: 1.3 !important;
}


/* ==========================================================
   STARS
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-stars {
    display: flex !important;

    align-items: center !important;

    gap: 1px !important;

    margin: 0 0 10px !important;

    line-height: 1 !important;
}


.mogogo-reviews-masonry .mogogo-review-stars span {
    display: inline-block !important;

    color: #d8d8d8 !important;

    font-size: 17px !important;

    line-height: 1 !important;
}


.mogogo-reviews-masonry .mogogo-review-stars span.active {
    color: #F5A623 !important;
}


/* ==========================================================
   REVIEW TEXT
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-text {
    color: #484848 !important;

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

    line-height: 1.52 !important;
}


.mogogo-reviews-masonry .mogogo-review-text p {
    margin: 0 0 8px !important;
    padding: 0 !important;
}


.mogogo-reviews-masonry .mogogo-review-text p:last-child {
    margin-bottom: 0 !important;
}


/* ==========================================================
   PRODUCT NAME
   ========================================================== */

.mogogo-reviews-masonry .mogogo-review-product {
    display: inline-block !important;

    margin-top: 14px !important;

    color: #F4511E !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    text-decoration: none !important;
}


.mogogo-reviews-masonry .mogogo-review-product:hover {
    color: #D94312 !important;

    text-decoration: underline !important;
}


/* ==========================================================
   EMPTY STATE
   ========================================================== */

.mogogo-reviews-empty {
    width: 100%;

    box-sizing: border-box;

    padding: 28px;

    background: #f7f7f7;

    border-radius: 14px;

    color: #68727d;

    text-align: center;

    font-size: 14px;
}


/* ==========================================================
   SMALL DESKTOP
   3 列
   ========================================================== */

@media (max-width: 1200px) {

    .mogogo-reviews-masonry {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }

}


/* ==========================================================
   TABLET
   2 列
   ========================================================== */

@media (max-width: 1024px) {

    .mogogo-reviews-masonry {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }


    .mogogo-reviews-masonry .mogogo-review-card-body {
        padding: 15px !important;
    }


    .mogogo-reviews-masonry .mogogo-review-text {
        font-size: 13px !important;
    }

}


/* ==========================================================
   MOBILE
   1 列
   ========================================================== */

@media (max-width: 767px) {

    .mogogo-reviews-masonry {
        grid-template-columns:
            1fr !important;

        gap: 16px !important;

        width: 100% !important;
    }


    .mogogo-reviews-masonry .mogogo-review-card {
        width: 100% !important;

        margin: 0 !important;

        border-radius: 12px !important;
    }


    /*
     * 手机不要用过高的竖图，
     * 改成稍宽的 4:3
     */
    .mogogo-reviews-masonry .mogogo-review-card-media {
        aspect-ratio: 4 / 3;
    }


    .mogogo-reviews-masonry .mogogo-review-main-image,
    .mogogo-reviews-masonry .mogogo-review-main-video {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        object-fit: cover !important;
    }


    .mogogo-reviews-masonry .mogogo-review-card-body {
        padding: 15px !important;
    }


    .mogogo-reviews-masonry .mogogo-review-author {
        font-size: 14px !important;
    }


    .mogogo-reviews-masonry .mogogo-review-date {
        font-size: 11px !important;
    }


    .mogogo-reviews-masonry .mogogo-review-stars span {
        font-size: 16px !important;
    }


    .mogogo-reviews-masonry .mogogo-review-text {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }


    .mogogo-reviews-masonry .mogogo-review-product {
        margin-top: 12px !important;

        font-size: 12px !important;
    }

}

/* ==========================================================
   MOGOGO REVIEWS – CARD GAP FIX
   ========================================================== */

/* Desktop */
.mogogo-reviews-masonry {
    column-gap: 14px !important;
    row-gap: 18px !important;
    gap: 18px 14px !important;
}


/* Tablet */
@media (max-width: 1024px) {

    .mogogo-reviews-masonry {
        column-gap: 12px !important;
        row-gap: 16px !important;
        gap: 16px 12px !important;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .mogogo-reviews-masonry {
        column-gap: 0 !important;
        row-gap: 16px !important;
        gap: 16px 0 !important;
    }

}/* End custom CSS */