.elementor-35016 .elementor-element.elementor-element-cdd98cd{--display:flex;--margin-top:-60px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;}.elementor-35016 .elementor-element.elementor-element-77c288d{--display:flex;--min-height:340px;--justify-content:center;}.elementor-35016 .elementor-element.elementor-element-77c288d:not(.elementor-motion-effects-element-type-background), .elementor-35016 .elementor-element.elementor-element-77c288d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcb.esp32s.com/wp-content/uploads/diyipcb-services/2026/08/pcb_capability-1787388357.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-35016 .elementor-element.elementor-element-c52c56a{--display:flex;}.elementor-35016 .elementor-element.elementor-element-6917a19{--display:flex;}.elementor-35016 .elementor-element.elementor-element-9ace71d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-35016 .elementor-element.elementor-element-bb5d211{--display:flex;}.elementor-35016 .elementor-element.elementor-element-f878700{--display:flex;}.elementor-35016 .elementor-element.elementor-element-7680700{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-35016 .elementor-element.elementor-element-9ace71d{--grid-auto-flow:row;}}@media(min-width:769px){.elementor-35016 .elementor-element.elementor-element-77c288d{--content-width:1680px;}.elementor-35016 .elementor-element.elementor-element-6917a19{--content-width:1480px;}}@media(max-width:768px){.elementor-35016 .elementor-element.elementor-element-9ace71d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-b5dec63 *//* ================================
   Equipment Gallery
   WordPress Custom HTML Block
================================ */

.equipment-gallery-wp {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    box-sizing: border-box;
}

.equipment-gallery-wp *,
.equipment-gallery-wp *::before,
.equipment-gallery-wp *::after {
    box-sizing: border-box;
}

/* ===== 卡片 ===== */

.equipment-gallery-wp .equipment-card {
    width: 100%;
    min-width: 0;
    height: 475px;

    padding: 30px 12px 24px;

    border: 1px solid #e8e8e8;
    background: #ffffff;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    cursor: pointer;

    overflow: hidden;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

/* ===== Hover 放大 ===== */

.equipment-gallery-wp .equipment-card:hover {
    transform: scale(1.025);

    border-color: #d8d8d8;

    box-shadow: 0 10px 28px rgba(0,0,0,0.10);

    position: relative;
    z-index: 5;
}

/* ===== 圖片區 ===== */

.equipment-gallery-wp .equipment-image {
    width: 100%;
    height: 190px;

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

    margin-bottom: 22px;

    overflow: hidden;
}

/* ===== 圖片 ===== */

.equipment-gallery-wp .equipment-image img {
    display: block;

    width: auto;
    max-width: 100%;
    height: 190px;

    object-fit: contain;

    transition: transform 0.38s ease;
}

/* Hover 圖片微放大 */

.equipment-gallery-wp .equipment-card:hover .equipment-image img {
    transform: scale(1.045);
}

/* ===== 文字 ===== */

.equipment-gallery-wp .equipment-text {
    margin: 0;
    padding: 0 2px;

    color: #9aa0a6;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
}


/* =================================
   Popup 彈窗
================================= */

.equipment-popup {
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

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

    display: flex;

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

    padding: 30px;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;

    z-index: 999999;
}

/* Popup 打開 */

.equipment-popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* ===== Popup 內容 ===== */

.equipment-popup-content {
    position: relative;

    width: min(1100px, 92vw);
    max-height: 90vh;

    display: flex;

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


/* ===== Popup 圖片 ===== */

.equipment-popup-image {
    display: block;

    max-width: 100%;
    max-height: 86vh;

    width: auto;
    height: auto;

    object-fit: contain;

    background: #ffffff;

    box-shadow: 0 15px 50px rgba(0,0,0,0.35);
}


/* ===== 關閉按鈕 ===== */

.equipment-popup-close {
    position: absolute;

    top: -18px;
    right: -18px;

    width: 44px;
    height: 44px;

    border: 0;
    border-radius: 50%;

    background: #ffffff;

    color: #333333;

    font-size: 30px;
    line-height: 44px;

    text-align: center;

    cursor: pointer;

    padding: 0;

    box-shadow: 0 4px 18px rgba(0,0,0,0.25);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.equipment-popup-close:hover {
    transform: scale(1.08);
    background: #f3f3f3;
}


/* =================================
   Popup 打開時禁止背景滾動
================================= */

body.equipment-popup-open {
    overflow: hidden;
}


/* =================================
   Tablet 平板
================================= */

@media (max-width: 900px) {

    .equipment-gallery-wp {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .equipment-gallery-wp .equipment-card {
        height: 390px;
        padding: 22px 10px 20px;
    }

    .equipment-gallery-wp .equipment-image {
        height: 160px;
        margin-bottom: 18px;
    }

    .equipment-gallery-wp .equipment-image img {
        height: 160px;
    }

    .equipment-gallery-wp .equipment-text {
        font-size: 16px;
    }
}


/* =================================
   Mobile 手機
================================= */

@media (max-width: 560px) {

    .equipment-gallery-wp {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .equipment-gallery-wp .equipment-card {
        height: 340px;
        padding: 16px 7px 16px;
    }

    .equipment-gallery-wp .equipment-image {
        height: 135px;
        margin-bottom: 14px;
    }

    .equipment-gallery-wp .equipment-image img {
        height: 135px;
        max-width: 100%;
    }

    .equipment-gallery-wp .equipment-text {
        font-size: 14px;
        line-height: 1.3;
    }


    /* 手機 Popup */

    .equipment-popup {
        padding: 18px;
    }

    .equipment-popup-content {
        width: 94vw;
    }

    .equipment-popup-image {
        max-width: 94vw;
        max-height: 82vh;
    }

    .equipment-popup-close {
        top: -15px;
        right: -8px;

        width: 40px;
        height: 40px;

        font-size: 26px;
        line-height: 40px;
    }
}/* End custom CSS */