/* 商品目录页 / Catalogue page (on top of styles.css) */
.catalog{padding:72px 0 96px}
.catalog .section-head.cat-head{margin-bottom:36px}
.nav a.on{color:var(--red)}
.nav a.on::after{right:0;background:var(--red)}
.cx-tools{display:flex;gap:12px;max-width:760px;margin:0 auto 22px}
.cx-search{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6d6cb;padding:0 14px;height:50px;transition:border-color .2s,box-shadow .2s}
.cx-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,.18)}
.cx-search .ic{width:20px;height:20px;color:var(--gold-d);flex:none}
.cx-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);height:100%}
.cx-search input::-webkit-search-cancel-button{display:none}
.cx-clear{border:0;background:none;color:var(--stone);cursor:pointer;padding:6px;display:grid;place-items:center}
.cx-clear .ic{width:18px;height:18px;color:var(--stone)}
.cx-sort{font:inherit;font-size:14px;height:50px;padding:0 36px 0 14px;border:1px solid #e6d6cb;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8884f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;color:var(--ink);cursor:pointer;border-radius:0}
.cx-chips{max-width:1100px;margin-bottom:22px}
.cx-count{text-align:center;color:var(--stone);font-size:14px;letter-spacing:.04em;margin:0 0 26px}
.cx-grid{grid-template-columns:repeat(5,1fr);gap:20px}
.cx-prod .p-img{--prod-bg:#efede9}
.cx-prod .p-img img{mix-blend-mode:multiply;padding:6%}
.cx-prod h3{font-size:15px;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-lang="en"] .cx-prod h3{font-size:17.5px}
html[data-lang="fr"] .cx-prod h3{font-size:17.5px}
.cx-alt{font-size:12.5px;color:var(--stone);line-height:1.35;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cx-code{font-size:11.5px;color:#a39b8e;letter-spacing:.06em;margin-bottom:12px;font-variant-numeric:tabular-nums}
.cx-prod .p-price{font-size:22px}
.cx-more{text-align:center;margin-top:40px}
.cx-more .btn-ghost{color:var(--red);border-color:var(--red);min-width:220px;justify-content:center}
.cx-more .btn-ghost:hover{background:var(--red);color:#fff}
.cx-shown{color:var(--stone);font-size:13px;margin-top:12px}
.cx-note{max-width:680px;margin:40px auto 0;text-align:center;font-size:13px;color:#8d867b;line-height:1.7}
.catalog .prod-empty .btn-ghost{color:var(--red);border-color:var(--red)}
@media (max-width:1240px){.cx-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.cx-grid{grid-template-columns:repeat(3,1fr);gap:16px}.catalog{padding:48px 0 110px}}
@media (max-width:640px){
  .catalog{padding:32px 0 100px}
  .catalog .section-head.cat-head{margin-bottom:22px}
  .catalog .section-head .sub{font-size:14px;margin-top:10px}
  .cx-tools{gap:8px;margin-bottom:14px}
  .cx-search{height:46px;padding:0 10px}
  .cx-sort{flex:none;height:46px;width:112px;font-size:13px;padding:0 28px 0 10px;background-position:right 8px center}
  .cx-chips{margin-bottom:14px}
  .cx-count{font-size:13px;margin-bottom:16px}
  .cx-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .cx-prod h3{font-size:14px}
  html[data-lang="en"] .cx-prod h3{font-size:15.5px}
  html[data-lang="fr"] .cx-prod h3{font-size:15.5px}
  .cx-alt{font-size:11.5px}
  .cx-code{font-size:10.5px;margin-bottom:8px}
  .cx-prod .p-price{font-size:19px}
}

/* 首页入口 / Home page entry points */
.cat-count.cx-n{background:var(--red);color:#fff}
.cx-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:960px;margin:0 auto 44px;padding:22px 28px;background:var(--ivory);border:1px solid #ecdccb;border-left:3px solid var(--red)}
.cx-cta p{color:var(--ink);font-family:var(--serif-zh);font-size:18px}
html[data-lang="en"] .cx-cta p{font-family:var(--serif);font-size:21px}
html[data-lang="fr"] .cx-cta p{font-family:var(--serif);font-size:21px}
.cx-cta .btn{flex:none;color:#fff;background:var(--red);border-color:var(--red)}
.cx-cta .btn:hover{background:#5f1616}
.cats-cta{text-align:center;margin-top:36px}
.cats-cta .btn{color:#fff;background:var(--red);border-color:var(--red)}
@media (max-width:640px){.cx-cta{flex-direction:column;align-items:stretch;text-align:center;padding:18px}.cx-cta .btn{justify-content:center}.cats-cta .btn{width:100%;justify-content:center}}