.elementor-34142 .elementor-element.elementor-element-3d7d77a{--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;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-34142 .elementor-element.elementor-element-1376bb4{text-align:center;}.elementor-34142 .elementor-element.elementor-element-9395663{width:100%;max-width:100%;}.elementor-34142 .elementor-element.elementor-element-ef2534e{width:100%;max-width:100%;}@media(min-width:768px){.elementor-34142 .elementor-element.elementor-element-3d7d77a{--content-width:1440px;}}/* Start custom CSS for html, class: .elementor-element-9395663 */.cards {
    display: grid;
    gap: 1rem;
    /* 維持 6 欄，這樣分配比較靈活 */
    grid-template-columns: repeat(4, 1fr);
    /* 設定基礎行高，這裡設為 220px 讓畫面比例更接近您的手繪圖 */
    grid-auto-rows: minmax(280px, auto);
  }

  .card {
    position: relative;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1rem;
    overflow: hidden;
    text-decoration: none;
  }

  /* 影片背景樣式 */
  .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }

  .card__content {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items:flex-end ;
    flex-direction: column;
  }

  .card__desc {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 8px 16px;
    border-radius: 0.75rem;
    backdrop-filter: blur(4px);
    line-height: 1.45;
    transition: 0.4s;
  }
  .card:hover .card__desc {
    background: rgba(0, 0, 0, 0.8);
  }

  /* --- 背景圖片設定 --- */
  .card:nth-child(1) { background-image: url('https://foldreformer.tw/cdn/shop/files/MATTAFOLD2354_TREATED_1.jpg?v=1762246818&width=600'); }
  .card:nth-child(2) { background-image: url('https://foldreformer.tw/cdn/shop/files/MATTAFOLD0432_TREATED_1.jpg?v=1762246786&width=600'); }
  .card:nth-child(3) { background-image: url('https://foldreformer.tw/cdn/shop/files/Open_Red_Oak_Choc_productpage.jpg?v=1762246822&width=600'); }
  .card:nth-child(5) { background-image: url('https://foldreformer.tw/cdn/shop/files/Copy_of_MATTAFOLD1961_TREATED.jpg?v=1762246819&width=600'); }

  .card:nth-child(4) { background: #000; }

  /* --- 格線佈局 (依照您的手繪圖) --- */
  
  /* 1. 左上 (小方塊) */
  .card:nth-child(1) { 
    grid-column: span 1; 
    grid-row: span 1; 
  }
  
  /* 2. 中上 (小方塊) */
  .card:nth-child(2) { 
    grid-column: span 1; 
    grid-row: span 1; 
  }

  /* 3. 右側 (垂直長條) - 跨越 2 列高度 */
  .card:nth-child(3) { 
    grid-column: span 2; 
    grid-row: span 2; 
  }

  /* 4. 左下 (大方塊) - 佔據左邊 4 欄，跨越 2 列高度 */
  .card:nth-child(4) { 
    grid-column: span 2; 
    grid-row: span 2; 
  }

  /* 5. 右下 (小長條) - 填補右下角空缺 */
  .card:nth-child(5) { 
    grid-column: span 2; 
    grid-row: span 1; 
  }

  /* --- RWD 手機版調整 --- */
  @media(max-width: 768px) {
    .cards {
      grid-template-columns: repeat(1, 1fr); /* 手機改為 2 欄 */
      grid-auto-rows: minmax(280px, auto);
    }
    /* 手機版全部改為統一大小，或依照需求調整 */
    .card:nth-child(1), .card:nth-child(2), .card:nth-child(3), .card:nth-child(5) {
      grid-column: span 2; grid-row: span 1;
    }
    .card:nth-child(4) {
      grid-column: span 2; grid-row: span 1; /* 影片區塊在手機版保持大一點 */
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef2534e */.spec-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    
}
.spec-column {
    flex: 1;
    /*min-width: 300px;*/
}
.spec-column img{
    border-radius: 1rem;
}
.spec-title {
    color: #9E3E58; /* 圖片中的紅褐色 */
    font-weight: bold;
    margin: 1rem 0;
    font-size: 1.1rem;
}
.spec-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    color: #555;
}
.spec-table tr {
    /*border-bottom: 1px solid #f0f0f0;*/
}
.spec-table td {
    padding: 12px 0;
}
.spec-label {
    font-weight: 600;
    width: 180px;
    color: #333;
}

.spec-table {
  /*width: 100%;*/
  border-collapse: collapse;
  /*margin: 1.5rem 0;*/
  /*font-size: 16px;*/
/*text-align: center;*/
border:0;
}
table, td, th {
      border-width: 0 0 1px 0;
}

@media(max-width: 768px) {
.spec-container {
    flex-direction: column;
    
}
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be1b56a */.faq-section {
    font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
    max-width: 800px;
    margin: 40px auto;
    color: #333;
  }
  .faq-title {
    text-align: center;
    color: #8b5e3c;
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
  .faq-item {
    border-bottom: 1px solid #eee;
  }
  /* 隱藏原生 Checkbox */
  .faq-input {
    display: none;
  }
  /* 問題區塊 */
  .faq-question {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    background: #fff;
    transition: background 0.3s;
  }
  .faq-question:hover {
    background: #fdfaf7;
  }
  /* 加號/減號圖示 */
  .faq-question::after {
    content: '+';
    font-size: 1.2rem;
    color: #d4a373;
    transition: transform 0.3s;
  }
  /* 答案區塊 */
  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease;
    background: #fafafa;
    color: #666;
    line-height: 1.8;
  }
  .faq-answer p {
    padding: 0 20px 20px 20px;
    margin: 0;
  }
  /* 開啟狀態的樣式 */
  .faq-input:checked ~ .faq-answer {
    max-height: 500px; /* 足夠顯示文字的高度 */
  }
  .faq-input:checked ~ .faq-question::after {
    transform: rotate(45deg);
    content: '+'; /* 旋轉 45 度變成 X 或保持邏輯 */
  }/* End custom CSS */