#wrap h2.pag_tit { font-size: 30px; }

/* product_list */
#product_list li .clip {margin: 0 auto 10px;}
#product_list li h3 { height: 34px; font-size: 20px; }
#product_list li .price_box p { margin: 0 10px; min-height: 28px; }
#product_list li .price_box p:first-letter { margin-right: 3px; font-weight: 300; font-size: 12px; }
#product_list li .price_box p.old { text-decoration: line-through; }

/* productdetail */
#productdetail { margin: 50px 0 80px; }

/* imglist */
#imglist .clip {width: 100%;height: 100%;border-radius: 60px;overflow: hidden;}

/* productinfo */
#productinfo .cate { padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#productinfo .txt { margin-bottom: 15px; }
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-weight: 600; font-size: 25px; }
#productinfo h2{
    font-size: 1.5rem;
}
#productinfo article {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px rgb(179 179 179 / 60%) dashed;font-size: 16px;color: var(--info);margin: 30px 0;}
#productinfo .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }
#productinfo .sell_box span { margin: 0 3px 0 15px; }
#productinfo .sell_box b { font-size: 36px; }
#productinfo .buyBtns { margin-top: 30px; }
#productinfo .buyBtns a {padding: 10px 0;background: linear-gradient(90deg, #c9aa55 0%, #9b6628 100%);border-radius: 999px;}




/* productdetail */
#productdetail { position: relative; display: flex; align-items: flex-start; gap: 64px; padding: 0px 50px 50px; margin: 0 auto; overflow: hidden; }
#productdetail > div { position: relative; z-index: 1; }
#productdetail #imglist { position: relative; }
#productdetail #imglist > div { width: 100%; }
#productdetail #imglist .clip { position: relative; aspect-ratio: 4/4; margin-bottom: 22px; border-radius: 28px 28px 14px 14px; background: linear-gradient(180deg,rgba(255,248,232,0.96),rgba(229,205,166,0.78)); border: 1px solid rgba(111,63,32,0.32); overflow: hidden; transition: transform 0.45s ease,box-shadow 0.45s ease,border-color 0.45s ease; }
#productdetail #imglist .clip:first-child { margin-bottom: 28px; border-radius: 36px 36px 16px 16px; }
#productdetail #imglist .clip svg { width: 100%; height: 100%; display: block; background: radial-gradient(circle at 26% 20%,rgba(189,124,62,0.14),transparent 30%),radial-gradient(circle at 76% 78%,rgba(122,62,34,0.11),transparent 34%); opacity: 0.9; }
#productdetail #imglist .clip img { width: 100%; height: 100%; object-fit: cover; inset: 0; display: block; transform: scale(1.015); filter: saturate(0.96) contrast(1.04) brightness(0.985); transition: transform 0.65s ease,filter 0.65s ease; }
#productdetail #imglist .clip::before { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg,rgba(76,40,18,0.02),rgba(76,40,18,0.16)),radial-gradient(circle at 20% 15%,rgba(255,235,177,0.3),transparent 36%); }
#productdetail #imglist .clip::after { content: ""; position: absolute; inset: 16px; z-index: 4; pointer-events: none; border: 1px solid rgba(255,245,218,0.48); border-radius: 22px 22px 10px 10px; box-shadow: inset 0 0 0 1px rgba(86,45,22,0.18); }
#productdetail #imglist .clip:hover { transform: translateY(-6px); border-color: rgba(139,79,38,0.56); }
#productdetail #imglist .clip:hover img { transform: scale(1.075); filter: saturate(1.05) contrast(1.08) brightness(1.02); }
/* 圖片連結滿版 */
#productdetail #imglist .clip a.atag_item { inset: 0; z-index: 8; border-radius: inherit; }
/* 右側資訊區 */
#productdetail #productinfo { position: relative; padding: 50px 40px 42px; background: linear-gradient(180deg,rgba(255,253,246,0.94),rgba(247,236,214,0.9)); border: 1px solid rgba(126,76,38,0.22); border-radius: 30px 30px 18px 18px; }
/* 上方古厝木樑 */
#productdetail #productinfo::after { content: ""; position: absolute; top: 0; left: 46px; right: 46px; height: 8px; z-index: 2; background: linear-gradient(90deg,#6f351f,#b9783f,#6f351f); border-radius: 0 0 999px 999px; box-shadow: 0 5px 14px rgba(86,43,18,0.22); }
/* 標題 */
#productdetail #productinfo .title { position: relative; margin: 0 0 26px; padding-bottom: 22px; font-size: 32px; font-weight: 700; line-height: 1.32; letter-spacing: 0.07em; color: #4a2c1a; font-family: 'Noto Serif TC',serif; }
/* 標題底線 */
#productdetail #productinfo .title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 96px; height: 3px; background: linear-gradient(90deg,#9c4a31,rgba(156,74,49,0)); border-radius: 999px; }
/* 介紹文字 */
#productdetail #productinfo article { position: relative; z-index: 2; margin: 0 0 34px; font-size: 16px; line-height: 2.05; letter-spacing: 0.04em; color: #5c4636 !important; }
/* article 裡常見元素保險 */
#productdetail #productinfo article p { margin: 0 0 1.1em; }
#productdetail #productinfo article strong,#productdetail #productinfo article b { color: #8b3f28; font-weight: 700; }
#productdetail #productinfo article ul,#productdetail #productinfo article ol { padding-left: 1.35em; margin: 1em 0; }
#productdetail #productinfo article li { margin-bottom: 0.5em; }
/* 購買區 */
#productdetail .shopbox { position: relative; z-index: 3; }
/* 按鈕容器 */
#productdetail .buyBtns { display: flex; gap: 16px; }
/* 按鈕共用 */
#productdetail .buyBtns a { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 22px; border-radius: 999px; font-family: "Noto Serif TC","Microsoft JhengHei",serif; font-size: 16px; font-weight: 700; letter-spacing: 0.08em; text-decoration: none; overflow: hidden; transition: transform 0.35s ease,box-shadow 0.35s ease,background-color 0.35s ease,color 0.35s ease; }
/* 按鈕微光 */
#productdetail .buyBtns a::before { content: ""; position: absolute; top: 0; left: -80%; width: 60%; height: 100%; background: linear-gradient(90deg,transparent,rgba(255,255,255,0.38),transparent); transform: skewX(-22deg); transition: left 0.65s ease; }
/* 加入購物車：主按鈕 */
#productdetail .buyBtns .addcar { background: linear-gradient(135deg,#7a3422,#b55f36) !important; color: #fffaf0 !important; box-shadow: 0 12px 26px rgba(122,52,34,0.28),inset 0 0 0 1px rgba(255,255,255,0.22); }
/* 線上諮詢：次按鈕 */
#productdetail .buyBtns .ask { background: linear-gradient(135deg,#4f3425,#8b6546) !important; color: #fffaf0 !important; box-shadow: 0 12px 26px rgba(79,52,37,0.24),inset 0 0 0 1px rgba(255,255,255,0.2); }
/* hover */
#productdetail .buyBtns a:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(88,47,24,0.28),inset 0 0 0 1px rgba(255,255,255,0.32); }
#productdetail .buyBtns a:hover::before { left: 120%; }
/* 平板 */
@media (max-width:1024px) {
  #productdetail { gap: 38px; padding: 52px 28px; }
  #productdetail #productinfo { padding: 36px 30px; }
  #productdetail #productinfo::after { right: 24px; bottom: 110px; }
}
/* 手機 */
@media (max-width:767px) {
  #productdetail { display: block; padding: 0 15px 30px; border-radius: 28px 28px 18px 18px; }
  #productdetail::after { left: 28px; right: 28px; }
  #productdetail #imglist { margin-bottom: 0px; }
  #productdetail #imglist .clip { margin-bottom: 18px; border-radius: 24px 24px 12px 12px; }
  #productdetail #productinfo { padding: 30px 22px 28px; border-radius: 26px 26px 16px 16px; }
  #productdetail #productinfo .title { font-size: 28px; letter-spacing: 0.05em; }
  #productdetail #productinfo article { font-size: 16px; line-height: 1.9; }
  #productdetail .buyBtns { display: block; }
}




/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--secondary-rgb),.3); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }
/* productTabs */
#productTabs .tabs { margin-bottom: 30px; }



/* tabs_box */
#tabs_box { position: relative; margin: 56px auto 42px; padding: 34px 24px; max-width: 1180px; background: radial-gradient(circle at 12% 20%,rgba(159,89,45,0.12),transparent 32%),radial-gradient(circle at 88% 80%,rgba(177,119,60,0.12),transparent 34%),linear-gradient(135deg,rgba(255,250,239,0.95),rgb(255 255 255/70%)); border: 1px solid rgba(123,73,37,0.18); border-radius: 30px 30px 18px 18px; box-shadow: 0 18px 44px rgba(72,43,22,0.12),inset 0 0 0 1px rgba(255,255,255,0.68); overflow: hidden; }
/* 上方木樑 */
#tabs_box::after { content: ""; position: absolute; top: 0; left: 38px; right: 38px; height: 7px; z-index: 2; background: linear-gradient(90deg,#6f351f,#b9783f,#6f351f); border-radius: 0 0 999px 999px; box-shadow: 0 5px 14px rgba(86,43,18,0.2); }
#productTabs { position: relative; z-index: 1; }
/* tabs ul */
#productTabs .tabs { position: relative; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 18px; margin: 0; padding: 0; list-style: none; }
/* 單一 tab */
#productTabs .tabs li { position: relative; margin: 0; padding: 0; }
/* tab 連結：古禮牌匾感 */
#productTabs .tabs li a {position: relative;min-width: 180px;padding: 16px 28px 17px;font-family: "Noto Serif TC", serif;font-size: 17px;font-weight: 700;line-height: 1.4;letter-spacing: 0.08em;color: #6a4229;text-decoration: none;background: linear-gradient(180deg,rgba(255,253,246,0.96),rgba(244,230,202,0.92));border: 1px solid rgba(124,77,40,0.28);border-radius: 999px;box-shadow: 0 10px 22px rgba(80,47,23,0.11),inset 0 0 0 1px rgba(255,255,255,0.68);overflow: hidden;transition: color 0.35s ease,background 0.35s ease,border-color 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease;text-align: center;}
/* 左右小裝飾點 */
#productTabs .tabs li a::before,#productTabs .tabs li a::after { content: ""; position: absolute; top: 50%; width: 6px; height: 6px; background: rgba(151,76,42,0.48); border-radius: 50%; transform: translateY(-50%); transition: background 0.35s ease,transform 0.35s ease; }
#productTabs .tabs li a::before { left: 14px; }
#productTabs .tabs li a::after { right: 14px; }
/* hover */
#productTabs .tabs li a:hover { color: #8b3f28; border-color: rgba(139,79,38,0.5); transform: translateY(-4px); box-shadow: 0 16px 30px rgba(80,47,23,0.18),inset 0 0 0 1px rgba(255,255,255,0.8); }
/* active 狀態 */
#productTabs .tabs li.active a { color: #fffaf0; background: linear-gradient(135deg,#7a3422,#b55f36); border-color: rgba(122,52,34,0.78); box-shadow: 0 10px 10px rgb(122 52 34/5%),inset 0 0 0 1px rgba(255,255,255,0.24); }
/* active 下方紅印章線 */
#productTabs .tabs li.active a span,#productTabs .tabs li.active a { text-shadow: 0 1px 2px rgba(70,32,16,0.3); }
#productTabs .tabs li.active a::before,#productTabs .tabs li.active a::after { background: rgba(255,245,218,0.72); transform: translateY(-50%) scale(1.2); }
/* active 外側光暈 */
#productTabs .tabs li.active { filter: drop-shadow(0 10px 16px rgba(122,52,34,0.18)); }
/* 鍵盤焦點 */
#productTabs .tabs li a:focus,#productTabs .tabs li a:focus-visible { outline: 4px solid #d60000 !important; outline-offset: 4px !important; }
/* 手機 */
@media (max-width:767px) {
  #tabs_box {margin: 30px auto 30px;padding: 40px 16px;border-radius: 26px 26px 16px 16px;}
  #tabs_box::after { left: 26px; right: 26px; }
  #productTabs .tabs { display: block; }
  #productTabs .tabs li { display: block !important; width: 100%; margin-bottom: 12px; }
  #productTabs .tabs li:last-child { margin-bottom: 0; }
  #productTabs .tabs li a {padding: 15px 24px;font-size: 16px;}
}




@media screen and (max-width:980px) and (min-width:551px) {
  #imglist .clip { -webkit-clip-path: url(#clip_product_detail_m); clip-path: url(#clip_product_detail_m); }
  #imglist .clip svg { width: 45vw; }
}
@media screen and (max-width:980px) {
  #productinfo { margin-top: 5vw; }
}
@media screen and (min-width:761px) {
  #product_list li .clip {   }
}
@media screen and (max-width:640px) {
  #product_list li { width: 65%; }
}

/* 樣式以 #zhuazhou_area ID 開頭以確保封裝性 */
#zhuazhou_area {color: var(--black);font-family: var(--font-family);line-height: 1.8;margin: 0;padding: 49px 40px;-webkit-font-smoothing: antialiased;max-width: var(--width-xl);margin-left: auto;margin-right: auto;box-sizing: border-box;}
#zhuazhou_area * { box-sizing: border-box; }
#zhuazhou_area .serif { font-family: var(--font-serif); }
/* 第一部分：引言敘事 */
#zhuazhou_area .intro-section { margin-bottom: 120px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
#zhuazhou_area .initial-cap { float: left; font-size: 5.5rem; line-height: 1; padding-right: 25px; padding-top: 15px; color: var(--primary); font-weight: 900; }
#zhuazhou_area .intro-title { font-size: 2.2rem; margin-bottom: 30px; color: var(--primary); letter-spacing: 0.1em; }
#zhuazhou_area .intro-content { font-size: 1.05rem; color: var(--triadic2); text-align: justify; }
#zhuazhou_area .intro-right-col { padding-top: 85px; }
/* 第二部分：方案費用 */
#zhuazhou_area .section-label {display: block;font-size: 1rem;letter-spacing: 0.2em;color: var(--info);margin-bottom: 20px;text-transform: uppercase;}
#zhuazhou_area .plans-container {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin-bottom: 50px;}
#zhuazhou_area .plan-card { border: 1px solid var(--gray); padding: 50px; position: relative; background: white; transition: border-color 0.3s; }
#zhuazhou_area .plan-card:hover { border-color: var(--primary); }
#zhuazhou_area .plan-name { font-size: 1.6rem; margin-bottom: 10px; color: var(--primary); }
#zhuazhou_area .plan-price { font-size: 1.1rem; color: var(--info); margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--gray); }
#zhuazhou_area .feature-list { list-style: none; padding: 0; margin: 0 0 40px 0; font-size: 0.95rem; }
#zhuazhou_area .feature-list li { margin-bottom: 12px; padding-left: 25px; position: relative; color: var(--triadic2); }
#zhuazhou_area .feature-list li::before { content: "•"; position: absolute; left: 0; color: var(--primary); }
#zhuazhou_area .count-notice {background-color: #fff5e5;padding: 20px;font-size: 0.9rem;margin-top: auto;}
#zhuazhou_area .plan-highlight { color: var(--primary); font-weight: 700; }
#zhuazhou_area .package-plus-notice { background-color: #fcece9; }
#zhuazhou_area .guest-note-wrap {border-top: 1px solid #c9c9c9;padding-top: 30px;margin-bottom: 0;}
#zhuazhou_area .label-meta {display: block;font-size: .9rem;color: #434343;letter-spacing: 0.1em;margin-bottom: 10px;}
#zhuazhou_area .guest-note-content { font-size: 0.9rem; color: var(--triadic2); }
/* 第三部分：流程介紹 */
#zhuazhou_area .process-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 60px;margin-bottom: 30px;}
#zhuazhou_area .process-item {border-top: 1px solid #969696;padding-top: 25px;display: flex;flex-direction: column;}
#zhuazhou_area .step-icon {width: 45px;height: 45px;margin-bottom: 20px;stroke: var(--primary);fill: none;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;display: none;}
#zhuazhou_area .step-num {font-size: 0.75rem;color: var(--info);display: block;margin-bottom: 5px;letter-spacing: 0.1em;}
#zhuazhou_area .step-title {font-size: 1.2rem;color: var(--primary);margin-bottom: 15px;font-weight: 600;}
#zhuazhou_area .step-desc { font-size: 0.9rem; color: var(--triadic2); line-height: 1.7; text-align: justify; }
/* 第四部分：加購選單 (Menu Style) */
#zhuazhou_area .menu-section { background-color: #fdfdfd; border: 1px solid var(--gray); padding: 60px; }
#zhuazhou_area .menu-category-title { font-size: 1.8rem; text-align: center; margin-bottom: 60px; color: var(--primary); position: relative; }
#zhuazhou_area .menu-category-title::after { content: ""; width: 50px; height: 2px; background: var(--primary); display: block; margin: 15px auto; }
#zhuazhou_area .menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px 100px; }
#zhuazhou_area .menu-group { margin-bottom: 40px; }
#zhuazhou_area .group-header { font-size: 1.2rem; border-bottom: 1px solid var(--gray); margin-bottom: 25px; padding-bottom: 10px; color: var(--info); letter-spacing: 0.1em; }
#zhuazhou_area .menu-item { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 15px; }
#zhuazhou_area .item-name-wrap { display: flex; flex-grow: 1; align-items: baseline; }
#zhuazhou_area .item-name { font-weight: 500; color: var(--black); white-space: nowrap; }
#zhuazhou_area .item-dots { flex-grow: 1; border-bottom: 1px dotted var(--gray); margin: 0 10px; }
#zhuazhou_area .item-price { font-family: var(--font-serif); color: var(--primary); font-weight: 700; }
#zhuazhou_area .item-desc {font-size: 1rem;color: #6e6e6e;margin-top: -10px;margin-bottom: 15px;display: block;}
#zhuazhou_area .menu-note { font-size: 0.8rem; color: var(--gray); margin-top: 10px; font-style: italic; }
@media (max-width:1024px) {
	#zhuazhou_area { padding: 50px 10px 20px; }
	#zhuazhou_area .plan-card { padding: 40px 20px; }
	#zhuazhou_area .plan-name { font-size: 1.4rem; }
	#zhuazhou_area .plan-price { font-size: 1rem; }
	#zhuazhou_area .intro-section,#zhuazhou_area .plans-container,#zhuazhou_area .menu-grid { grid-template-columns: 1fr; }
	#zhuazhou_area .intro-right-col { padding-top: 0; }
	#zhuazhou_area .process-grid {grid-template-columns: repeat(2,1fr);gap: 30px;}
	#zhuazhou_area .menu-section { padding: 30px; }
}