*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f1e8;color:#3b281c;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif}
.full-design{display:block;width:100%;height:auto}
.products{padding:64px 20px 80px;background:#f7f1e8}
.products-inner{width:min(1120px,100%);margin:0 auto;text-align:center}
.section-kicker{margin:0 0 8px;font-size:13px;letter-spacing:.2em;color:#9b6f4f}
.products h2{margin:0;font-size:34px}
.section-note{margin:8px 0 28px;color:#7c6658}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{overflow:hidden;background:#fffaf3;border-radius:18px;box-shadow:0 8px 24px rgba(70,46,29,.1)}
.product-card img,.placeholder-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.placeholder-image{display:flex;align-items:center;justify-content:center;background:#ead9c6;color:#72533f;font-weight:700}
.product-card h3{margin:0;padding:16px 10px 18px;font-size:20px}
.menu-toggle,.mobile-menu{display:none}

@media(max-width:768px){
  .products{padding:42px 14px 58px}
  .products h2{font-size:28px}
.product-grid{grid-template-columns:1fr !important}
  .product-card{border-radius:14px}
  .product-card h3{padding:12px 6px 14px;font-size:16px}
  .menu-toggle{display:block;position:absolute;top:20px;right:10px;width:100px;height:110px;background:transparent;border:0;opacity:0;z-index:9999;cursor:pointer}
  .mobile-menu{display:none;position:fixed;top:108px;left:16px;right:16px;z-index:9998;background:#fffaf3;border-radius:16px;padding:8px 18px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
  .mobile-menu.open{display:block}
  .mobile-menu a{display:block;padding:15px 5px;color:#3b281c;text-decoration:none;font-size:18px;border-bottom:1px solid #e7d8c5}
  .mobile-menu a:last-child{border-bottom:/* 關於老爹 */
.about{
  padding:80px 20px;
  background:#f4eadc;
}

.about-inner{
  width:min(860px,100%);
  margin:0 auto;
  padding:55px 48px;
  background:#fffaf3;
  border-radius:24px;
  box-shadow:0 12px 35px rgba(80,55,35,.08);
}

.about .section-kicker{
  margin:0 0 8px;
  text-align:center;
  color:#a8784f;
  font-size:15px;
  letter-spacing:5px;
}

.about h2{
  margin:0;
  text-align:center;
  color:#3f2c20;
  font-size:38px;
}

.about h3{
  margin:12px 0 38px;
  text-align:center;
  color:#8a6b55;
  font-size:19px;
  font-weight:500;
}

.about p{
  margin:0 0 22px;
  color:#574438;
  font-size:17px;
  line-height:2;
}

.about strong{
  color:#8b5e34;
  font-weight:700;
}

@media(max-width:768px){
  .about{
    padding:55px 14px;
  }

  .about-inner{
    padding:38px 24px;
    border-radius:18px;
  }

  .about h2{
    font-size:30px;
  }

  .about h3{
    font-size:17px;
    line-height:1.7;
    margin-bottom:30px;
  }

  .about p{
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
  }
}
          /* 老爹・涼糕 周邊商品 */
.merch{
  padding:70px 20px;
  background:#fffaf3;
}

.merch-inner{
  width:min(1120px,100%);
  margin:0 auto;
}

.merch h2{
  margin:0;
  font-size:34px;
  text-align:center;
}

.merch .section-kicker{
  text-align:center;
  color:#a8784f;
  letter-spacing:4px;
  margin-bottom:8px;
}

.merch .section-note{
  text-align:center;
  color:#7c6658;
  margin:10px 0 30px;
}

.merch-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.merch-card{
  background:#ffffff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(80,50,30,.12);
  text-align:center;
}

.merch-placeholder{
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2e5d5;
  color:#9b7656;
  font-size:16px;
}

.merch-card h3{
  margin:0;
  padding:18px 10px;
  font-size:19px;
}

@media(max-width:768px){
  .merch{
    padding:50px 14px;
  }

  .merch h2{
    font-size:28px;
  }

  .merch-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .merch-placeholder{
    height:190px;
  }
}
/* 手機版產品滿版修正 */
@media (max-width: 768px) {
  .products {
    padding: 32px 14px 50px;
  }

  .products-inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  .product-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 20px;
    width: 100%;
  }

  .product-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
  }

  .product-card img {
    width: 100%;
    height: auto;
    display: block;
  }

  .product-info {
    width: 100%;
  }
}                            
                            
@media (max-width: 768px) {
  .products {
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 12px 50px !important;
  }

  .products-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .product-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
}
 

/* 手機版主視覺修正版 */
@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

  picture {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .full-design {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }
}
/* 手機版產品一個一排 */
@media screen and (max-width: 768px) {
  .product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .product-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
     /* 產品照片完整顯示 */
.product-card img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}                       

