/* 页面专属样式：products.html
   由内联 <style> 抽离而来，仅在 products.html 引用，避免污染其它页面。
   加载顺序须在 pages.css 之后以保持覆盖优先级。 */

/* ===== 原 products.html 内联 <style> 第1块 ===== */
/* products 独有：类目卡渐隐遮罩 */
.thumb{position:relative;overflow:hidden}
.thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(27,21,16,.7),transparent 45%);transition:opacity .4s var(--ease);opacity:.85}
.thumb:hover::after{opacity:1}
.thumb .cat-label{position:absolute;bottom:14px;left:18px;right:18px;z-index:2;color:#fff}
.thumb .cat-label b{font-family:var(--font-serif);font-size:18px;font-weight:700;letter-spacing:.06em;display:block;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.thumb .cat-label span{font-size:12.5px;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.4)}
/* 底部 CTA 玻璃拟态 */
.section-alt .cta-glass{background:rgba(255,253,248,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(201,161,92,.16);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 8px 32px rgba(27,21,16,.06)}