/* 独立厨房展示区，选择器仅影响新增模块。产品图片保持原始比例。 */
:is(.ml-home, .ml-products) .mk-showcase { padding-top:56px; background:#eeeae4; color:#242b29; }
:is(.ml-home, .ml-products) .mk-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:28px; }
:is(.ml-home, .ml-products) .mk-heading h2 { font-size:24px; margin:8px 0 0; }
:is(.ml-home, .ml-products) .mk-heading > p { font-size:12px; color:#646c66; margin:0; }
:is(.ml-home, .ml-products) .mk-scene { position:relative; overflow:hidden; background:linear-gradient(110deg,#e1dbcf,#f5f2eb 58%,#d7dace); }
:is(.ml-home, .ml-products) .mk-kitchen { position:absolute; inset:0; pointer-events:none; }
:is(.ml-home, .ml-products) .mk-kitchen::before { content:''; position:absolute; inset:100px 0 105px; background:repeating-linear-gradient(0deg,transparent 0 54px,#9d9c9414 55px 56px),repeating-linear-gradient(90deg,transparent 0 135px,#9d9c9414 136px 137px); }
:is(.ml-home, .ml-products) .mk-cabinets { display:flex; position:absolute; top:-10px; left:4%; width:47%; height:112px; box-shadow:0 14px 18px #49493f26; }
:is(.ml-home, .ml-products) .mk-cabinets span { flex:1; position:relative; background:linear-gradient(100deg,#738074,#56665b); border:1px solid #364e3e50; }
:is(.ml-home, .ml-products) .mk-cabinets span::after { content:''; position:absolute; width:28px; height:3px; bottom:14px; right:12px; background:#b8aa83; box-shadow:0 1px 2px #0004; }
:is(.ml-home, .ml-products) .mk-window { position:absolute; top:-8px; right:8%; width:25%; height:140px; border:10px solid #f6f4ed; background:linear-gradient(115deg,#c9d6cf,#f5f7ed); box-shadow:0 5px 12px #5553; }
:is(.ml-home, .ml-products) .mk-window::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 48%,#f6f4ed 49% 52%,transparent 53%),linear-gradient(0deg,transparent 48%,#f6f4ed 49% 52%,transparent 53%); }
:is(.ml-home, .ml-products) .mk-shelf { position:absolute; top:151px; left:7%; width:37%; height:7px; background:#a99676; box-shadow:0 6px 9px #514c3425; }
:is(.ml-home, .ml-products) .mk-scene::after { content:''; position:absolute; bottom:0; left:0; right:0; height:64px; pointer-events:none; background:linear-gradient(#a9987e,#c1b19a 8px,#8f7e67 10px,#b5a48c); box-shadow:0 -3px 10px #55483120; }
:is(.ml-home, .ml-products) .mk-track { position:relative; z-index:1; display:flex; gap:30px; overflow-x:auto; padding:125px max(28px,calc((100vw - 1240px)/2)) 22px; scrollbar-color:#897e6c #e6e0d5; scrollbar-width:thin; scroll-snap-type:x proximity; background:linear-gradient(transparent 0 calc(100% - 133px),#f0ece3 calc(100% - 132px),#ded8cb calc(100% - 74px),transparent calc(100% - 73px)); }
:is(.ml-home, .ml-products) .mk-product { flex:0 0 235px; margin:0; min-width:0; scroll-snap-align:center; }
:is(.ml-home, .ml-products) .mk-product__image { height:240px; position:relative; display:flex; align-items:flex-end; justify-content:center; padding-bottom:10px; }
:is(.ml-home, .ml-products) .mk-product__image::after { content:''; position:absolute; bottom:4px; width:78%; height:13px; border-radius:50%; background:#4e493d45; filter:blur(8px); z-index:-1; }
:is(.ml-home, .ml-products) .mk-product img { width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(4px 10px 7px #38392f30); }
:is(.ml-home, .ml-products) .mk-product figcaption { min-height:54px; margin:18px 0 0; font-size:13px; line-height:1.6; color:#343a34; text-align:center; }
@media(max-width:767px) {
  :is(.ml-home, .ml-products) .mk-showcase { padding-top:34px; }
  :is(.ml-home, .ml-products) .mk-heading { align-items:start; flex-direction:column; gap:12px; }
  :is(.ml-home, .ml-products) .mk-heading h2 { font-size:21px; }
  :is(.ml-home, .ml-products) .mk-cabinets { width:48%; left:0; }
  :is(.ml-home, .ml-products) .mk-window { width:34%; right:4%; }
  :is(.ml-home, .ml-products) .mk-track { padding:125px 20px 22px; gap:24px; }
  :is(.ml-home, .ml-products) .mk-product { flex-basis:205px; }
  :is(.ml-home, .ml-products) .mk-product__image { height:215px; }
}

/* 产品中心复用厨房模块的容器与标题，不改变既有页面样式。 */
.ml-products .mk-heading { width:min(1240px, calc(100% - 44px)); margin-inline:auto; }
.ml-products .mk-heading .mh-heading__en { font-size:28px; line-height:1.2; margin:0; font-weight:400; }
.ml-products .mk-heading h2 { line-height:1.4; font-weight:600; }
.ml-products .mk-product img { display:block; }