Dip Belts

关于

/* Scoped wrapper */ .pdp-rich.dip-belt { max-width:1050px; margin:0 auto; padding:8px 20px 40px; color:#111; } .pdp-rich.dip-belt *{ box-sizing:border-box; text-align:left; } /* Typography */ .pdp-rich.dip-belt h2{ color:#111; font-weight:800; line-height:1.2; margin:1.2em 0 .55em; font-size:clamp(28px,3.4vw,36px); letter-spacing:.2px; } .pdp-rich.dip-belt h3{ color:#111; font-weight:800; margin:1.6em 0 .6em; font-size:clamp(20px,2.2vw,24px); } .pdp-rich.dip-belt h4{ color:#111; font-weight:700; margin:1.1em 0 .35em; font-size:clamp(16px,1.9vw,18px); } .pdp-rich.dip-belt p{ color:#222; line-height:1.65; margin:.5em 0 1em; } .pdp-rich.dip-belt ul{ margin:.4em 0 1.1em 1.25rem; } .pdp-rich.dip-belt li{ margin:.35em 0; } /* Buttons */ .pdp-rich.dip-belt .shop-btn{ display:inline-block; background:#111; color:#fff; text-decoration:none; font-weight:700; padding:9px 14px; border-radius:6px; border:1px solid #111; transition:all .2s ease; font-size:.92rem; } .pdp-rich.dip-belt .shop-btn:hover{ background:#fff; color:#111; } /* FAQ accordion (same pattern as other pages) */ .pdp-rich.dip-belt .faq{ margin-top:1.2em; border-top:1px solid rgba(0,0,0,.12); } .pdp-rich.dip-belt .faq details{ border-bottom:1px solid rgba(0,0,0,.12); padding:0; background:transparent; } .pdp-rich.dip-belt .faq summary{ display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; margin:0; padding:14px 0; font-weight:700; color:#111; } .pdp-rich.dip-belt .faq summary::-webkit-details-marker{ display:none; } .pdp-rich.dip-belt .faq .icon{ flex:0 0 auto; width:16px; height:16px; position:relative; opacity:.9; } .pdp-rich.dip-belt .faq .icon:before,.pdp-rich.dip-belt .faq .icon:after{ content:""; position:absolute; left:0; right:0; top:50%; height:2px; background:#111; transform:translateY(-50%); } .pdp-rich.dip-belt .faq .icon:after{ transform:translateY(-50%) rotate(90deg); } .pdp-rich.dip-belt .faq details[open] .icon:after{ opacity:0; } .pdp-rich.di