/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 30 2025 | 07:09:28 */
.single-product .merchant-product-size-chart-modal-inner {
  background: #D4D1C5;
  border: 0.8px solid #111111;
  position:relative;
}
.single-product .merchant-product-size-chart-modal-title {
  text-align:left;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}
.single-product .merchant-product-size-chart-modal-tabs {
  border-top: 0.8px solid #111111;
  padding-top:40px;
  text-transform:uppercase;
}
.single-product .merchant-product-size-chart-modal-tab {
  border-bottom:unset; 
  font-family: Gerstner Programm FSL !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color:#111111;
  width:fit-content;
}
.single-product .merchant-product-size-chart-modal-tab.active {
  text-decoration:underline;
}
.single-product .merchant-product-size-chart-modal-tab {
  padding:unset; 
  min-width:fit-content;
}
.single-product .merchant-product-size-chart-modal-tabs {
  gap:10px;
}
.single-product .merchant-product-size-chart-modal-table tbody tr td {
  background: #D4D1C5;
  font-size: 14px !important;
  font-family: Gerstner Programm FSL !important;
  font-weight: 400;
  color:#111111 !important;
}
.single-product .merchant-product-size-chart-modal-table thead tr th {
  background: #ffffff;
  font-family: Gerstner Programm FSL !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color:#111111 !important;
  color: #111111;
}
.single-product .merchant-product-size-chart-modal-table tr, .merchant-product-size-chart-modal-table th, .merchant-product-size-chart-modal-table td {
  border: 0.8px solid #111111 !important;
}
.single-product .merchant-product-size-chart-modal .merchant-product-size-chart-modal-close {
  top:25px;
  right:30px;
}
.single-product  .merchant-product-size-chart-modal-table th, .merchant-product-size-chart-modal-table td {
  padding:12px 0px;  
}

@media (max-width:600px) {
  .single-product  .merchant-product-size-chart-modal-inner {
    padding-left:20px;
    padding-right:20px;
  }
  .single-product  .merchant-product-size-chart-modal .merchant-product-size-chart-modal-close {
    right:20px;
  }
  .single-product  .merchant-product-size-chart-modal-tabs {
    margin-bottom:26px; 
    padding-top:30px;
  }
}
