.cpi-shop{--shop-ink:#18253b;--shop-accent:#34488c;--shop-line:#d7deeb;--shop-panel:#fff;--shop-soft:#f3f6fc;color:var(--shop-ink);padding-block:clamp(2rem,5vw,4.5rem)}
[data-clo-theme=dark] .cpi-shop{--shop-ink:#e8edf8;--shop-accent:#becbff;--shop-line:#495670;--shop-panel:#192337;--shop-soft:#202d45}
.cpi-shop :is(h2,h3,h4){color:var(--shop-ink);line-height:1.2}
.cpi-shop h2{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0}
.cpi-shop h3{font-size:clamp(1.45rem,3vw,2rem);margin:1.35em 0 .65em}
.cpi-shop h4{font-size:1.3rem;margin:.45em 0}
.cpi-shop a{color:var(--shop-accent)}
.cpi-shop-kicker,.cpi-shop-badge{font-size:.8rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--shop-accent);margin:0}
.cpi-shop-intro{max-width:58ch}
.cpi-shop-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1.5rem}
.cpi-shop-nav a{display:inline-block;padding:.45rem .85rem;border:1px solid var(--shop-line);border-radius:2rem;text-decoration:none;background:var(--shop-soft)}
.cpi-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem}
.cpi-shop-card,.cpi-shop-checkout,.cpi-shop-message{background:var(--shop-panel);border:1px solid var(--shop-line);border-radius:1rem;padding:clamp(1rem,3vw,1.6rem)}
.cpi-shop-card{display:flex;flex-direction:column}
.cpi-shop-card>p:not(.cpi-shop-price){margin:.4rem 0}
.cpi-shop-price{margin:auto 0 0;padding-top:.75rem;font-size:1.28rem;font-weight:750}
.cpi-shop-select{display:flex;align-items:center;gap:.55rem;padding:.7rem;margin:.75rem 0 0;background:var(--shop-soft);border-radius:.6rem;cursor:pointer}
.cpi-shop-select input{inline-size:1.2rem;block-size:1.2rem;flex:none}
.cpi-shop-checkout{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.5rem;background:var(--shop-soft)}
.cpi-shop-checkout h3{margin-top:0}
.cpi-shop-fields label{display:block;font-weight:650;margin-bottom:.75rem}
.cpi-shop-fields input{display:block;box-sizing:border-box;width:100%;padding:.6em;margin-top:.3em;color:var(--shop-ink);background:var(--shop-panel);border:1px solid var(--shop-line);border-radius:.4rem;font:inherit}
.cpi-shop-fields button{background:#34488c;color:#fff;border:0;border-radius:.5rem;padding:.75em 1.15em;font:inherit;font-weight:700;cursor:pointer}
.cpi-shop-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.cpi-shop [id]{scroll-margin-top:9rem}