/* 後台編輯器 (SunEditor) 內容在前台的相容樣式 + FAQ + 商品分頁 */

/* 圖片 / 影片 / 表格等「元件」 */
.se-component{max-width:100%;box-sizing:border-box;margin:1em 0}
.se-component>figure{margin:0;max-width:100%}
.se-component img{max-width:100%;height:auto}
.se-component.__se__float-left{float:left;margin:.3em 1.2em 1em 0}
.se-component.__se__float-right{float:right;margin:.3em 0 1em 1.2em}
.se-component.__se__float-center{margin-left:auto;margin-right:auto}
.se-component.__se__float-none{float:none}
.se-component figcaption{margin-top:.4em;font-size:.875em;line-height:1.5;color:#666;text-align:center}
.se-image-container img{display:block}
.se-scroll-figure-x{overflow-x:auto}
.se-component table{border-collapse:collapse;max-width:100%}
.se-component td,.se-component th{border:1px solid #ddd;padding:.45em .7em;vertical-align:top}
/* 手機：浮動的圖片改為滿版，避免文字被擠成窄欄 */
@media (max-width:575px){
  .se-component.__se__float-left,.se-component.__se__float-right{float:none;margin:1em 0;width:100%!important}
}

/* YouTube 等影片：16:9 自適應容器（由 sec_clean_html 輸出） */
.bn-video{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;margin:1.2em 0;background:#000;overflow:hidden}
.bn-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* FAQ */
.bn-faq{margin:2.2em 0 1em;padding-top:1.2em;border-top:1px solid #e6e6e6;clear:both}
.bn-faq-title{margin:0 0 .9em;font-size:1.4rem;font-weight:700}
.bn-faq-item{margin:0 0 1em;padding:.9em 1.1em;border:1px solid #ececec;border-radius:6px;background:#fafafa}
.bn-faq-q{margin:0 0 .5em;font-size:1.05rem;font-weight:600;line-height:1.5}
.bn-faq-q::before{content:"Q. ";color:#a07d4b}
.bn-faq-a{line-height:1.85;color:#444}
.bn-faq-a>:last-child{margin-bottom:0}
.bn-faq-a::before{content:"A. ";color:#a07d4b;font-weight:600;float:left;margin-right:.3em}
.bn-faq-a>p:first-child{margin-top:0}

/* 商品頁分頁 */
.bn-tablist{display:flex;gap:.25rem;border-bottom:2px solid #e6e6e6;margin:0 0 1.2rem;overflow-x:auto}
.bn-tab{appearance:none;border:0;background:none;padding:.75rem 1.4rem;font-size:1.05rem;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.bn-tab:hover{color:#222}
.bn-tab.is-active{color:#111;font-weight:700;border-bottom-color:#a07d4b}
.bn-tab:focus-visible{outline:2px solid #a07d4b;outline-offset:2px}
.bn-tabpanel[hidden]{display:none}