[x-cloak] {
     display: none !important;
 }

 .product-info-main .swatch-attribute-options {
     overflow-x: auto;
 }

 .product-info-main .swatch-attribute-options,
 .product-info-main .swatch-attribute-options .table,
 .product-info-main .swatch-attribute-options .table table {
     width: 100% !important;
 }

 .product-info-main .swatch-attribute-options div.table {
     border: 1px solid var(--color-gray-300);
     border-radius: .8rem;
 }

 .product-info-main .swatch-attribute-options .table table tr:not(:last-child) {
     border-bottom: 1px solid var(--color-gray-300);
 }

 .product-info-main .swatch-attribute-options .table .matrix_thead {
     background-color: transparent;
     height: 100%;
 }

 .product-info-main .swatch-attribute-options .table table thead th {
     text-align: center;
     background-color: var(--color-blue-50);
     vertical-align: middle;
     color: var(--color-gray-700);
     border-right: 1px solid var(--color-gray-300);
     font-weight: 600;
     font-size: 1.25rem;
     text-transform: capitalize;
     height: 100%;
 }

 .product-info-main .swatch-attribute-options .table table thead th.swatch-attribute-label {
     width: 100%;
 }

 .product-info-main .swatch-attribute-options .table table thead th:first-child {
     border-top-left-radius: .8rem;
 }

 .product-info-main .swatch-attribute-options .table table thead th:last-child {
     border-top-right-radius: .8rem;
     border-right: none;
 }

 .product-info-main .swatch-attribute-options .table table thead th:last-child {
     border-right: none;
 }

 .product-info-main .swatch-attribute-options .table table tbody td {
     text-align: center;
     vertical-align: middle;
     color: var(--color-gray-700);
     border-right: 1px solid var(--color-gray-300);
     font-weight: 600;
     font-size: 1.25rem;
 }

 .product-info-main .swatch-attribute-options .table table tbody td:last-child {
     border-right: none;
 }

 .product-info-main .swatch-attribute.color .swatch-attribute-options {
     padding: 1rem;
     border: 1px solid oklch(0.967 0.003 264.542);
     box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
     border-radius: .8rem;
     margin-bottom: 1rem;
     display: flex;
     flex-wrap: wrap;
     gap: 0.8rem;
 }

 .product-info-main .swatch-option.selected {
     outline: 2px solid var(--color-blue-500);
 }

 .product-info-main .swatch-option {
     margin-right: 0 !important;
     margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) {

     .page-layout-1column .product.media {
         width: 100% !important;
     }

     .page-layout-1column .product-info-main {
         width: 100% !important;
     }
 }

 @media only screen and (min-width: 992px) {

     .page-layout-1column .product.media,
     .page-layout-2columns-left .product.media,
     .page-layout-2columns-right .product.media,
     .page-layout-3columns .product.media,
     .page-product-downloadable .product-options-wrapper {
         width: 32.67% !important;
     }

     .page-layout-1column .product-info-main,
     .page-layout-2columns-left .product-info-main,
     .page-layout-2columns-right .product-info-main,
     .page-layout-3columns .product-info-main,
     .page-product-downloadable .product-options-bottom {
         width: 65.33% !important;
     }
 }