/* liu3 模板的补充样式（style.css 是原型的原件，一个字节都不改）
   只补原型里没有、但后台配置会用到的东西：导航二级菜单、抽屉里的二级缩排。 */
.nav-grp{position:relative;display:inline-flex;align-items:center}
.nav-sub{
  display:none;position:absolute;left:-8px;top:100%;min-width:190px;padding:8px 0;
  background:#1B1714;border:1px solid var(--panel-line);border-radius:var(--r);
  box-shadow:0 14px 32px rgba(0,0,0,.35);z-index:75;
}
.nav-grp:hover .nav-sub,.nav-grp:focus-within .nav-sub{display:block}
.nav-sub a{display:block;padding:9px 18px;white-space:nowrap;font-size:13px}
.nav-sub a:hover{background:rgba(241,237,227,.06)}
/* 手机抽屉里的二级 */
.drawer a.sub{padding-left:38px;font-size:13px;color:#B9B0A0}
@media (max-width:767px){ .nav-sub{display:none!important} }
/* ── 列表页中间区域：一律白底（不受上层主题色影响） ── */
body,main,.shop,.results{background:#fff}

/* ── 商品卡：方图 + 紧凑文字区；价格紧跟说明，只有按钮贴底 ── */
.card{height:100%;display:flex;flex-direction:column}
.card .art{aspect-ratio:1/1}
.card .art img{width:100%;height:100%;object-fit:cover;display:block}
.card .body{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;min-height:0}
.card h3{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:0;margin:0;
}
.card .tl{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:0;
}
.card .pl{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:6px;padding:0}
.card .pl .stock{white-space:nowrap;text-align:right}
.card .add-btn{margin-top:auto}