.option-more { cursor: pointer; }

/* Size guide notice */
.shoe-size-notice { font-size: 13px; color: #555; line-height: 1.6; margin: 10px 0; }

/* How-to-measure link */
.shoe-measure-link { display: inline-block; font-size: 13px; color: #40462c; margin-bottom: 10px; cursor: pointer; }
.shoe-measure-link:hover { color: #727c53; }

/* How-to-measure slide modal content */
#shoe-measure-modal-content img { max-width: 100%; height: auto; }

/* FootFinder recommendation banner */
.ff-size-recommendation { background: rgba(114, 124, 83, 0.1); border: 1px solid #727c53; border-radius: 6px; padding: 10px 16px; margin-bottom: 12px; font-size: 15px; color: #1a1a1a; }
.ff-size-recommendation .ff-rec-size { color: #40462c; }

.option-table .title { margin-bottom: 10px; font-weight: 600; }
/* Highlighted recommended row in shoe size table */
.option-table-shoe .ff-recommended-row { background: rgba(114, 124, 83, 0.2) !important; }
.option-table-shoe .ff-recommended-row td:first-child { font-weight: 700; color: #40462c; }
.option-table { clear: both; }
.option-table table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; }
.option-table table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; }
.option-table table th { padding: .8em .8em; text-align: center; }
.option-table table td { padding: .6em .8em; text-align: center; line-height: 1.4em; }

.option-table tr th:first-child,
.option-table tr td:first-child { width: 25%; text-align: left; }

@media screen and (max-width: 600px) {
  .option-table table { border: 0; }
  .option-table table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .option-table table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
  .option-table table td { border-bottom: 1px solid #ddd; display: block; text-align: right; }
  .option-table table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
  .option-table table td:last-child { border-bottom: 0; }

  .option-table tr th:first-child,
  .option-table tr td:first-child { width: unset; text-align: right; }
}