.c2csm-block { display:inline-flex; --c2csm-btn-bg:#d6e5db; --c2csm-btn-text:#2a322d; --c2csm-btn-bg-hover:#cfe0d6; --c2csm-icon:currentColor; }
.c2csm-block.is-sm .c2csm-trigger{ width:38px; height:34px; font-size:14px; }
.c2csm-block.is-md .c2csm-trigger{ width:44px; height:40px; font-size:15px; }
.c2csm-block.is-lg .c2csm-trigger{ width:52px; height:46px; font-size:16px; }

.c2csm-block .c2csm-trigger{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  background: var(--c2csm-btn-bg); color: var(--c2csm-btn-text);
  border:none; border-radius:0; padding:0 .9em; cursor:pointer;
  line-height:1; transition: background-color .15s ease, transform .12s ease;
}
.c2csm-block .c2csm-trigger:hover{ background: var(--c2csm-btn-bg-hover); transform: translateY(-1px); }
.c2csm-block .c2csm-trigger:active{ transform: translateY(0); }
.c2csm-block .c2csm-trigger:focus-visible{ outline:3px solid var(--c2csm-focus, #98cbb6); outline-offset:3px; }

.c2csm-block .c2csm-icon{ display:inline-flex; color: var(--c2csm-icon); }
.c2csm-block .c2csm-label{ font-weight:600; letter-spacing:.04em; text-transform:uppercase; }

.c2csm .c2csm-form-wrap{ display:flex; justify-content:center; }
.c2csm .search-form{ display:flex; justify-content:center; align-items:center; gap:12px; margin-inline:auto; width:fit-content; }
.c2csm .search-form > label{ display:inline-flex; align-items:center; margin:0; }
.c2csm .search-form .search-field{ flex:0 0 auto; width:clamp(280px, 55vw, 520px); }
.c2csm .search-form .search-submit{ flex:0 0 auto; }