.elementor-34030 .elementor-element.elementor-element-904e113{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34030 .elementor-element.elementor-element-904e113::before, .elementor-34030 .elementor-element.elementor-element-904e113 > .elementor-background-video-container::before, .elementor-34030 .elementor-element.elementor-element-904e113 > .e-con-inner > .elementor-background-video-container::before, .elementor-34030 .elementor-element.elementor-element-904e113 > .elementor-background-slideshow::before, .elementor-34030 .elementor-element.elementor-element-904e113 > .e-con-inner > .elementor-background-slideshow::before, .elementor-34030 .elementor-element.elementor-element-904e113 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-34030 .elementor-element.elementor-element-3fac7f8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-34030 .elementor-element.elementor-element-116f842{text-align:start;}.elementor-34030 .elementor-element.elementor-element-116f842 .elementor-heading-title{color:#FFFFFF;}.elementor-34030 .elementor-element.elementor-element-a6d7a82{text-align:start;}.elementor-34030 .elementor-element.elementor-element-a6d7a82 .elementor-heading-title{font-size:38px;color:#FFFFFF;}.elementor-34030 .elementor-element.elementor-element-b0c616d{--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-34030 .elementor-element.elementor-element-4bafb5d{text-align:center;}.elementor-34030 .elementor-element.elementor-element-69e7bf1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-34030 .elementor-element.elementor-element-69e7bf1.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-34030 .elementor-element.elementor-element-b310883{width:100%;max-width:100%;}.elementor-34030 .elementor-element.elementor-element-f867615{width:100%;max-width:100%;}@media(min-width:768px){.elementor-34030 .elementor-element.elementor-element-b0c616d{--content-width:1440px;}}@media(max-width:1024px){.elementor-34030 .elementor-element.elementor-element-904e113{--min-height:90vh;--justify-content:center;--padding-top:40px;--padding-bottom:60px;--padding-left:12px;--padding-right:12px;}.elementor-34030 .elementor-element.elementor-element-a6d7a82 .elementor-heading-title{font-size:32px;}.elementor-34030 .elementor-element.elementor-element-69e7bf1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-34030 .elementor-element.elementor-element-904e113{--min-height:90vh;--justify-content:center;--overlay-opacity:0.2;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-34030 .elementor-element.elementor-element-3fac7f8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-34030 .elementor-element.elementor-element-a6d7a82{text-align:center;}.elementor-34030 .elementor-element.elementor-element-a6d7a82 .elementor-heading-title{font-size:22px;}.elementor-34030 .elementor-element.elementor-element-69e7bf1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:1024px) and (min-width:768px){.elementor-34030 .elementor-element.elementor-element-3fac7f8{--content-width:90%;}}/* Start custom CSS for html, class: .elementor-element-b310883 */.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-f867615 */.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-42f20b5 *//* 統一採用的簡約 FAQ 樣式 */
  .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;
    border-bottom: 2px solid #d4a373;
    display: inline-block;
    padding-bottom: 5px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
  .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;
    margin: 0;
  }
  .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 .answer-content {
    padding: 20px;
    margin: 0;
  }
  .faq-answer p {
    margin-bottom: 12px;
  }
  .faq-answer ul {
    padding-left: 20px;
    margin: 10px 0;
  }
  .faq-answer li {
    margin-bottom: 6px;
  }
  /* 當 Checkbox 被選取時的開啟狀態 */
  .faq-input:checked ~ .faq-answer {
    max-height: 1000px; /* 確保內容能完整展開 */
  }
  .faq-input:checked ~ .faq-question::after {
    transform: rotate(45deg);
  }/* End custom CSS */