.category-editorial{--ce-paper:#f8f7f3;--ce-ink:#303c37;--ce-muted:#646e67;--ce-accent:#657a69;background:var(--ce-paper);color:var(--ce-ink)}
.category-editorial .breadcrumb-nav{display:none}
.category-editorial .category-hero{margin-top:var(--nav-h);padding:64px max(32px,calc((100vw - 1160px)/2)) 72px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;background:var(--ce-paper);text-align:left}
.category-editorial .category-hero:before,.category-editorial .category-hero:after{display:none}
.category-editorial .category-hero>.container{display:block;width:auto;max-width:none;padding:0;margin:0;text-align:left}
.category-kicker{display:block;font:700 12px/1.5 'Noto Sans TC',sans-serif;letter-spacing:.2em;color:#a66040;text-align:left}
.category-editorial .category-hero h1{font:500 clamp(30px,3.4vw,46px)/1.5 'Noto Serif TC',serif;letter-spacing:.08em;margin:28px 0 0;color:var(--ce-ink);text-align:left;overflow-wrap:anywhere}
.category-editorial .category-hero .accent-line{display:block;width:34px;height:3px;background:#a66040;margin:24px 0 20px}
.category-editorial .category-hero .page-subtitle{font-size:17px;line-height:2;color:var(--ce-muted);text-align:left;margin:0;max-width:440px}
.category-hero-photo{position:relative;isolation:isolate;margin:0;background:#fff;padding:24px;border-bottom:3px solid #849383}
.category-hero-photo:before{content:'';position:absolute;inset:14px -14px -14px 14px;z-index:-1;border:1px solid #ccd3c8}
.category-hero-photo img{width:100%;height:330px;object-fit:contain;display:block}
.category-editorial .category-list-section{padding:58px 0 72px;background:#fff}
.category-list-section>.container{max-width:1224px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.category-list-heading h2{font:500 28px/1.6 'Noto Serif TC',serif;color:var(--ce-ink);margin:12px 0 0}
.category-editorial .category-list-section .pcat-textlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;max-width:none;border:0;padding:0;background:#fff}
.category-editorial .pcat-titem{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;margin:0;padding:22px 0;border:0;border-bottom:1px solid #e2e7df;border-radius:0;background:#fff;box-shadow:none;min-width:0}
.category-editorial .pcat-tname{font-size:18px;font-weight:500;line-height:1.7;color:#35483a;overflow-wrap:anywhere}
.category-editorial .pcat-tspec{font-size:15px;line-height:1.8;color:#6d766e;white-space:pre-wrap;text-align:left;margin:0;overflow-wrap:anywhere}
.category-editorial.category-single .category-hero-photo img{height:300px}
.category-editorial.category-single .category-list-section{padding:42px 0 52px}
.category-editorial.category-single .category-list-section .pcat-textlist{grid-template-columns:1fr}
.category-editorial.category-single .pcat-titem{border-left:3px solid #849383;border-bottom:0;padding:16px 24px;background:#f4f5f1}
.category-editorial.category-no-photo .category-hero{display:block;padding-top:68px;padding-bottom:64px;border-bottom:1px solid #dce2d8}
.category-editorial.category-no-photo .category-hero>.container{max-width:1160px;margin:auto}
.category-editorial.category-no-photo .category-hero .page-subtitle{max-width:660px}
.category-editorial.category-no-photo .category-list-section .pcat-textlist{grid-template-columns:1fr}
.category-editorial .back-to-top{background:#536b59!important}
.category-editorial .back-to-top:hover{background:#354b3c!important}
@media(max-width:900px){.category-editorial .category-hero{gap:32px;padding:52px 28px 62px}.category-hero-photo{padding:16px}.category-hero-photo img{height:280px}.category-list-section>.container{grid-template-columns:180px minmax(0,1fr);gap:26px}}
@media(max-width:700px){.category-editorial .category-hero{grid-template-columns:1fr;padding:44px 22px 54px;gap:30px}.category-hero-photo img,.category-editorial.category-single .category-hero-photo img{height:260px}.category-hero-photo:before{inset:9px -9px -9px 9px}.category-editorial .category-hero h1{margin-top:22px}.category-list-section>.container{grid-template-columns:1fr;gap:22px}.category-editorial .category-list-section{padding:40px 0 52px}.category-editorial .pcat-tname{font-size:17px}.category-list-heading h2{font-size:26px}}
@media(max-width:450px){.category-editorial .category-list-section .pcat-textlist{grid-template-columns:1fr}.category-editorial .category-hero .page-subtitle{font-size:16px}}

/* Larger product presentation while retaining complete source images. */
.category-editorial .category-hero{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:42px}
.category-editorial .category-hero-photo{padding:8px}
.category-editorial .category-hero-photo img,.category-editorial.category-single .category-hero-photo img{height:420px}
@media(max-width:900px){.category-editorial .category-hero{gap:28px}.category-editorial .category-hero-photo img,.category-editorial.category-single .category-hero-photo img{height:350px}}
@media(max-width:700px){.category-editorial .category-hero{grid-template-columns:1fr}.category-editorial .category-hero-photo img,.category-editorial.category-single .category-hero-photo img{height:310px}}

/* Fixed outer frame shared across all photographic category heroes. */
.category-editorial .category-hero-photo{box-sizing:border-box;width:100%;height:439px;min-width:0;padding:8px;margin:0}
.category-editorial .category-hero-photo img,.category-editorial.category-single .category-hero-photo img{box-sizing:border-box;width:100%;height:100%;max-height:none;object-fit:contain}
@media(max-width:900px){.category-editorial .category-hero-photo{height:369px}}
@media(max-width:700px){.category-editorial .category-hero-photo{height:329px}}



/* Reduce white surround, not enlarge the product. */
.category-editorial .category-hero-photo{width:82%;margin-left:auto;padding:0}
.category-editorial .category-image-window{position:absolute;inset:0;overflow:hidden}
.category-editorial .category-hero-photo .category-image-window img{position:static;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;padding:8px;object-fit:contain;object-position:center;transform:none}

/* 2026-10-04 使用者指示：伸縮大門首圖主體在原圖內偏左（左留白 10px、右留白 139px，1200 寬），
   不改圖，用位移置中：主體中心距圖中心 5.4%，向右平移同等比例；圖的透明右緣會超出白框，故裁掉。 */
.category-editorial.category-retractable-gates .category-hero-photo{overflow:hidden}
.category-editorial.category-retractable-gates .category-hero-photo img{transform:translateX(5.4%)}

/* 2026-10-05 分類頁補內容：介紹段＋常見問題 */
.category-editorial .category-intro-section{padding-top:8px}
.category-editorial .category-intro p{max-width:760px;margin:0 0 14px;font-size:16px;line-height:1.95;color:var(--ce-text,#3c4440)}
.category-editorial .category-faq{max-width:760px}
.category-editorial .category-faq-item{border-top:1px solid #dce2d8;padding:14px 0}
.category-editorial .category-faq-item:last-child{border-bottom:1px solid #dce2d8}
.category-editorial .category-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.category-editorial .category-faq-item summary::-webkit-details-marker{display:none}
.category-editorial .category-faq-item summary::after{content:'+';font-size:22px;color:#849383;flex:none}
.category-editorial .category-faq-item[open] summary::after{content:'−'}
.category-editorial .category-faq-item summary h3{margin:0;font-size:clamp(20px, 1.5vw, 22px);font-weight:600;color:#2f4538}
.category-editorial .category-faq-item p{margin:10px 0 0;font-size:16px;line-height:1.9;color:#3c4440}

.category-editorial .category-faq-note{max-width:760px;margin:14px 0 0;font-size:12px;color:#8a918c;letter-spacing:.04em}