/*===================================================================================*/
/* --- Font Faces --- */
/*===================================================================================*/
@font-face {
    font-family: 'Britti Sans';
    src: url('/wp-content/uploads/2024/06/britti-sans-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Britti Sans';
    src: url('/wp-content/uploads/2024/06/britti-sans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Britti Sans';
    src: url('/wp-content/uploads/2024/06/britti-sans-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Britti Sans';
    src: url('/wp-content/uploads/2024/06/britti-sans-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*===================================================================================*/
/* --- General Form and Layout --- */
/*===================================================================================*/

form.checkout.woocommerce-checkout.criminalmodz-configurator-form  {

}

.criminalmodz-configurator,
.criminalmodz-configurator-mobile {
    width: 100%;
}


form.checkout.woocommerce-checkout.criminalmodz-configurator-form,
.criminalmodz-configurator-mobile {
    display: flex;
    flex-direction: column;
    gap: 24px; /* Adjust spacing as needed */
    width: 100%;
    max-width: 405px;
    padding: 24px;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid #2B323F;
    background: #1C2330;
    margin: 0 auto;
}
.criminalmodz-configurator-mobile {
    display: none;
}

.criminalmodz-configurator-form .cart_item,
.criminalmodz-configurator-mobile .cart_item,
.criminalmodz-configurator-form tfoot,
.criminalmodz-configurator-mobile tfoot {
    display: none;
}

.criminalmodz-configurator .product-options {
    display: flex;
    flex-wrap: wrap;
}

.criminalmodz-configurator .product-option-field {
    flex-basis: 100%;
    border-bottom: 1px #2B323F solid;
}

.criminalmodz-configurator .product-option-field .instructions-icon {
    /*display: none !important;*/
}
.criminalmodz_mobile-header {
    display: none;
}
.mobile-header-close {
    position: absolute;
    color: var(--wood-44);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

/*===================================================================================*/
/* --- Input Field Styling --- */
/*===================================================================================*/
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]),
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]):valid,
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]):focus,
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]):active,
.criminalmodz-configurator input#psn_email,
.criminalmodz-configurator input#psn_email:valid,
.criminalmodz-configurator input#psn_email:focus,
.criminalmodz-configurator input#psn_email:active,
.criminalmodz-configurator select,
.criminalmodz-configurator select:valid,
.criminalmodz-configurator select:focus,
.criminalmodz-configurator select:active,
.criminalmodz-configurator textarea,
.criminalmodz-configurator textarea:valid,
.criminalmodz-configurator textarea:focus,
.criminalmodz-configurator textarea:active,
.criminalmodz-configurator .product-option-field select.values-list,
.criminalmodz-configurator .product-option-field select.values-list:valid,
.criminalmodz-configurator .product-option-field select.values-list:focus,
.criminalmodz-configurator .product-option-field select.values-list:active {
    background: #121720 !important;
    background-color: #121720 !important;
    box-shadow: none !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    outline: none !important;
    border-color: transparent !important;
    border-radius: 8px !important;
    border: 1px solid #2B323F !important;
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;

    padding: 10px 34px 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    height: 44px;
    font-size: 16px;
    transition-duration: .25s;
}

.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"])::placeholder,
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]):valid::placeholder,
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]):focus::placeholder,
.criminalmodz-configurator input:not([type="checkbox"]):not([type="radio"]):active::placeholder,
.criminalmodz-configurator input#psn_email::placeholder,
.criminalmodz-configurator input#psn_email:valid::placeholder,
.criminalmodz-configurator input#psn_email:focus::placeholder,
.criminalmodz-configurator input#psn_email:active::placeholder,
.criminalmodz-configurator select::placeholder,
.criminalmodz-configurator select:valid::placeholder,
.criminalmodz-configurator select:focus::placeholder,
.criminalmodz-configurator select:active::placeholder,
.criminalmodz-configurator textarea::placeholder,
.criminalmodz-configurator textarea:valid::placeholder,
.criminalmodz-configurator textarea:focus::placeholder,
.criminalmodz-configurator textarea:active::placeholder,
.criminalmodz-configurator .product-option-field select.values-list::placeholder,
.criminalmodz-configurator .product-option-field select.values-list:valid::placeholder,
.criminalmodz-configurator .product-option-field select.values-list:focus::placeholder,
.criminalmodz-configurator .product-option-field select.values-list:active::placeholder {
    color: rgba(179, 179, 179, 0.6); /* Dimmed shade of white */
    opacity: 1; /* Ensure the placeholder is fully visible */
    -webkit-text-fill-color:  rgba(179, 179, 179, 0.6)!important;
}

.criminalmodz-configurator .product-option-field .instructions {
    background: #121720;
    box-shadow: none;
    border: 1px solid #2B323F;
}

/*===================================================================================*/
/* Override autofill styles */
/*===================================================================================*/

.criminalmodz-configurator input:-webkit-autofill,
.criminalmodz-configurator input:-webkit-autofill:hover,
.criminalmodz-configurator input:-webkit-autofill:focus,
.criminalmodz-configurator input:-webkit-autofill:active,
.criminalmodz-configurator input[type="text"]:-webkit-autofill,
.criminalmodz-configurator input[type="email"]:-webkit-autofill,
.criminalmodz-configurator input#psn_email:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #121720 inset !important;
    -webkit-text-fill-color: white !important;
    background-color: #121720 !important;
    color: white !important;
    border: 1px solid #2B323F !important;
    caret-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.criminalmodz-configurator-form #field-psn_email,
.criminalmodz-configurator-form #field-battlenet_email,
.criminalmodz-configurator-form #field-microsoft_email,
.criminalmodz-configurator-form #field-steam_username,
.criminalmodz-configurator-form #field-steam_password,
.criminalmodz-configurator-form #field-microsoft_password,
.criminalmodz-configurator-form #field-battlenet_password,
.criminalmodz-configurator-form #field-psn_password {
    margin-right: 0%;
    flex-basis: 50%;
    width: 50%;
}

#field-steam_password .field-label,
#field-microsoft_password .field-label,
#field-battlenet_password .field-label,
#field-psn_password .field-label {
    text-align: right;
}

/*===================================================================================*/
/* --- Headings and Text --- */
/*===================================================================================*/

.woocommerce-checkout .criminalmodz-configurator h3 {
    font-family: "Britti Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.criminalmodz-configurator span.cost {
    color:#D0D5DD;
}
.criminalmodz-configurator span.text {
    color: #D0D5DD;
    font-family: "Britti Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.criminalmodz-configurator .product-option-field .label {
    color: #9EA5AD;
    font-family: "Britti Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    align-self: stretch;
}

/*===================================================================================*/
/* --- Number Input Fields --- */
/*===================================================================================*/

.criminalmodz-configurator .product-option-field.field-type-number .values-list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.criminalmodz-configurator .product-option-field.field-type-number .values-list > li .minus {
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #454C52 !important;
    background: #383F45;
    box-shadow: none;
    font-size: 16px;
}

.criminalmodz-configurator .product-option-field.field-type-number .values-list > li .plus {
    border-radius: 0px 8px 8px 0px;
    border-top: 1px solid #454C52;
    border-right: 1px solid #454C52;
    border-bottom: 1px solid #454C52;
    background: #383F45;
    border: 1px solid #454C52 !important;
    box-shadow: none;
    font-size: 16px;
}

.criminalmodz-configurator .product-option-field.field-type-number .values-list > li .text {
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    gap: 0px;
}

.criminalmodz-configurator .product-option-field.field-type-number .values-list > li input[type="number"] {
    -moz-appearance: textfield;
    padding: 10px 10px;
    gap: 0;
    border-radius: 0 !important;
    background: #454C52 !important;
    text-align: center;
}

.criminalmodz-configurator .product-option-field.field-type-number .values-list > li.active input[type="number"] {
    background: #f0f0f0; /* Example active background */
    border: none;
    box-shadow: none !important;
    outline: none;
}

.criminalmodz-configurator [id^="field-how_many"] .values-list li {
    max-width: 130px;
    margin-left: auto;
    text-align: center;
}

/* --- Button Field Styling --- */
.product-option-field.field-type-button .values-list {
    align-items: center;
    justify-content: center;
}

.criminalmodz-configurator .product-option-field.field-type-button .values-list li {
    width: 48%;
}
.criminalmodz-configurator .product-option-field.field-type-button .values-list li label {
    /*width: 170px;*/
    display: flex;
    padding: 10px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #2B323F;
    background: #1C2330;
    color: #9EA5AD;
    text-align: center;
    font-family: "Britti Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.criminalmodz-configurator .product-option-field.field-type-button .values-list li.active label,
.criminalmodz-configurator .product-option-field.field-type-button .values-list li:hover label {
    color: white;
    border: 1px solid rgba(249, 104, 0, 0.60);
    background: #121720;
    box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}

.criminalmodz-configurator .product-option-field.field-type-button .values-list li label span {
    width: 100%;
}

/*===================================================================================*/
/* --- Checkbox Field Styling --- */
/*===================================================================================*/

.criminalmodz-configurator .product-option-field.field-type-checkbox .values-list li .icon {
    border-radius: 4px;
    background: #121720;
    box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
    border: none;
}

.criminalmodz-configurator-form .product-option-field.field-type-checkbox .values-list li:hover .icon {
    box-shadow: none;
    border: 1px solid #DDE2EBFF;
}

.criminalmodz-configurator .product-option-field.field-type-checkbox .values-list li.active .icon {
    background: #F96800;
    transition: 0.3s ease;
    box-shadow: none;
    border: none;
}

.criminalmodz-configurator .product-option-field.field-type-checkbox .values-list li.active:hover .icon {
    background: #b24a00;
    border: none;
}

.criminalmodz-configurator .product-option-field.field-type-checkbox .values-list li .icon img {
    opacity: 0;
    display: block;
    width: 17px;
    max-width: none;
    position: relative;
    left: 0px;
    top: 0px;
    transform: none;
}

.criminalmodz-configurator #field-assault_rifles {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.criminalmodz-configurator .product-option-field.field-type-checkbox .values-list li.active .icon img {
    opacity: 1;
}

.criminalmodz-configurator .product-option-field {
    padding-bottom: 15px;
    margin-top: 10px !important;
}
.criminalmodz-configurator .product-option-field.field-type-checkbox .values-list li:hover label span {
    color: white;
    transition: 0.3s ease;
}

/*===================================================================================*/
/* --- Cost and Price Display --- */
/*===================================================================================*/

.criminalmodz-configurator .product-option-field .cost {
    color: #D0D5DD;
    font-family: "Britti Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}

.criminalmodz-configurator .product-option-field .values-list .active .cost {
    color: #9EA5AD;
}

.criminalmodz-configurator .product-option-field .cost .woocommerce-Price-amount {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.criminalmodz-configurator .product-option-field .cost .woocommerce-Price-currencySymbol {
    order: 1;
    margin-left: 2px;
}

/*===================================================================================*/
/* --- Total Section Price Display --- */
/*===================================================================================*/

.criminalmodz-configurator-mobile #order_review .top-total,
.criminalmodz-configurator #order_review .top-total {
    text-align: left !important;
    background: #1C2330;
    color: #D0D5DD;
    font-family: "Britti Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: none;
    padding-top: 25px;
}

.criminalmodz-configurator-mobile #order_review .top-total .woocommerce-Price-amount,
.criminalmodz-configurator #order_review .top-total .woocommerce-Price-amount {
    font-family: "Britti Sans", system-ui, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.2px;
    color: var(--e-global-color-text);
    width: 100%;
    text-align: left;
    display: block;
}
.criminalmodz-configurator-mobile #order_review .top-total .woocommerce-Price-amount:before,
.criminalmodz-configurator #order_review .top-total .woocommerce-Price-amount:before {
    content: 'Total';
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 19px;
}

.criminalmodz-configurator-mobile #order_review .top-total .woocommerce-Price-currencySymbol,
.criminalmodz-configurator #order_review .top-total .woocommerce-Price-currencySymbol {
    order: 1;
    margin-left: 2px;
}

.criminalmodz-configurator-mobile .woocommerce-Price-amount.amount bdi:before,
.criminalmodz-configurator-form .woocommerce-Price-amount.amount bdi:before {
    content: '€';
}

.criminalmodz-configurator-mobile .woocommerce-Price-currencySymbol,
.criminalmodz-configurator-form .woocommerce-Price-currencySymbol {
    display: none;
}

/*===================================================================================*/
/* --- Buy Now Button --- */
/*===================================================================================*/

.criminalmodz-configurator a.criminalmodz-buy-now,
.criminalmodz-buy-now-mobile {
    color: #FFFFFF !important;
    font-family: "Britti Sans" !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.criminalmodz-configurator .criminalmodz-buy-now:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 0;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='white'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z' stroke='white' stroke-width='1'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    left: 0;
    /* top: 1px; */
    transition: left 0.5s ease-in-out;
}
.criminalmodz-configurator .criminalmodz-buy-now:hover:after {
    left: 7px;
}

.criminalmodz-configurator .criminalmodz-buy-now,
.criminalmodz-buy-now-mobile {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 44px;
    padding: 12px 24px;
    text-align: center !important;
    border-radius: 10px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(132deg, #F5B448CF 0%, #F66700CF 100%);
    border-style: none;
    color: #fff;
    transition: color 0.3s;
}

.criminalmodz-configurator .criminalmodz-buy-now::before,
.criminalmodz-buy-now-mobile::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    background-image: linear-gradient(132deg, #00000096 0%, #00000085 100%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
    pointer-events: none;
}

.criminalmodz-configurator .criminalmodz-buy-now:hover:before,
.criminalmodz-buy-now-mobile:hover:before {
    opacity: 1;
}

.criminalmodz-configurator .criminalmodz-buy-now > *,
.criminalmodz-buy-now-mobile > * {
    position: relative;
    z-index: 2;
}
.criminalmodz-configurator .criminalmodz-buy-now > span,
.criminalmodz-buy-now-mobile > span {
    position: relative;
    z-index: 2;
}

.criminalmodz-configurator .criminalmodz-buy-now:after,
.criminalmodz-buy-now-mobile:after {
    position: relative;
    z-index: 2;
}

/*===================================================================================*/
/* --- Platform Icons --- */
/*===================================================================================*/


span.PS4\/PS5:before,
span.Xbox:before,
span.Battlenet:before,
span.Steam:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
}

span.PS4\/PS5:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.12496 3.20264C8.15996 3.39764 9.67496 3.85514 10.5 4.12514C12.5625 4.83764 13.2675 5.72264 13.2675 7.71764C13.2675 9.66764 12.0675 10.4026 10.5375 9.66764V6.03764C10.5375 5.62514 10.4625 5.22764 10.0575 5.11514C9.74996 5.01764 9.56996 5.30264 9.56996 5.72264V14.7976L7.12496 14.0176V3.20264ZM10.0275 13.2151L13.965 11.8126C14.415 11.6551 14.4825 11.4301 14.1225 11.3101C13.755 11.1901 13.1025 11.2276 12.6525 11.3851L10.0275 12.3076V10.8376L10.185 10.7851C10.185 10.7851 10.9425 10.5001 12 10.4026C13.0725 10.2826 14.3775 10.4176 15.3975 10.8001C16.5525 11.1676 16.6875 11.7076 16.395 12.0751C16.095 12.4501 15.375 12.7126 15.375 12.7126L10.0275 14.6251V13.2151ZM2.62496 13.0651C1.44746 12.7501 1.24496 12.0376 1.78496 11.6251C2.28746 11.2501 3.13496 10.9876 3.13496 10.9876L6.64496 9.75014V11.1601L4.12496 12.0676C3.67496 12.2251 3.60746 12.4501 3.96746 12.5701C4.32746 12.6901 4.98746 12.6601 5.42996 12.4951L6.64496 12.0601V13.3276L6.40496 13.3726C5.18996 13.5676 3.89996 13.5001 2.62496 13.0651Z" fill="white"/></svg>');
}

span.Xbox:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.29663 13.0889L6.28784 13.0859M6.29663 13.0889L6.2937 13.082H6.28979L6.28784 13.0859M6.29663 13.0889L6.30054 13.0869L6.30151 13.082H6.29761L6.29663 13.0889ZM6.28784 13.0859L6.28394 13.083H6.28784V13.0859Z" stroke="%239EA5AD"/><path d="M6 4.341C7.7442 6.1086 8.9736 8.181 10.0008 10.4712C8.90189 11.4576 7.47668 12.0022 6 12C4.52332 12.0022 3.09812 11.4576 1.99921 10.4712C3.02641 8.181 4.25521 6.1086 6 4.341ZM2.10541 1.4358C3.18503 2.01789 4.19767 2.71645 5.1252 3.519C3.39361 5.2794 2.14921 7.3074 1.12501 9.4986C0.391462 8.4797 -0.00219523 7.25548 9.20813e-06 6C-0.000790582 5.1321 0.187085 4.27439 0.550622 3.4863C0.91416 2.6982 1.44467 1.99855 2.10541 1.4358ZM9.8946 1.4358C10.5553 1.99855 11.0858 2.6982 11.4494 3.4863C11.8129 4.27439 12.0008 5.1321 12 6C12 7.3056 11.583 8.514 10.875 9.498C9.8508 7.3074 8.6064 5.28 6.8748 3.519C7.80234 2.71645 8.81497 2.01789 9.8946 1.4358ZM6 5.88264e-06C7.005 5.88264e-06 7.9524 0.247206 8.7846 0.684005C7.79362 1.26083 6.86104 1.93259 6 2.6898C5.13896 1.93259 4.20638 1.26083 3.21541 0.684005C4.07434 0.233402 5.03005 -0.00135494 6 5.88264e-06Z" fill="%239EA5AD"/></svg>');
}

span.Battlenet:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill="white" d="M39.826,22.392c2.015-0.173,2.974-0.326,3.581-1.45c0.63-1.166-0.914-3.852-4.851-5.942 c1.419-2.729,2.549-5.46,3.2-7.965c0.07-0.271,0.048-0.622-0.08-0.981c-1.007,2.924-2.43,5.726-4.145,8.434 c-2.144-0.976-4.896-1.75-8.257-2.091c0.011-0.01,0.025-0.013,0.035-0.024c-1.077-2.28-5.377-10.726-10.149-9.894 c-2.039,0.356-3.455,3.397-3.572,8.295c-0.727-1.055-2.427-3.098-3.992-1.824c-1.029,0.837-1.873,3.27-1.787,6.623 c-3.227,0.207-6.272,0.712-7.955,1.132c-1.405,0.351-1.62,0.997-1.62,0.997c2.551-0.703,6.251-0.938,9.654-0.809 c0.223,2.38,0.916,5.134,2.27,8.056c-0.257,0.381-6.844,10.248-3.323,13.753c1.858,1.849,4.962,1.154,8.327-0.698 c-0.453,1.058-0.969,2.9,0.529,3.666c1.463,0.748,3.812,1.024,7.356-1.434c0,0,0,0,0,0c1.421,2.455,2.73,5.296,6.144,7.274 c-2.234-2.681-3.788-5.428-5.146-8.017c1.436-1.136,3.048-2.692,4.859-4.813c0.828-0.97,1.534-1.931,2.138-2.878 c-0.221,0.372-0.642,1.044-1.124,1.607c11.273,0.457,13.047-2.449,13.284-3.588C45.371,29.01,45.783,25.912,39.826,22.392z M40.223,20.343c-0.109,1.149-1.266,1.148-2.087,1.129c-0.8-0.403-1.683-0.809-2.669-1.216c0.693-1.053,1.349-2.131,1.972-3.217 C39.337,18.28,40.297,19.569,40.223,20.343z M19.423,10.577c0.863-3.324,3.745-5.006,7.61,1.666 c-0.274-0.01-0.531-0.034-0.812-0.039c-3.087-0.051-5.499,0.698-7.333,1.852C18.983,12.653,19.185,11.492,19.423,10.577z M13.239,11.654c1.256-0.905,2.187,0.571,2.362,0.876c0.035,0.96,0.114,1.977,0.243,3.047c-1.266-0.089-2.478-0.13-3.628-0.12 C12.291,13.389,12.743,12.012,13.239,11.654z M11.995,34.011c-2.09-1.628,1.085-7.245,1.085-7.245l-0.008-0.015 c0.181,0.329,0.352,0.657,0.55,0.989c1.589,2.658,3.364,4.336,5.131,5.342C15.769,34.55,13.244,34.984,11.995,34.011z M19.415,38.989c-0.908-0.437-0.565-1.551-0.28-2.18c0.878-0.575,1.759-1.206,2.63-1.875c0.609,1.104,1.268,2.216,1.979,3.333 C21.636,39.386,20.144,39.34,19.415,38.989z M29.66,33.197c-2.287,2.641-4.275,4.195-5.899,5.061 c0.399-0.213,0.823-0.474,1.266-0.776c-0.518-1.062-0.984-2.097-1.423-3.116c2.293-0.026,4.181-0.891,5.067-1.695 c-1.29,0.586-3.194,1.087-5.25,0.939c2.288-1.899,4.412-3.943,6.048-5.678c1.243-1.319,2.485-2.806,3.683-4.392 c-0.584-0.549-1.164-0.911-1.616-1.137c-1.03,1.173-2.103,2.329-3.208,3.47c-2.763,2.853-5.815,5.165-8.572,6.682 c-1.8-0.967-3.519-2.666-4.856-5.51c-1.789-3.805-2.512-7.255-2.661-9.935c1.133,0.08,2.251,0.186,3.348,0.314 c-1.144,1.936-1.491,4.035-1.142,5.599c0,0,0.21-2.524,1.775-4.949c0.693,3.885,1.98,8.331,4.026,13.159 c0.606-0.255,0.989-0.383,1.628-0.734c-2.412-6.557-3.087-11.527-3.038-15.126c1.61-1.09,3.8-1.812,6.788-1.685 c4.599,0.196,8.188,1.343,10.663,2.674c-0.634,0.913-1.3,1.815-1.996,2.707c-0.915-1.487-2.259-2.757-4.007-3.729 c1.085,1.049,2.518,2.4,3.407,4.223c-1.484-0.55-3.144-1.098-5.027-1.638c-3.139-0.901-6.011-1.509-8.66-1.901 c-0.083,0.459-0.209,1.293-0.193,2.022c3.038,0.54,5.786,1.229,7.992,1.986c2.404,0.824,4.745,1.878,6.709,3.018 C34.525,25.676,33.301,28.981,29.66,33.197z M39.521,29.223c-1.003,2.276-4.893,2.438-6.367,2.415 c1.761-2.813,2.536-5.491,2.485-7.897C38.498,25.601,40.231,27.614,39.521,29.223z"/></svg>');
}

span.Steam:before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%2258%22%20width%3D%2258%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2058%2058%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%220.986%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M50%2C26c2.206%2C0%2C4-1.794%2C4-4s-1.794-4-4-4s-4%2C1.794-4%2C4S47.794%2C26%2C50%2C26z%20M50%2C20c1.103%2C0%2C2%2C0.897%2C2%2C2s-0.897%2C2-2%2C2%20s-2-0.897-2-2S48.897%2C20%2C50%2C20z%22/%3E%20%3Cpath%20d%3D%22M55.918%2C27.364C57.207%2C25.943%2C58%2C24.065%2C58%2C22c0-4.411-3.589-8-8-8c-3.661%2C0-6.748%2C2.475-7.695%2C5.837l-4.197%2C11.193%20c-0.961%2C0.058-1.883%2C0.321-2.721%2C0.781l-20.47-8.389C14.387%2C19.75%2C11.231%2C17%2C7.5%2C17C3.364%2C17%2C0%2C20.364%2C0%2C24.5S3.364%2C32%2C7.5%2C32%20c1.494%2C0%2C2.912-0.452%2C4.144-1.274l20.592%2C8.44c0.006%2C0.034-0.002%2C0.067%2C0.008%2C0.101C33.029%2C42.054%2C35.602%2C44%2C38.5%2C44%20c3.584%2C0%2C6.5-2.916%2C6.5-6.5c0-0.175-0.013-0.348-0.026-0.52l10.68-9.223C55.78%2C27.647%2C55.861%2C27.51%2C55.918%2C27.364z%20M50%2C16%20c3.309%2C0%2C6%2C2.691%2C6%2C6s-2.691%2C6-6%2C6s-6-2.691-6-6c0-0.531%2C0.076-1.044%2C0.206-1.535l0.23-0.614c0.019-0.051%2C0.014-0.103%2C0.025-0.155%20C45.367%2C17.528%2C47.507%2C16%2C50%2C16z%20M6.241%2C26.351c-1.02-0.418-1.51-1.589-1.093-2.608c0.42-1.019%2C1.591-1.511%2C2.61-1.093%20l26.918%2C11.032c0.19%2C0.186%2C0.433%2C0.283%2C0.69%2C0.283l2.891%2C1.185c0.495%2C0.203%2C0.881%2C0.586%2C1.087%2C1.079s0.208%2C1.036%2C0.005%2C1.531%20c-0.417%2C1.021-1.584%2C1.512-2.608%2C1.092L6.241%2C26.351z%20M7.5%2C30C4.468%2C30%2C2%2C27.532%2C2%2C24.5S4.468%2C19%2C7.5%2C19%20c2.293%2C0%2C4.274%2C1.425%2C5.089%2C3.467l-4.073-1.669c-2.04-0.835-4.381%2C0.146-5.219%2C2.185c-0.835%2C2.04%2C0.145%2C4.381%2C2.185%2C5.218%20l3.725%2C1.527C8.662%2C29.906%2C8.089%2C30%2C7.5%2C30z%20M38.5%2C42c-1.394%2C0-2.668-0.66-3.505-1.703l0.988%2C0.405c0.489%2C0.2%2C1.003%2C0.3%2C1.517%2C0.3%20c0.523%2C0%2C1.047-0.104%2C1.545-0.313c0.985-0.412%2C1.751-1.184%2C2.155-2.172c0.837-2.041-0.143-4.382-2.184-5.22l-0.694-0.285%20C38.382%2C33.011%2C38.44%2C33%2C38.5%2C33c2.481%2C0%2C4.5%2C2.019%2C4.5%2C4.5S40.981%2C42%2C38.5%2C42z%20M40.171%2C31.226l2.377-6.338%20c1.161%2C2.985%2C4.058%2C5.111%2C7.449%2C5.112l-5.582%2C4.821C43.617%2C33.066%2C42.064%2C31.731%2C40.171%2C31.226z%22/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
    .criminalmodz-buy-now-mobile {
        max-width: 250px;
        margin: 0 auto;
    }
    .product-option-field.field-type-button .values-list {
        justify-content: space-evenly;
    }
    .criminalmodz-configurator .product-option-field.field-type-button .values-list li {
        width: 47%;
    }
    .criminalmodz-configurator-mobile {
        display: flex;
        gap: 0;
        padding: 0;
        position: fixed;
        bottom: 18px;
        left: 0;
        right: 0;
        max-width: 250px;
    }
    form.checkout.woocommerce-checkout.criminalmodz-configurator-form {
        display: none;
    }
    form.checkout.woocommerce-checkout.criminalmodz-configurator-form.active .criminalmodz_mobile-header a {
        display: block;
        position: absolute;
        right: 18px;
        top: 15px;
        color: white;
    }
    .woocommerce-checkout .criminalmodz-configurator h3 {
        display: none;
    }
    form.checkout.woocommerce-checkout.criminalmodz-configurator-form.active .criminalmodz_mobile-header .criminalmodz_mobile-header-title {
        font-family: "Britti Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: white;
    }
    form.checkout.woocommerce-checkout.criminalmodz-configurator-form.active .criminalmodz_mobile-header {
        border-bottom: 1px #2B323F solid;
        text-align: center;
        display: block;
        height: 35px;
        width: 100%;
        margin: 5px 0;
    }
    form.checkout.woocommerce-checkout.criminalmodz-configurator-form.active {
        display: block;
        position: fixed;
        z-index: 10000;
        top: 0px;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 10px 0 0 0;
        padding-top: 6px;
        scroll-behavior: smooth;
        overflow-y: auto;
        max-width: unset;
    }
    .criminalmodz-configurator-mobile #order_review .top-total .woocommerce-Price-amount {
        font-size: 26px;
        line-height: 48px;
        letter-spacing: 0.2px;
    }
    .criminalmodz-configurator-mobile #order_review .top-total, .criminalmodz-configurator #order_review .top-total {
        padding: 0;
    }
    .criminalmodz-configurator-mobile table.shop_table.woocommerce-checkout-review-order-table {
        margin: 0;
    }

}

@media (max-width: 480px) {
    .criminalmodz-configurator span.text {
        font-size: 14px;
    }
    .criminalmodz-configurator .product-option-field .cost {
        font-size: 14px;
    }
    .criminalmodz-configurator .product-option-field.field-type-button .values-list li label {
        padding: 10px 8px;
    }
}
@media (max-width: 410px) {
    .product-option-field.field-type-checkbox .values-list li label {
        padding-left: 22px;
    }
}
@media (max-width: 400px) {
    .criminalmodz-configurator .product-option-field .cost {
        font-size: 14px;
        min-width: 65px;
        text-align: right;
        display: inline-block;
    }
}
@media (max-width: 380px) {
    .criminalmodz-configurator span.text {
        font-size: 14px;
    }
    .criminalmodz-configurator .product-option-field .cost {
        font-size: 14px;
    }
}