.wccssb-wrap{width:100%;max-width:1200px;margin:0 auto;}
.wccssb-bar{
  display:flex; align-items:stretch; width:100%;
  background:#fff; border-radius:4px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  overflow:visible;
  position:relative;
}
.wccssb-catalog{
  display:flex; gap:14px; align-items:center;
  padding:26px 28px; min-width:260px;
  text-decoration:none; color:#2a2a2a; font-weight:700;
  border-right:1px solid #e9e9e9;
}
.wccssb-grid{color:var(--wccssb-accent); display:inline-flex;}
.wccssb-cell{
  flex:1 1 0; min-width:260px;
  border-right:1px solid #e9e9e9;
  position:relative;
}
.wccssb-select{position:relative; height:100%;}
.wccssb-select-btn{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:space-between;
  padding:24px 26px;
  background:#fff; border:0; cursor:pointer;
  font-size:22px; font-weight:500; color:#b6b6b6;
}
.wccssb-select.is-open .wccssb-select-btn,
.wccssb-select-btn:focus{
  outline:2px solid #1e66ff;
  outline-offset:-2px;
}
.wccssb-select.is-open .wccssb-select-btn::after{
  content:'';
  position:absolute; left:0; right:0; bottom:0;
  height:5px; background:var(--wccssb-accent);
}
.wccssb-select-label{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:16px;}
.wccssb-arrow{color:var(--wccssb-accent); display:inline-flex; transition:transform .18s ease;}
.wccssb-select.is-open .wccssb-arrow{transform:rotate(180deg);}

.wccssb-dropdown{
  position:absolute; left:0; right:0; top:100%;
  background:#fff; z-index:999999;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  display:none;
}
.wccssb-select.is-open .wccssb-dropdown{display:block;}
.wccssb-options{list-style:none; margin:0; padding:0; max-height:360px; overflow:auto;}
.wccssb-option{
  padding:22px 26px;
  font-size:22px; font-weight:600; color:#111;
  border-top:1px solid #e9e9e9;
  cursor:pointer;
}
.wccssb-option:hover{background:#f3f4f6;}
.wccssb-option.is-selected{background:#f1f2f5; color:var(--wccssb-accent);}

.wccssb-submit{
  min-width:220px;
  border:0; background:var(--wccssb-accent);
  color:#fff; font-weight:800; letter-spacing:.08em;
  font-size:22px; cursor:pointer;
  padding:0 28px;
}
.wccssb-submit:hover{filter:brightness(.95);}

@media (max-width: 980px){
  .wccssb-bar{flex-wrap:wrap;}
  .wccssb-catalog{min-width:100%; border-right:0; border-bottom:1px solid #e9e9e9;}
  .wccssb-cell{min-width:100%; border-right:0; border-bottom:1px solid #e9e9e9;}
  .wccssb-submit{min-width:100%; padding:22px 28px;}
}