/* ==========================================================================
   Lumihome — 0821 需求（FR/IT 改版）
   Loaded last, after lumihome-unified.css + completion-0604.css.
   Every rule here maps to a numbered item in 0821需求/0821-FR-IT-改版调整计划.md
   ========================================================================== */

:root{
  /* Brand green sampled from lumihome.com reference screenshots (#3a9d5f). */
  --lh-green:#3a9d5f;
  --lh-green-hover:#328a53;
  --lh-green-deep:#276B42;
  --lh-chip-border:#a9d6bb;
  --lh-red:#e4322b;
  --lh-ink:#1a1a1a;
  --lh-muted:#7f877f;
}

/* ==========================================================================
   H1 — 信任条：恢复跑马灯动效与原始比例
   The 0604 "legacy" block froze the marquee (animation:none) and shrank it to
   12px/12px. The reference is a full-width, continuously scrolling strip.
   ========================================================================== */
.lh-marquee{padding:16px 0 !important;background:#fff}
.lh-marquee__track{
  width:max-content !important;max-width:none !important;margin:0 !important;
  display:flex !important;justify-content:flex-start !important;
  gap:60px !important;
  animation:lh-mq 36s linear infinite !important;
}
.lh-marquee__track .lh-marquee__i[aria-hidden="true"]{display:inline-flex !important}
.lh-marquee__i{font-size:14.5px !important;gap:10px !important;font-weight:600}
.lh-marquee__i svg{width:22px !important;height:22px !important;color:var(--lh-green) !important}
.lh-marquee:hover .lh-marquee__track,
.lh-marquee:focus-within .lh-marquee__track{animation-play-state:paused !important}
@media(max-width:760px){
  .lh-marquee__track{
    width:max-content !important;padding:0 !important;
    overflow-x:visible !important;justify-content:flex-start !important;
    animation-duration:26s !important;gap:36px !important;
  }
  .lh-marquee__track .lh-marquee__i[aria-hidden="true"]{display:inline-flex !important}
  .lh-marquee__i{font-size:13px !important}
}
@media (prefers-reduced-motion:reduce){
  .lh-marquee__track{animation:none !important;flex-wrap:wrap;justify-content:center !important}
}

/* ==========================================================================
   H3 / C4 / P7 — 统一商品卡（首页 .hp-pcard / 分类页 .ls-card）
   Reference layout: full-bleed image · "+ Remises sur quantité" top-left ·
   red "PVC -N%" top-right · attribute pills bottom-left · title · stars+count ·
   price + strikethrough · "En stock | Chez vous dès <jour>".
   ========================================================================== */

/* --- 首页卡 ---------------------------------------------------------- */
.hp-pcard .hp-pc-pvc{display:none !important}          /* 旧的橙色 PVC -40,00 € 药丸 */
.hp-pc-media .hp-bdg--pvc{
  position:absolute;top:10px;right:10px;z-index:3;
  background:var(--lh-red);color:#fff;font-size:11px;font-weight:800;
  padding:6px 11px;border-radius:999px;letter-spacing:.01em;white-space:nowrap;
}
.hp-pc-tags{
  position:absolute;left:10px;bottom:10px;z-index:2;
  display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 20px);
}
.hp-pc-tags .hp-tag{
  display:inline-flex;align-items:center;gap:5px;
  font-size:10px;font-weight:800;line-height:1;padding:6px 10px;border-radius:999px;
  text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap;
}
.hp-tag--solar{background:#f6a429}
.hp-tag--solar::before{content:"";width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle,#fff 30%,#ffd24a 60%,transparent 65%);box-shadow:0 0 0 1.5px #fff inset}
.hp-tag--lm{background:#e4732b}
.hp-tag--v{background:#2f80d6}
.hp-tag--cct{background:#d2761f}
.hp-pcard .hp-bdg--solar{display:none !important}      /* 旧的单独 Solaire 角标 */
.hp-pc-price{flex-direction:row !important;align-items:baseline !important;gap:8px !important}
.hp-pc-price b{font-size:19px}
.hp-pc-oldprice{font-size:13.5px;color:#9b9f9b}
.hp-pc-oldprice .hp-pc-pvclabel{display:none}          /* 参考版价格前不再重复 "PVC" */
.hp-pc-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--lh-muted)}
.hp-pc-meta .hp-pc-stock{color:var(--lh-green)}
.hp-pc-eta{display:inline-flex;align-items:center;gap:6px}
.hp-pc-eta svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.hp-pc-eta b{color:var(--lh-ink);font-weight:700}

/* --- 分类页卡 -------------------------------------------------------- */
html body #main .ls-card{position:relative}
html body #main .ls-card .ls-card-media{position:relative !important;overflow:hidden !important}
html body #main .ls-card .ls-card-media .ls-bdg--disc{
  position:absolute !important;top:10px !important;right:10px !important;left:auto !important;
  bottom:auto !important;z-index:4 !important;
}
html body #main .ls-card .ls-card-tags{
  position:absolute !important;left:10px !important;bottom:10px !important;
  top:auto !important;right:auto !important;z-index:3 !important;
}
.ls-card-media .ls-bdg--disc{
  position:absolute;top:10px;right:10px;left:auto;z-index:3;
  background:var(--lh-red);color:#fff;font-size:11px;font-weight:800;
  padding:6px 11px;border-radius:999px;white-space:nowrap;
}
.ls-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ls-card-tags{
  position:absolute;left:10px;bottom:10px;z-index:2;
  display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 20px);
}
.ls-card-tags .hp-tag{font-size:10px}
.ls-card .ls-bdg--solar{display:none !important}
.ls-stock-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--lh-muted)}
.ls-eta{display:inline-flex;align-items:center;gap:6px}
.ls-eta svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.ls-eta b{color:var(--lh-ink);font-weight:700}

/* ==========================================================================
   C1 / C2 — 分类条：官网配色 + 左右滑动
   ========================================================================== */
.lh-subcats{position:relative;margin:0 0 18px}
.lh-subcats__viewport{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.lh-subcats__viewport::-webkit-scrollbar{display:none}
.lh-subcats__track{display:flex;gap:10px;width:max-content;padding:4px 2px}
.lh-subcats__i{
  display:inline-flex;align-items:center;white-space:nowrap;
  padding:11px 20px;border-radius:999px;
  border:1px solid var(--lh-chip-border);background:#fff;color:var(--lh-green-deep);
  font-size:13.5px;font-weight:700;text-decoration:none;
  transition:background .15s,color .15s,border-color .15s;
}
.lh-subcats__i:hover{background:#f2faf5;border-color:var(--lh-green)}
.lh-subcats__i.is-active,
.lh-subcats__i[aria-current="page"]{background:var(--lh-green);border-color:var(--lh-green);color:#fff}
.lh-subcats__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:36px;height:36px;border-radius:50%;border:1px solid #e4e8e4;background:#fff;
  display:grid;place-items:center;cursor:pointer;color:var(--lh-ink);
  box-shadow:0 2px 10px rgba(20,40,28,.10);transition:opacity .15s,visibility .15s;
}
.lh-subcats__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
.lh-subcats__arrow--prev{left:-6px}
.lh-subcats__arrow--next{right:-6px}
.lh-subcats__arrow[hidden]{display:none}
.lh-subcats::before,.lh-subcats::after{
  content:"";position:absolute;top:0;bottom:0;width:44px;pointer-events:none;z-index:1;
}
.lh-subcats::before{left:0;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0))}
.lh-subcats::after{right:0;background:linear-gradient(270deg,#fff 30%,rgba(255,255,255,0))}
.lh-subcats[data-at-start]::before{opacity:0}
.lh-subcats[data-at-end]::after{opacity:0}

/* 旧的墨绿分类条（若仍在 DOM 中）统一到官网配色 */
.ls-subnav a,.ls-subnav__i,.cat-pills a{border-color:var(--lh-chip-border)}
.ls-subnav a.is-active,.ls-subnav__i.is-active,.cat-pills a.is-active{background:var(--lh-green);border-color:var(--lh-green)}

/* --- 首页热卖品：卡片内容顺序与比例对齐官网 -------------------------------
   lumihome-unified.css stacks a dozen override layers on this card, the last
   of which lays the body out as a 5-row grid with explicit grid-row
   (pvc:1, price:2, name:3, rate:4, stock:5) at very high specificity.
   The reference is a simple stack: name → rating → price → stock+delivery.
   Class names are intentionally doubled below to outweigh that legacy layer
   instead of editing the 65k-line bundle.                                    */
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard {height:auto !important;min-height:0 !important;max-height:none !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard > a{display:flex !important;flex-direction:column !important;grid-template-rows:none !important;height:auto !important;min-height:0 !important;max-height:none !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-media.hp-pc-media{aspect-ratio:.9 / 1 !important;height:auto !important;min-height:0 !important;max-height:none !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-body.hp-pc-body{
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;
  grid-template-rows:none !important;gap:6px !important;
  height:auto !important;min-height:0 !important;max-height:none !important;
  padding:16px 16px 18px !important;overflow:visible !important;
}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-body.hp-pc-body > *{grid-row:auto !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-name.hp-pc-name{
  order:1 !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;white-space:normal !important;text-overflow:clip !important;
  height:auto !important;min-height:40px !important;max-height:40px !important;overflow:hidden !important;
  margin:0 !important;font-size:14.5px !important;font-weight:600 !important;line-height:20px !important;
  color:#17211b !important;
}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-rate.hp-pc-rate{order:2 !important;margin:0 !important;min-height:0 !important;font-size:12.5px !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-stars.hp-stars{font-size:13px !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-price.hp-pc-price{
  order:3 !important;display:flex !important;flex-direction:row !important;align-items:baseline !important;
  gap:8px !important;margin:2px 0 0 !important;min-height:0 !important;
}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-price.hp-pc-price b{font-size:19px !important;line-height:1.15 !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-oldprice.hp-pc-oldprice{font-size:14px !important;color:#a9aca9 !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-meta.hp-pc-meta{order:4 !important;display:flex !important;margin:6px 0 0 !important}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-stock.hp-pc-stock{
  order:0 !important;margin:0 !important;font-size:12px !important;
  font-weight:600 !important;color:var(--lh-green) !important;
}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-stock.hp-pc-stock::before{
  content:"" !important;width:8px !important;height:8px !important;
  background:currentColor !important;border-radius:50% !important;
}
html body #main section.hp-sec.hp-sec--best .hp-bv-wrap .hp-track > article.hp-pcard.hp-pcard .hp-pc-eta.hp-pc-eta{order:1 !important}
/* 参考版热卖卡没有心形收藏按钮 */
html body #main section.hp-sec.hp-sec--best .hp-pc-fav.hp-pc-fav{display:none !important}

/* ==========================================================================
   H2 — 分类轮播：等比例间距、圆形等大、标签基线对齐
   The grid columns were 1fr but the circles kept a larger fixed size, so the
   visual gaps drifted and the last label sat on a different baseline.
   ========================================================================== */
html body #main .lh-circats .lh-circats__track.lh-circats__track{
  display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:24px !important;align-items:start !important;justify-items:center !important;
  width:100% !important;
}
/* 一屏 6 个，其余由左右箭头切换（与 0821 文档验收口径一致） */
html body #main .lh-circats .lh-circats__i.lh-circats__i:nth-child(n+7){display:none !important}
html body #main .lh-circats .lh-circats__i.lh-circats__i{
  display:flex !important;flex-direction:column !important;align-items:center !important;
  justify-content:flex-start !important;
  /* 旧层用 max-width/flex-basis 把每个 item 卡成内容宽（第 6 个只剩 7px），
     导致圆形与标签溢出、间距看起来不等分。这里一并解除。 */
  width:100% !important;min-width:0 !important;max-width:none !important;
  flex:0 0 auto !important;justify-self:stretch !important;
  gap:0 !important;text-align:center !important;
}
html body #main .lh-circats .lh-circats__pic.lh-circats__pic{
  flex:0 0 auto !important;width:150px !important;height:150px !important;
  border-radius:50% !important;overflow:hidden !important;
}
html body #main .lh-circats .lh-circats__pic.lh-circats__pic img{
  width:100% !important;height:100% !important;object-fit:contain !important;
}
html body #main .lh-circats .lh-circats__lbl.lh-circats__lbl{
  display:block !important;margin:16px 0 0 !important;max-width:100% !important;
  font-size:14px !important;font-weight:600 !important;line-height:1.3 !important;
  letter-spacing:0 !important;white-space:nowrap !important;overflow:visible !important;
  text-overflow:clip !important;color:#202720 !important;
}

/* ========================================================================== 
   H4 — 按空间 / 按房间：标题字号与上方模块统一，分类标签加大
   ========================================================================== */
html body #main .hp-sec--best .hp-prow-head h2{
  font-size:clamp(25px,3.3vw,39px) !important;line-height:1.15 !important;
}
html body #main .hp-space-tile b,
html body #main .hp-room-card b{
  font-size:15px !important;font-weight:700 !important;line-height:1.35 !important;
  color:#17211b !important;
}

/* ==========================================================================
   H5 / H9 — 评价轮播：卡片等高、左右箭头 + 圆点分页
   ========================================================================== */
.lh-revcar{position:relative}
.lh-revcar__track{
  display:grid !important;grid-auto-flow:column !important;
  grid-template-columns:none !important;grid-template-rows:none !important;
  grid-auto-columns:calc((100% - 2 * var(--lh-revgap,20px)) / 3) !important;
  gap:var(--lh-revgap,20px) !important;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;align-items:stretch !important;
}
.lh-revcar__track::-webkit-scrollbar{display:none}
.lh-revcar__track > .hp-rev{
  scroll-snap-align:start;height:100% !important;min-height:clamp(430px,32vw,568px) !important;
  display:flex !important;flex-direction:column !important;
  padding:clamp(28px,2.2vw,34px) !important;border-radius:22px !important;
}
.hp-sec--reviews .hp-rev__head{margin-bottom:20px !important}
.hp-sec--reviews .hp-rev__rate{font-size:18px !important;gap:10px !important}
.hp-sec--reviews .hp-rev__rate .hp-stars{font-size:20px !important;letter-spacing:1.5px !important}
.hp-sec--reviews .hp-rev__who{font-size:15px !important}
.hp-sec--reviews .hp-rev h4{font-size:22px !important;line-height:1.28 !important;margin:0 0 14px !important}
.hp-sec--reviews .hp-rev p{font-size:17px !important;line-height:1.65 !important}
.hp-sec--reviews .hp-rev__cta{font-size:16px !important;margin-top:24px !important}
.hp-sec--reviews .hp-rev__prod{gap:18px !important;margin-top:24px !important;padding-top:18px !important}
.hp-sec--reviews .hp-rev__prod img{width:clamp(88px,7vw,132px) !important;height:clamp(88px,7vw,132px) !important;border-radius:8px !important}
.hp-sec--reviews .hp-rev__prod b{font-size:17px !important;line-height:1.35 !important;margin-bottom:12px !important}
.hp-sec--reviews .hp-rev__chip{font-size:13px !important;padding:7px 12px !important}
.lh-revcar__track > .hp-rev .hp-rev__prod{margin-top:auto !important}
.lh-revcar__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:84px;height:84px;border-radius:50%;border:0;cursor:pointer;
  background:var(--lh-green-deep);color:#fff;display:grid;place-items:center;
  box-shadow:0 6px 18px -6px rgba(20,40,28,.45);
}
.lh-revcar__arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4}
.lh-revcar__arrow--prev{left:-42px}
.lh-revcar__arrow--next{right:-42px}
.lh-revcar__arrow[hidden]{display:none}
.lh-dots-row{display:flex;justify-content:center;gap:8px;margin-top:18px}
.hp-sec--reviews .lh-dots-row{display:none !important}
.lh-dots-row[hidden]{display:none}
.lh-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#d6dbd6}
.lh-dot.is-active{background:var(--lh-green-deep)}
@media(max-width:1000px){
  .lh-revcar__track{grid-auto-columns:calc((100% - var(--lh-revgap,20px)) / 2) !important}
  .lh-revcar__arrow--prev{left:-8px}
  .lh-revcar__arrow--next{right:-8px}
}
@media(max-width:700px){
  .lh-revcar__track{grid-auto-columns:88% !important}
  .lh-revcar__track > .hp-rev{min-height:auto !important;padding:22px !important}
  .hp-sec--reviews .hp-rev__who{font-size:11.5px !important}
  .hp-sec--reviews .hp-rev h4{font-size:17px !important}
  .hp-sec--reviews .hp-rev p{font-size:14px !important}
  .hp-sec--reviews .hp-rev__prod img{width:76px !important;height:76px !important}
  .hp-sec--reviews .hp-rev__prod b{font-size:14px !important}
  .hp-sec--reviews .hp-rev__chip{font-size:10.5px !important;padding:4px 8px !important}
  .lh-revcar__arrow{width:48px;height:48px}
  .lh-revcar__arrow svg{width:19px;height:19px}
}

/* ==========================================================================
   H6 — 能源模块：CTA 改为官网亮绿
   H7 — 媒体模块：胶囊 CTA、按来源着色的角标、标题下绿色短线、正文行距
   H8 — 博客模块：官网版式（无卡片框 / 无眉标 / 底部居中胶囊 CTA）
   ========================================================================== */

/* 通用亮绿按钮 --------------------------------------------------------- */
.lh-btn-pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 34px;border-radius:999px;background:var(--lh-green);color:#fff;
  font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;transition:background .15s,transform .15s;
}
.lh-btn-pill:hover{background:var(--lh-green-hover);transform:translateY(-1px)}

/* H6 ------------------------------------------------------------------- */
html body #main .hp-en-btn.hp-en-btn{
  background:var(--lh-green) !important;border-color:var(--lh-green) !important;color:#fff !important;
}
html body #main .hp-en-btn.hp-en-btn:hover{background:var(--lh-green-hover) !important}

/* H7 ------------------------------------------------------------------- */
html body #main .hp-md-btn.hp-md-btn{
  display:inline-flex !important;width:auto !important;align-self:flex-start !important;
  padding:13px 26px !important;border-radius:999px !important;
  background:var(--lh-green) !important;border-color:var(--lh-green) !important;color:#fff !important;
  font-size:13px !important;font-weight:700 !important;letter-spacing:.02em !important;
  text-transform:none !important;
}
html body #main .hp-md-btn.hp-md-btn:hover{background:var(--lh-green-hover) !important}
html body #main .hp-md-body h3{
  position:relative !important;padding-bottom:14px !important;margin-bottom:14px !important;
  font-size:19px !important;font-weight:800 !important;line-height:1.3 !important;
}
html body #main .hp-md-body h3::after{
  content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;
  background:var(--lh-green);border-radius:2px;
}
html body #main .hp-md-body p{
  font-size:14.5px !important;line-height:1.62 !important;letter-spacing:.005em !important;
  color:#5d6660 !important;margin:0 0 20px !important;
}
html body #main .hp-md-tag.hp-md-tag--green{background:var(--lh-green) !important;color:#fff !important}
html body #main .hp-md-tag.hp-md-tag--red{background:#e0342c !important;color:#fff !important}
html body #main .hp-md-tag.hp-md-tag--blue{background:#1f6fd0 !important;color:#fff !important}

/* H8 ------------------------------------------------------------------- */
.lh-mag__head{text-align:center;margin-bottom:34px}
.lh-mag__kicker{margin:0 0 10px;font-size:14px;color:#6f776f}
.lh-mag__h2{
  margin:0;font-size:clamp(24px,2.6vw,31px);font-weight:800;
  letter-spacing:-.01em;color:#17211b;line-height:1.25;
}
.lh-mag__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:34px;row-gap:38px;
}
.lh-mag__post{display:block;text-decoration:none;color:inherit}
.lh-mag__pic{
  display:block;aspect-ratio:16 / 10;border-radius:6px;overflow:hidden;background:#eef0ee;
}
.lh-mag__pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.lh-mag__post:hover .lh-mag__pic img{transform:scale(1.04)}
.lh-mag__title{
  display:block;margin-top:14px;font-size:15px;font-weight:600;line-height:1.45;color:#17211b;
}
.lh-mag__cta{display:flex;justify-content:center;margin-top:44px}
@media(max-width:1000px){.lh-mag__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media(max-width:640px){.lh-mag__grid{grid-template-columns:1fr}}

/* ==========================================================================
   H9 — 底部新增 Avis Vérifiés 评价轮播（位于保障条之上）
   ========================================================================== */
.lh-av{background:#fff;padding:34px 0 30px;border-top:1px solid #edefed}
.lh-av__wrap{
  width:min(1220px,calc(100% - 96px));margin:0 auto;
  display:grid;grid-template-columns:210px minmax(0,1fr);gap:34px;align-items:center;
}
.lh-av__agg{text-align:center}
.lh-av__score{font-size:34px;font-weight:800;color:#e2372b;line-height:1}
.lh-av__score span{font-size:17px;color:#8b918b;font-weight:600}
.lh-av__stars{margin:8px 0 6px;letter-spacing:2px;font-size:17px;color:#e2372b}
.lh-av__star.is-off{color:#d9dcd9}
.lh-av__brand{margin:0;font-size:13px;font-weight:800;color:#1f2b57;letter-spacing:.01em}
.lh-av__count{margin:4px 0 6px;font-size:11.5px;line-height:1.4;color:#7f877f}
.lh-av__link{font-size:11.5px;color:#5b6a8f;text-decoration:underline}
.lh-av__car{position:relative}
.lh-av__track{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 16px) / 4);
  gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;
}
.lh-av__track::-webkit-scrollbar{display:none}
.lh-av__card{
  scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;
  border:1px solid #e7eae7;border-radius:8px;padding:14px 16px;background:#fff;min-height:132px;
}
.lh-av__rate{display:flex;align-items:center;gap:8px;color:#e2372b;font-size:15px;letter-spacing:1.5px}
.lh-av__rate b{color:#1a1a1a;font-size:12.5px;letter-spacing:0}
.lh-av__txt{margin:0;font-size:12.5px;line-height:1.5;color:#28312b}
.lh-av__meta{margin:auto 0 0;font-size:11px;line-height:1.45;color:#8b918b}
.lh-av__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:30px;height:30px;border-radius:50%;border:1px solid #e4e8e4;background:#fff;
  display:grid;place-items:center;cursor:pointer;color:#1a1a1a;box-shadow:0 2px 8px rgba(20,40,28,.10);
}
.lh-av__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.lh-av__arrow--prev{left:-16px}
.lh-av__arrow--next{right:-16px}
.lh-av__arrow[hidden]{display:none}
.lh-av .lh-dots-row{margin-top:12px}
@media(max-width:1000px){
  .lh-av__wrap{grid-template-columns:1fr;gap:20px}
  .lh-av__track{grid-auto-columns:calc((100% - 16px) / 2)}
}
@media(max-width:640px){
  .lh-av__wrap{width:calc(100% - 32px)}
  .lh-av__track{grid-auto-columns:86%}
  .lh-av__arrow{display:none}
}

/* ==========================================================================
   H10 — "Plus" 下拉：对齐到触发项，不再飘到视口最右
   H11 — 大菜单展开时保留上方导航行（面板起点下移到导航行下沿）
   ========================================================================== */
html body .header__linklist-item.mm-plus{position:relative}
html body .header__linklist-item.mm-plus > .nav-dropdown{
  position:absolute !important;top:100% !important;
  left:0 !important;right:auto !important;transform:none !important;
  min-width:210px !important;margin-top:6px !important;z-index:140 !important;
}
/* 窄屏桌面下改为右对齐，避免溢出视口 */
@media(max-width:1300px){
  html body .header__linklist-item.mm-plus > .nav-dropdown{left:auto !important;right:0 !important}
}

/* 大菜单面板锚定在 header 内、紧贴导航行下沿（定位由 final-fixes.js 计算）。
   注意：不要给 .header__linklist-item 提 z-index —— 面板是某个 li 的子节点，
   同层级的后续 li 会盖到面板上，就是客户截图里「导航文字压在面板上」的成因。 */
html body store-header,
html body .shopify-section-header{position:relative}
html body .header__linklist-item.has-dropdown > .mega-menu,
html body .header__linklist-item.has-dropdown > .mega-menu[hidden]{
  max-height:none !important;
  z-index:120 !important;
}
/* 当前一级菜单加绿色下划线（与官网一致） */
html body .header__linklist-item.has-dropdown:hover > .header__linklist-link,
html body .header__linklist-item.has-dropdown:focus-within > .header__linklist-link{
  position:relative;
}
html body .header__linklist-item.has-dropdown:hover > .header__linklist-link::after,
html body .header__linklist-item.has-dropdown:focus-within > .header__linklist-link::after{
  content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;
  background:var(--lh-green);border-radius:2px;
}

/* ==========================================================================
   P1 — 主图满幅（左右占满，无内白边）
   P2 — 购买区顺序/配色对齐官网详情页
   ========================================================================== */
html body #main [data-lh-gallery] .main-image-container{
  width:100% !important;padding:0 !important;overflow:hidden !important;
}
html body #main [data-lh-gallery] .main-image-container > img{
  width:100% !important;height:100% !important;
  object-fit:cover !important;object-position:center !important;
}

/* 折扣药丸：官网为红色 */
html body #main .pvc-badge{
  background:var(--lh-red) !important;color:#fff !important;
  border-radius:999px !important;font-weight:800 !important;
}
/* 划线原价 */
html body #main .price-v2-pvc s{color:#a9aca9 !important;text-decoration:line-through !important}
/* 属性药丸移到价格下方 */
.spec-pills--underprice{
  display:flex !important;flex-wrap:wrap;gap:10px;margin:16px 0 4px !important;
}
/* 库存 + 交期：纯文字行，去掉绿/黄双色卡片 */
html body #main .ship-info-v16.lh-ship{
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;
  gap:8px !important;margin:18px 0 20px !important;padding:0 !important;
  background:none !important;border:0 !important;box-shadow:none !important;
  grid-template-columns:none !important;
}
html body #main .lh-ship > p{width:100% !important;margin:0 !important}
.lh-ship__stock{
  display:flex;align-items:center;gap:8px;margin:0;
  font-size:14px;font-weight:600;color:var(--lh-green);
}
.lh-ship__dot{width:9px;height:9px;border-radius:50%;background:currentColor}
.lh-ship__line{
  display:flex;align-items:flex-start;gap:9px;margin:0;
  font-size:14px;line-height:1.55;color:#4c554e;
}
.lh-ship__line svg{
  width:16px;height:16px;flex:0 0 auto;margin-top:3px;
  fill:none;stroke:currentColor;stroke-width:1.7;
}
.lh-ship__line > span{flex:1 1 auto;min-width:0}
.lh-ship__line strong{color:#17211b;font-weight:700}

/* 颜色选择：官网为圆形色块，而非方形场景缩略图 */
html body #main .color-swatches--v2 .swatch-v2{
  width:44px !important;height:44px !important;padding:3px !important;
  border-radius:50% !important;overflow:hidden !important;
}
html body #main .color-swatches--v2 .swatch-v2 .swatch-v2-img,
html body #main .color-swatches--v2 .swatch-v2 img{display:none !important}
html body #main .color-swatches--v2 .swatch-v2 .swatch-v2-dot{
  display:block !important;width:100% !important;height:100% !important;
  border-radius:50% !important;border:1px solid rgba(0,0,0,.12) !important;
}
html body #main .color-swatches--v2 .swatch-v2.active{
  border:2px solid var(--lh-green-deep) !important;
}

/* ==========================================================================
   P3 — 加购区下方新增视频圆圈行（橙色圆环 + 播放按钮）
   ========================================================================== */
.lh-stories{display:flex;flex-wrap:wrap;gap:22px;margin:22px 0 6px}
.lh-story{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  width:84px;border:0;background:none;padding:0;cursor:pointer;
}
.lh-story__ring{
  position:relative;display:block;width:72px;height:72px;border-radius:50%;
  padding:3px;background:linear-gradient(135deg,#f6a429,#e4732b);
}
.lh-story__ring img{
  width:100%;height:100%;border-radius:50%;object-fit:cover;
  display:block;border:2px solid #fff;box-sizing:border-box;
}
.lh-story__play{
  position:absolute;right:-1px;bottom:-1px;display:grid;width:24px;height:24px;border-radius:50%;
  place-items:center;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);color:#17211b;
}
.lh-story__play svg{
  display:block;width:11px;height:11px;fill:currentColor;
}
.lh-story__lbl{
  font-size:11.5px;line-height:1.3;text-align:center;color:#4c554e;font-weight:600;
}
.lh-story:hover .lh-story__lbl{color:var(--lh-green-deep)}

/* P4 — 参数卡标题居中、去掉副标题 */
html body #main .at-a-glance-bar .glance-title{
  display:block !important;text-align:center !important;width:100% !important;margin-bottom:26px !important;
}

/* P5 — 去掉功能模块上方的绿色小标（参考版只保留 标题 + 正文 + ✓ 列表） */
html body #main .features-flow .feature-eyebrow{display:none !important}
html body #main .features-flow .feature-title{margin-top:0 !important}

/* P7 — 关联商品卡与首页/分类页统一（红色 PVC 角标 + 库存行） */
html body #main .reco-media{position:relative}
.reco-pvc{
  position:absolute;top:10px;right:10px;z-index:3;
  background:var(--lh-red);color:#fff;font-size:11px;font-weight:800;
  padding:6px 11px;border-radius:999px;white-space:nowrap;
}
.reco-stock{
  display:flex;align-items:center;gap:7px;margin-top:8px;
  font-size:12px;font-weight:600;color:var(--lh-green);
}
.reco-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
html body #main .reco-cta{margin-top:6px}

/* ==========================================================================
   C1 / C2 — 分类条：官网配色 + 左右滑动（.ls-chiprow 作为 track）
   ========================================================================== */
html body #main .lh-subcats .ls-chiprow.lh-subcats__track{
  display:flex !important;flex-wrap:nowrap !important;width:max-content !important;
  gap:10px !important;padding:4px 2px !important;margin:0 !important;overflow:visible !important;
}
html body #main .lh-subcats .ls-catchip{
  flex:0 0 auto !important;white-space:nowrap !important;
  padding:11px 20px !important;border-radius:999px !important;
  border:1px solid var(--lh-chip-border) !important;background:#fff !important;
  color:var(--lh-green-deep) !important;font-size:13.5px !important;font-weight:700 !important;
  text-decoration:none !important;
}
html body #main .lh-subcats .ls-catchip:hover{background:#f2faf5 !important;border-color:var(--lh-green) !important}
html body #main .lh-subcats .ls-catchip.is-active{
  background:var(--lh-green) !important;border-color:var(--lh-green) !important;color:#fff !important;
}

/* ==========================================================================
   C3 — PROMOS 等分类页顶部通栏 banner（其下紧接小分类条）
   ========================================================================== */
.lh-colbanner{width:100%;margin:0 0 6px;background:#f4f5f4}
.lh-colbanner img{display:block;width:100%;height:auto}

/* ==========================================================================
   P6 — 对比表：ALTO 列整列实心品牌绿 + 白色文字/勾选（对齐参考）
   ========================================================================== */
html body #main .compare-table-v2 th.col-self{
  background:var(--lh-green) !important;color:#fff !important;border-color:var(--lh-green) !important;
}
html body #main .compare-table-v2 td.col-self,
html body #main .compare-table-v2 tbody td:nth-child(2){
  background:var(--lh-green) !important;color:#fff !important;font-weight:600 !important;
  border-color:rgba(255,255,255,.28) !important;
}
html body #main .compare-table-v2 tbody td:nth-child(2) svg,
html body #main .compare-table-v2 tbody td:nth-child(2) .tick{
  stroke:#fff !important;color:#fff !important;
}
html body #main .compare-table-v2 tbody td:nth-child(3){color:#8b918b !important}
html body #main .compare-table-v2 th.col-others{background:#fff !important;color:#17211b !important}
html body #main .compare-intro-p strong{font-weight:700;color:#17211b}

/* P6 — 灵感图模块标题居中、无副标题（对齐参考） */
html body #main .usecases-header{text-align:center !important}
html body #main .usecases-title{text-align:center !important;margin:0 0 26px !important}

/* H4 — 四个模块标题字号完全统一（旧层在窄屏用 3vw、本处统一为 3.3vw 上限 39px） */
html body #main .lh-circats .lh-circats__head h2,
html body #main .hp-sec--best .hp-prow-head h2,
html body #main .hp-sec--spaces .hp-head h2,
html body #main .hp-room-title{
  font-size:clamp(25px,3.3vw,39px) !important;
  line-height:1.15 !important;letter-spacing:-.02em !important;font-weight:800 !important;
}

/* ==========================================================================
   导航栏改名后（Éclairage secteur 230V / Éclairage basse tension & nomade）
   一级菜单在 1000–1279px 之间会超出视口。这里收紧字号与间距，并允许横向滚动，
   不再把最后几项推到屏幕外。
   ========================================================================== */
@media (min-width:1000px) and (max-width:1319px){
  /* 导航行比它所在的栅格单元宽，默认左对齐会把尾部推出视口；改为居中溢出 */
  html body .header__inline-navigation{justify-content:center !important}
  html body .header__inline-navigation .header__linklist,
  html body .header__linklist{
    width:max-content !important;max-width:none !important;
    margin-inline:auto !important;justify-content:center !important;column-gap:0 !important;
  }
  html body .header__inline-navigation .header__linklist-item,
  html body .header__linklist-item{flex:0 0 auto !important;margin:0 !important}
  html body .header__inline-navigation .header__linklist-link,
  html body .header__linklist-link{
    font-size:11.5px !important;letter-spacing:0 !important;
    padding-left:7px !important;padding-right:7px !important;
    white-space:nowrap !important;
  }
}
@media (min-width:1000px) and (max-width:1119px){
  html body .header__inline-navigation .header__linklist-link,
  html body .header__linklist-link{font-size:11px !important;padding-left:5px !important;padding-right:5px !important}
}