/* ============================================================
   产品描述-1 (product_description_1) 专属样式
   还原自 VitaGlow Brightening Shower Serum.html 的 .ly_product_description_1
   (visual_plugins_container data-type="product_description" data-mode="mode_1")
   的公共样式块(c59802b6...css 结构 + 9056b620...css 容器 + 9cfb8815...css 实例色);
   实例级样式(标题颜色/字号/间距/模块宽度)由模板内联输出。
   引入方: templates/sitebuilder/modules/product_description_1.html
   交互: 无(纯展示模块, 不进 JS_FILES)
   注意: 新增本文件后需同步 SiteStaticPublishServiceImpl.CSS_FILES(发布态拷贝清单是硬编码的)。

   富文本还原: 后台产品描述是富文本, 可能含 img/table/list/heading 等,
   需要一套还原规则保证发布态排版不乱 —— 量比 other_2 那种十来行大, 所以建外部文件而非内联。
   正文颜色/字体走 .deco-content 继承全局设置(参考站实例 .editor_txt{color:#535353}
   对应的就是我们的全局正文色), 本文件不重复配。
   ============================================================ */

.ly_product_description_1 { overflow: hidden; }
.ly_product_description_1 a { text-decoration: none; color: inherit; }

/* ---------- 模块宽度三规则(class 在内部容器 .wide 上, 见指南 §7 第13条) ---------- */
.ly_product_description_1 .wide { margin: 0 auto; padding: 0; box-sizing: border-box; }
.ly_product_description_1 .wide.module_width_1440 { width: 1440px; max-width: 100%; }
.ly_product_description_1 .wide.module_width_full { width: 100%; }
.ly_product_description_1 .wide.module_width_global { width: var(--deco-module-width, 1440px); max-width: 100%; }

/* ---------- 标题 ---------- */
.ly_product_description_1 .d_title { margin-bottom: 30px; } /* 参考站原值 */
.ly_product_description_1 .d_title h2 { margin: 0; font-weight: 600; }

/* ---------- 富文本还原(正文区) ----------
   后台描述是富文本, 直接 th:utext 出来; 这里给常见标签一套基线, 不依赖后台过滤结果 */
.ly_product_description_1 .editor_txt {
    line-height: 1.6;
    word-break: break-word;
    overflow-wrap: break-word;
}
.ly_product_description_1 .editor_txt img { max-width: 100%; height: auto; }
.ly_product_description_1 .editor_txt video { max-width: 100%; }
.ly_product_description_1 .editor_txt iframe { max-width: 100%; }
.ly_product_description_1 .editor_txt a { text-decoration: underline; }
.ly_product_description_1 .editor_txt table {
    max-width: 100%;
    border-collapse: collapse;
    /* 窄屏下表格整体横向滚动, 避免撑破容器 */
    display: block;
    overflow-x: auto;
}
.ly_product_description_1 .editor_txt th,
.ly_product_description_1 .editor_txt td {
    border: 1px solid #e5e5e5;
    padding: 6px 10px;
}
.ly_product_description_1 .editor_txt p { margin: 0 0 12px; }
.ly_product_description_1 .editor_txt ul,
.ly_product_description_1 .editor_txt ol { margin: 0 0 12px; padding-left: 24px; }
.ly_product_description_1 .editor_txt li { margin-bottom: 4px; }
.ly_product_description_1 .editor_txt h1,
.ly_product_description_1 .editor_txt h2,
.ly_product_description_1 .editor_txt h3,
.ly_product_description_1 .editor_txt h4,
.ly_product_description_1 .editor_txt h5,
.ly_product_description_1 .editor_txt h6 { margin: 16px 0 8px; font-weight: 600; }
.ly_product_description_1 .editor_txt h1 { font-size: 24px; }
.ly_product_description_1 .editor_txt h2 { font-size: 20px; }
.ly_product_description_1 .editor_txt h3 { font-size: 17px; }
.ly_product_description_1 .editor_txt h4 { font-size: 15px; }
.ly_product_description_1 .editor_txt h5,
.ly_product_description_1 .editor_txt h6 { font-size: 14px; }
.ly_product_description_1 .editor_txt blockquote {
    margin: 0 0 12px;
    padding: 4px 12px;
    border-left: 3px solid #e5e5e5;
    color: #888888;
}

/* ---------- 移动端单独描述 ----------
   模板只在 mobileDetailEnabled == 1 且 mobileDescription 非空时输出两个容器,
   这里默认隐藏移动容器, 1000px 内互换 —— 不用 JS 判断视口, 缩放窗口不会错位 */
.ly_product_description_1 .editor_txt.mobile_desc { display: none; }
@media screen and (max-width: 1000px) {
    .ly_product_description_1 .editor_txt.pc_desc { display: none; }
    .ly_product_description_1 .editor_txt.mobile_desc { display: block; }
}

/* ---------- 空态 ---------- */
.ly_product_description_1 .desc_empty {
    padding: 24px 0;
    color: #999999;
    font-size: 14px;
}