.pd-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.pd-crumbs{font-size:13px;color:var(--af-muted);padding:28px 0 12px;letter-spacing:.04em;}
.pd-crumbs a{color:var(--af-muted);}
.pd-crumbs a:hover{color:var(--af-brand);}
.pd-crumbs span{margin:0 8px;color:var(--af-line);}
.pd-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:24px 0 80px;}
.pd-gallery{position:sticky;top:12px;align-self:start;}
.pd-main-img{width:100%;aspect-ratio:4/5;background:var(--af-bg-soft);overflow:hidden;border-radius:var(--af-radius-lg);}
.pd-main-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;}
.pd-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;}
.pd-thumb{aspect-ratio:1;background:var(--af-bg-soft);border:2px solid transparent;border-radius:var(--af-radius);overflow:hidden;cursor:pointer;padding:0;transition:border-color .3s ease;}
.pd-thumb:hover,.pd-thumb.is-active{border-color:var(--af-accent);}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pd-info .pd-cat{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--af-accent-dark);margin-bottom:14px;}
.pd-info h1{font-family:var(--af-font-display);font-size:42px;line-height:1.15;color:var(--af-ink);font-weight:500;margin-bottom:18px;}
.pd-info .pd-summary{font-size:16px;line-height:1.7;color:var(--af-muted);margin-bottom:32px;max-width:520px;}
.pd-price-row{display:flex;align-items:baseline;gap:18px;padding:22px 0;border-top:1px solid var(--af-line);border-bottom:1px solid var(--af-line);margin-bottom:32px;}
.pd-price{font-family:var(--af-font-display);font-size:38px;color:var(--af-ink);font-weight:500;}
.pd-moq{font-size:13px;color:var(--af-muted);letter-spacing:.04em;}
.pd-moq strong{color:var(--af-ink);font-weight:600;}
.pd-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-bottom:36px;}
.pd-spec{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--af-line);font-size:14px;}
.pd-spec dt{color:var(--af-muted);letter-spacing:.04em;}
.pd-spec dd{color:var(--af-ink);font-weight:500;text-align:right;}
.pd-cta-row{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap;}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--af-radius);transition:var(--af-trans);font-weight:500;}
.pd-btn-primary{background:var(--af-brand);color:#fff;}
.pd-btn-primary:hover{background:var(--af-brand-dark);}
.pd-btn-ghost{background:transparent;color:var(--af-brand);border:1px solid var(--af-brand);}
.pd-btn-ghost:hover{background:var(--af-brand);color:#fff;}
.pd-meta-channels{padding:18px 0;border-top:1px solid var(--af-line);font-size:13px;color:var(--af-muted);}
.pd-meta-channels strong{color:var(--af-ink);font-weight:500;margin-right:6px;}
.pd-section{padding:80px 0;border-top:1px solid var(--af-line);}
.pd-section h2{font-family:var(--af-font-display);font-size:30px;color:var(--af-ink);font-weight:500;margin-bottom:20px;}
.pd-section .pd-desc{font-size:16px;line-height:1.85;color:var(--af-ink);max-width:780px;}
.pd-features{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px;}
.pd-feat{padding:24px;background:var(--af-bg-soft);border-radius:var(--af-radius-lg);}
.pd-feat h4{font-family:var(--af-font-display);font-size:16px;color:var(--af-ink);margin-bottom:8px;font-weight:500;}
.pd-feat p{font-size:13px;line-height:1.6;color:var(--af-muted);}
.pd-rel-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;}
.pd-rel-head p{color:var(--af-muted);font-size:14px;margin-top:8px;}
.pd-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.pd-rel-card .prc-img{aspect-ratio:4/5;background:var(--af-bg-soft);overflow:hidden;border-radius:var(--af-radius-lg);margin-bottom:14px;}
.pd-rel-card .prc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.pd-rel-card:hover .prc-img img{transform:scale(1.04);}
.pd-rel-card .prc-img img.prc-img-hover{position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .6s ease;}
.pd-rel-card:hover .prc-img img.prc-img-hover{opacity:1;}
.pd-rel-card .prc-cat{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--af-accent-dark);margin-bottom:6px;}
.pd-rel-card h3{font-family:var(--af-font-display);font-size:18px;color:var(--af-ink);font-weight:500;margin-bottom:6px;}
.pd-rel-card .prc-price{font-size:14px;color:var(--af-ink);}
.pd-inq{background:var(--af-bg-cream);border-radius:var(--af-radius-lg);padding:64px;}
.pd-inq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start;}
.pd-inq-left h2{font-family:var(--af-font-display);font-size:32px;color:var(--af-ink);font-weight:500;margin-bottom:18px;}
.pd-inq-left p{font-size:15px;line-height:1.7;color:var(--af-muted);margin-bottom:28px;}
.pd-inq-channels{display:flex;flex-direction:column;gap:16px;}
.pd-inq-ch{background:#fff;padding:18px 22px;border-radius:var(--af-radius);display:flex;align-items:center;gap:16px;border:1px solid var(--af-line);}
.pd-inq-ch-ico{width:40px;height:40px;background:var(--af-brand);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;flex-shrink:0;}
.pd-inq-ch-info{font-size:13px;color:var(--af-muted);line-height:1.4;}
.pd-inq-ch-info strong{display:block;color:var(--af-ink);font-size:14px;font-weight:500;margin-bottom:2px;}
.pd-inq-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pd-inq-form .pd-field{display:flex;flex-direction:column;gap:6px;}
.pd-inq-form .pd-field.full{grid-column:1 / -1;}
.pd-inq-form label{font-size:12px;letter-spacing:.06em;color:var(--af-muted);text-transform:uppercase;}
.pd-inq-form input,.pd-inq-form textarea{padding:12px 14px;background:#fff;border:1px solid var(--af-line);border-radius:var(--af-radius);font-size:14px;font-family:var(--af-font);color:var(--af-ink);}
.pd-inq-form input:focus,.pd-inq-form textarea:focus{outline:none;border-color:var(--af-brand);}
.pd-inq-form textarea{resize:vertical;min-height:120px;}
@media(max-width:900px){
.pd-stage{grid-template-columns:1fr;gap:36px;padding:12px 0 60px;}
.pd-info h1{font-size:32px;}
.pd-features{grid-template-columns:repeat(2,1fr);}
.pd-rel-grid{grid-template-columns:repeat(2,1fr);}
.pd-inq{padding:36px 24px;}
.pd-inq-grid{grid-template-columns:1fr;gap:36px;}
}


@media (max-width: 1024px) {
  img { max-width: 100% !important; }
  [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  *, *::before, *::after { box-sizing: border-box; }
  body { overflow-x: hidden; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="display: flex"] { max-width: 100% !important; flex-wrap: wrap !important; }
  img { max-width: 100% !important; }
  video { max-width: 100% !important; }
}


/* === Entrance animations === */
@keyframes w-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes w-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-down { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-left { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-fade-right { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-zoom-in { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
@keyframes w-zoom-out { from { opacity: 0; transform: scale(1.15); } to { opacity: 1; transform: scale(1); } }
@keyframes w-flip-x { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } }
@keyframes w-flip-y { from { opacity: 0; transform: perspective(400px) rotateY(90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } }
@keyframes w-bounce { 0% { opacity: 0; transform: translateY(-40px); } 60% { opacity: 1; transform: translateY(8px); } 80% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes w-rotate { from { opacity: 0; transform: rotate(-180deg); } to { opacity: 1; transform: rotate(0); } }
@keyframes w-swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0); } }
@keyframes w-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* === Responsive hide === */
@media (max-width: 1024px) { [data-w-hide-tablet="1"] { display: none !important; } }
@media (max-width: 640px) { [data-w-hide-mobile="1"] { display: none !important; } }
@media (min-width: 1025px) { [data-w-hide-desktop="1"] { display: none !important; } }

/* === Scroll effects === */
[data-w-scroll-effect]:not([data-w-scroll-effect^="sticky"]) { will-change: transform, opacity, filter; }
/* 吸顶:top 走变量,运行时按顶部导航实际占的高度赋值(手填 sticky-<px> 时用那个值),否则会被固定导航盖住 */
[data-w-scroll-effect^="sticky"] { position: sticky !important; top: var(--w-sticky-top, 0px) !important; z-index: 40; }


@media (max-width: 640px) {
[data-edit-root="pd_description"] > div {
  width: 320px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_description"] > div > ul {
  padding: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_gallery"] > div.pd-thumbs {
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_gallery"] > div.pd-main-img {
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="product_detail"] > div > nav {
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_info"] > dl > div.pd-spec {
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_info"] > div.pd-cta-row > a.btn {
  width: 177.875px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="product_detail"] > div {
  width: 330px !important;
  padding: 0px 24px 0px 16px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry"] > div > div > div.pd-inq-left {
  width: 270px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_description"] > div.pd-features {
  gap: 16px !important;
  margin: 48px 0px 0px 4px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_info"] > div.pd-meta-channels {
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="related_products"] > div.pd-rel-head > div > p {
  margin: 8px 0px 28px 0px !important;
  padding: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pb-move-mveu88i8"] {
  margin: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="related_products"] > div.pd-rel-grid {
  width: 330px !important;
  margin: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry"] > div > div > div {
  width: 270px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry_form"] {
  align-content: center !important;
  display: block !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry"] {
  padding: 0px 16px 0px 0px !important;
  height: 1280px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_description"] > h2 {
  padding: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry_form"] > div.pd-field > textarea {
  margin: 0px 0px 20px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="related_products"] > div.pd-rel-head > div > h2 {
  padding: 0px !important;
  width: 280px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="related_products"] > div.pd-rel-head > div {
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry"] > div > div > div.pd-inq-left > p {
  width: 275px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="related_products"] > div.pd-rel-head {
  flex-direction: row !important;
  display: grid !important;
  align-content: center !important;
  width: 300px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="inquiry"] > div {
  margin: 0px 0px 0px 10px !important;
  width: 330px !important;
  padding: 36px 24px 36px 28px !important;
  height: 1220px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_info"] {
  margin: 0px 10px 0px 0px !important;
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_gallery"] {
  position: relative !important;
  padding: 0px 10px 0px 0px !important;
  width: 330px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_wrap_pd_stage"] {
  width: 330px !important;
  margin: 0px 16px 0px 11px !important;
  padding: 12px 0px 4px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_description"] {
  width: 330px !important;
  margin: 0px 11px !important;
  padding: 80px 0px 40px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_info"] > p {
  width: 330px !important;
  margin: 0px 0px 16px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="pd_info"] > div.pd-cta-row {
  margin: 16px 0px 40px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="related_products"] {
  margin: 0px 16px 0px 11px !important;
  width: 330px !important;
  padding: 40px 0px !important;
}
}


/* ===== Product detail &mdash; mobile spec list (compact two-column rows) ===== */
@media (max-width: 767px) {
  [data-edit-root="pd_info"] .pd-specs {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--pd-spec-border, #ececec) !important;
    font-size: var(--pd-spec-font, 13.5px) !important;
    line-height: var(--pd-spec-line, 1.5) !important;
  }
  [data-edit-root="pd_info"] .pd-specs .pd-spec,
  [data-edit-root="pd_info"] .pd-specs [data-product-spec-item] {
    display: grid !important;
    grid-template-columns: minmax(0, 32%) minmax(0, 68%) !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pd-spec-border, #ececec) !important;
    font-size: var(--pd-spec-font, 13.5px) !important;
    line-height: var(--pd-spec-line, 1.5) !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  [data-edit-root="pd_info"] .pd-specs .pd-spec:last-child,
  [data-edit-root="pd_info"] .pd-specs [data-product-spec-item]:last-child {
    border-bottom: 0 !important;
  }
  [data-edit-root="pd_info"] .pd-specs dt,
  [data-edit-root="pd_info"] .pd-specs [data-product-spec-label] {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: var(--pd-spec-font, 13.5px) !important;
    line-height: var(--pd-spec-line, 1.5) !important;
    font-weight: 400 !important;
    color: #6b6b6b !important;
    text-align: left !important;
    vertical-align: top !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  [data-edit-root="pd_info"] .pd-specs dd,
  [data-edit-root="pd_info"] .pd-specs [data-product-spec-value] {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: var(--pd-spec-font, 13.5px) !important;
    line-height: var(--pd-spec-line, 1.5) !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    text-align: left !important;
    vertical-align: top !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
  }
  [data-edit-root="pd_info"] .pd-specs [data-product-spec-item][hidden],
  [data-edit-root="pd_info"] .pd-specs [data-product-spec-item]:empty {
    display: none !important;
  }
}


/* Product detail &mdash; spec list: one field per row, label left / value right */
[data-edit-root="pd_info"] .pd-specs,
[data-edit-root="pd_info"] dl[data-product-specs] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #ececec !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
[data-edit-root="pd_info"] .pd-specs .pd-spec,
[data-edit-root="pd_info"] dl[data-product-specs] > div {
  display: grid !important;
  grid-template-columns: minmax(0, 32%) minmax(0, 68%) !important;
  align-items: start !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ececec !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
[data-edit-root="pd_info"] .pd-specs .pd-spec:last-child,
[data-edit-root="pd_info"] dl[data-product-specs] > div:last-child {
  border-bottom: 0 !important;
}
[data-edit-root="pd_info"] .pd-specs dt,
[data-edit-root="pd_info"] .pd-specs dd,
[data-edit-root="pd_info"] dl[data-product-specs] dt,
[data-edit-root="pd_info"] dl[data-product-specs] dd {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: left !important;
  align-self: start !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}
[data-edit-root="pd_info"] .pd-specs dt,
[data-edit-root="pd_info"] dl[data-product-specs] dt {
  color: #6b6b6b !important;
}
[data-edit-root="pd_info"] .pd-specs dd,
[data-edit-root="pd_info"] dl[data-product-specs] dd {
  color: #1a1a1a !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 767px) {
  [data-edit-root="pd_info"] .pd-specs .pd-spec,
  [data-edit-root="pd_info"] dl[data-product-specs] > div {
    grid-template-columns: minmax(0, 32%) minmax(0, 68%) !important;
    column-gap: 10px !important;
    padding: 8px 0 !important;
    font-size: 13px !important;
  }
  [data-edit-root="pd_info"] .pd-specs dt,
  [data-edit-root="pd_info"] .pd-specs dd,
  [data-edit-root="pd_info"] dl[data-product-specs] dt,
  [data-edit-root="pd_info"] dl[data-product-specs] dd {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  [data-edit-root="pd_info"] .pd-specs,
  [data-edit-root="pd_info"] dl[data-product-specs] {
    overflow-x: hidden !important;
  }
}


/* Product detail &mdash; spec table: compact two-column rows (mobile-first) */
.pd-info .pd-specs {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #ececec !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.pd-info .pd-specs .pd-spec {
  display: grid !important;
  grid-template-columns: minmax(0, 32%) minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ececec !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  font-weight: 400 !important;
}
.pd-info .pd-specs .pd-spec > dt,
.pd-info .pd-specs .pd-spec > dd {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  vertical-align: top !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto;
}
.pd-info .pd-specs .pd-spec > dt {
  color: #6b6b6b !important;
  font-weight: 400 !important;
}
.pd-info .pd-specs .pd-spec > dd {
  color: #1a1a1a !important;
  font-weight: 400 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.pd-info .pd-specs .pd-spec > dd * {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}
@media (min-width: 768px) {
  .pd-info .pd-specs { font-size: 14px !important; }
  .pd-info .pd-specs .pd-spec { padding: 10px 0 !important; font-size: 14px !important; }
  .pd-info .pd-specs .pd-spec > dt,
  .pd-info .pd-specs .pd-spec > dd { font-size: 14px !important; }
}