/* body{
    background: linear-gradient(to bottom, #efe8e9, #fff);
} */
.engin-cases-detail-page {
    padding: 4rem 1.5rem 0rem;
    text-align: center;

  background-image: linear-gradient(to bottom, #efe8e9, #fff);
  background-size: 101% 760px;
  background-repeat: no-repeat;
  background-color: #fff;
}
.col-lg-6{
    padding: 0rem 5rem 0rem 0rem;
}
.engin-cases-detail-page h2 {
    color: #995964;
    margin-bottom: 1rem;
    font-size: 44px;
    font-family: "Noto Sans Japanese", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.case_detail_content{
    padding: 3rem !important;
}

.engin-cases-detail-page h3 {
    color: #995964;
    line-height: 1.5;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30.8px;
    font-family: "Noto Sans Japanese", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.engin-cases-detail-page h4,
.engin-cases-detail-page h5 {
    margin-bottom: 6rem;
    color: #393939;
    font-size: 16px;
}

.engin-cases-detail-page h5 {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    margin-top: 3rem;
}
.furniture-categories .container{
    max-width: 1410px;;
}

.aos-animate-text{
    padding: 2rem 0 2rem 5rem !important;
}

.engin-cases-detail-content {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.engin-cases-detail-image {
    position: relative;
    overflow: hidden;
    max-width: 1400px;
    width: 100%;
    aspect-ratio: 1 / 0.4;
    box-shadow: 0 18px 40px rgba(9, 28, 45, 0.16);
}

.engin-cases-detail-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    transform-origin: center;
    transition: transform 0.45s ease;
    animation: enginDetailImageZoom 3s ease-out forwards;
}

.engin-detail-animate {
    opacity: 0;
    transform: translateY(45px);
    animation: enginDetailSlideUp 0.9s ease-out forwards;
    animation-delay: var(--engin-detail-delay, 0s);
}

.engin-cases-detail-page .furniture-section {
    max-width: 1410px;
    margin: 5rem auto 0;
}

.engin-cases-detail-page .furniture-image-wrapper {
    overflow: hidden;
    box-shadow: 0 18px 38px rgba(9, 28, 45, 0.12);
    max-width: 1410px;
    width: 100%;
    height: 392px;
    position: relative;
}

.engin-cases-detail-page .furniture-image-wrapper img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.align-items-center{
    height: 392px;
}

.engin-cases-detail-page .furniture-title {
    background: none;
}

.engin-cases-detail-page .furniture-title::after {
    display: none;
}

/* PC端固定尺寸 */
@media (min-width: 992px) {
    .engin-cases-detail-page .furniture-image-wrapper {
        width: 705px !important;
        height: 392px !important;
        max-width: 705px !important;
        min-width: 705px;
        flex-shrink: 0;
    }
    
    .engin-cases-detail-page .col-lg-6.aos-animate-text {
        width: 705px;
        height: 392px;
        max-width: 705px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@keyframes enginDetailImageZoom {
    0% {
        transform: scale(1.18);
    }

    100% {
        transform: scale(1.08);
    }
}

@keyframes enginDetailSlideUp {
    0% {
        opacity: 0;
        transform: translateY(45px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991.98px) {
    .engin-cases-detail-page{
        padding: 0 10px 0 10px;
        margin: 0 auto;
        max-width: 384px;
        margin-top: 3rem;;
    }
    .engin-cases-detail-page h2{
        font-size: 38.7px;
    }
    .engin-cases-detail-page h4, .engin-cases-detail-page h5{
        margin-bottom: 3rem;
        margin-top: 0rem;
    }
    .engin-cases-detail-content{
        box-shadow: none;
    }
    .engin-cases-detail-page h3{
        font-size: 27px;
        margin-top: 3rem;
    }
    .furniture-image-wrapper{
        width: 100%;
        min-width: 0 !important;
    }
    .aos-animate-text{
        padding: 1rem !important;
    }
    .align-items-center{
        margin-bottom: 0 !important;
    }
}

@media (max-width: 575.98px) {
    /* Mobile: module width 360px centered */
    .engin-cases-detail-page .container {
        max-width: 384px;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .engin-cases-detail-content{
        margin-bottom: 0rem;
    }
    .engin-cases-detail-image{
        height: 142px;
    }
    .engin-cases-detail-page{
        background-image: none;
    }
    .engin-cases-detail-page{
        max-width: 384px;
    }
    .furniture-image-wrapper{
        height: 213px !important;
    }
    .mb-4,.mb-5{
        margin-bottom: 0rem !important;
    }

    .engin-cases-detail-page .furniture-section {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Mobile: image height 200px */
    .engin-cases-detail-page .furniture-image-wrapper {
        height: 200px !important;
        aspect-ratio: auto;
    }

    .engin-cases-detail-page .furniture-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .align-items-center {
        height: auto;
    }

    /* Fix right-layout text block not centered on mobile */
    .left-text-detail {
        padding: 0 !important;
        margin: 0 auto;
        max-width: 360px;
    }

    .engin-cases-detail-page .row.align-items-center {
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
    }

    .engin-cases-detail-page .row.align-items-center > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .col-lg-6{
        padding: 1rem !important;
    }
}

.furniture-categories {
    padding: 80px 0;
}

.furniture-categories .container {
    max-width: 1410px;
}

.furniture-section {
    position: relative;
    margin-bottom: 80px;
}

.furniture-section:last-child {
    margin-bottom: 0;
}

.furniture-section .col-lg-6 {
    position: relative;
}

.furniture-image-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0;
    height: 392px;
    min-width: 705px;
}

.furniture-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.furniture-image-wrapper[data-aos="zoom-out"] {
    transform: none;
}

.furniture-image-wrapper[data-aos="zoom-out"]:not(.zoom-out-triggered) img {
    transform: scale(1.16);
}

.furniture-image-wrapper[data-aos="zoom-out"].zoom-out-triggered img {
    transform: scale(1.08);
    transition: transform 0.8s ease;
}

.furniture-image-wrapper:hover img,
.furniture-image-wrapper[data-aos="zoom-out"].zoom-out-triggered:hover img {
    transform: scale(1.14);
}

.furniture-title {
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
    animation: slideUp 0.8s ease-out;

    font-size: 30.8px;
    font-family: "Noto Sans Japanese", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.furniture-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.furniture-list li {
    font-size: 1.02rem;
    color: #555;
    line-height: 1.75;
    word-break: break-all;
}

.furniture-list li:last-child {
    margin-bottom: 0;
}

.furniture-list i {
    color: #374543;
}

@media (max-width: 375.98px) {
    .engin-cases-detail-page,.furniture-list{
        max-width: 343px;
    }
    .furniture-list li {
        font-size: 1.02rem;
        color: #555;
        line-height: 1.75;
        max-width: 100%;
        box-sizing: border-box;
        word-break: break-all;
    }
}