/* Boolymon Size Guide (v9 logic, clean square selector) */
/* Make selector always look "active/hover" and disable hover visual changes. */

/* Container */
.cb-size-guide .sg-gender-toggle{
  display:flex;
  justify-content:center;
  margin:2rem auto 2.6rem;
  border:1px solid var(--cb-color-heading);
  width:max-content;
  overflow:hidden;
  border-radius:2px !important;
}

/* Tabs (no internal divider bar) */
.cb-size-guide .sg-tab{
  background: rgba(0,0,0,0.03);
  border:0;
  border-radius:0 !important;
  cursor:pointer;
  font:600 .56rem/1.2 'JetBrains Mono', monospace;
  letter-spacing:0;
  text-transform: none;
  padding:.62rem 1.65rem;
  min-width:140px;
  color: var(--cb-color-heading);
  transition:none !important; /* keep stable */
}

/* Remove hover-driven changes entirely */
.cb-size-guide .sg-tab:hover,
.cb-size-guide .sg-tab:focus{
  background: rgba(0,0,0,0.03) !important;
  color: var(--cb-color-heading) !important;
}

/* Active tab */
.cb-size-guide .sg-tab.active{
  background: var(--cb-color-heading) !important;
  color:#fff !important;
}

/* Focus visible */
.cb-size-guide .sg-tab:focus-visible{
  outline:2px solid var(--cb-color-heading);
  outline-offset:2px;
}

/* Section title */
.cb-size-guide .sg-section-title{
  font:600 .80rem/1.1 'JetBrains Mono', monospace;
  letter-spacing:0;
  text-transform: none;
  margin:0 0 1.7rem;
  text-align:center;
}

/* Groups */
.sg-group{display:none;animation:sgFade .25s ease;}
.sg-group.active{display:block;}
@keyframes sgFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

/* Table */
.sg-table-wrap{overflow:auto;}
.sg-table{border-collapse:collapse;width:100%;min-width:760px;}
.sg-table th,.sg-table td{
  border:1px solid rgba(0,0,0,0.22);
  padding:.85rem 1rem;
  font-size:var(--cb-font-base,.82rem);
}
.sg-table th{
  font-weight:700;
  letter-spacing:0;
  text-transform: none;
  font-size:.58rem;
}
@media (max-width: 640px){
  .cb-size-guide .sg-tab{min-width:120px;padding:.58rem 1.2rem;}
  .sg-table{min-width:540px;}
}