#wc-selector{margin:24px 0;padding:22px;border:1px solid #ddd;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06);font-family:inherit}
#wc-selector *{box-sizing:border-box}.wc-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.wc-head h3{margin:0}.wc-counter{font-weight:700;padding:8px 12px;border-radius:999px;background:#f4f4f4}
.wc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.wc-tab{border:1px solid #ccc;background:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}
.wc-tab.active{font-weight:700;border-color:#111}.wc-search{width:100%;padding:11px 12px;border:1px solid #ccc;border-radius:10px;margin:6px 0 14px}
.wc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}.wc-item{display:flex;align-items:center;gap:8px;border:1px solid #e5e5e5;border-radius:10px;padding:9px}
.wc-item label{flex:1;cursor:pointer}.wc-qty{width:62px;padding:7px;border:1px solid #ccc;border-radius:8px}.wc-section{margin-top:22px;padding-top:18px;border-top:1px solid #eee}
.wc-addon{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.wc-private-fields{display:none;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.wc-private-fields.show{display:grid}
.wc-private-fields input,.wc-private-fields textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px}.wc-private-fields textarea{grid-column:1/-1}
.wc-msg{margin-top:10px;font-weight:700}.wc-msg.bad{color:#b00020}.wc-msg.good{color:#137333}.wc-note{font-size:.92em;color:#555}
@media(max-width:600px){#wc-selector{padding:14px}.wc-private-fields{grid-template-columns:1fr}.wc-private-fields textarea{grid-column:auto}}

.wc-total-box{margin:20px 0;padding:18px 20px;border-radius:12px;background:#fff4f8;border:2px solid #b52d67;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wc-total-box span{font-weight:700}.wc-total-box strong{font-size:1.55rem;color:#a31f58}.wc-total-box small{width:100%;color:#555}