/* 2026-10 改版（issue #1）— service。只放這次新增／覆蓋的樣式 */

/* S-05／S-06：深藍區塊左右兩半各一張圖（桌機並排、手機上下排，等比例不裁切） */
#service .service-full-2026 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    padding: 50px 40px;
    font-size: 0;
}
#service .service-full-2026-item {
    flex: 1 1 0;
    min-width: 0;
    max-width: 800px;
}
#service .service-full-2026-item img,
#service .service-solutions-box img,
#service .service-design-box img,
#service .service-cta-2026 img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* S-07／S-08：新圖較大，放寬容器 */
#service .service-solutions-box,
#service .service-design-box {
    width: 1200px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
#service .service-solutions-box .servcie-solutions-title,
#service .service-design-box .servcie-solutions-title {
    width: auto;
}

/* S-09：結尾 CTA 整張圖可點 */
#service .service-cta-2026 {
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

@media (max-width: 767px) {
    #service .service-full-2026 {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        padding: 24px 16px;
    }
    #service .service-full-2026-item {
        flex: none;
        width: 100%;
    }
    #service .service-solutions-box,
    #service .service-design-box {
        padding-left: 16px;
        padding-right: 16px;
    }
}