.cuw-offer .cuw-product-image img, .cuw-product .cuw-product-image img {
margin: 0 !important;
height: 100%;
width: 100%; }
.cuw-offer .quantity-input, .cuw-product .quantity-input, .cuw-page .quantity-input {
position: relative;
display: inline-block;
color: #7f7f7f;
min-width: 112px; }
.cuw-offer .quantity-input input, .cuw-product .quantity-input input, .cuw-page .quantity-input input {
transition: border .2s ease-in-out, color .2s ease-in-out;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
font-family: sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: bold;
box-shadow: none;
outline: none;
width: 48px;
max-width: 64px;
height: 32px;
padding: 0 4px;
text-align: center;
float: right;
border: 1px solid #dcdcdc;
border-radius: 2px;
background-color: #fff;
color: #342f2f; }
.cuw-offer .quantity-input input:focus, .cuw-product .quantity-input input:focus, .cuw-page .quantity-input input:focus {
border-color: #57b8f6 !important; }
.cuw-offer .quantity-input input:hover, .cuw-product .quantity-input input:hover, .cuw-page .quantity-input input:hover {
border-color: #a5a5a5; }
.cuw-offer .quantity-input .cuw-plus, .cuw-offer .quantity-input .cuw-minus, .cuw-product .quantity-input .cuw-plus, .cuw-product .quantity-input .cuw-minus, .cuw-page .quantity-input .cuw-plus, .cuw-page .quantity-input .cuw-minus {
width: 32px;
height: 32px;
display: inline-block;
float: right;
position: relative;
cursor: pointer;
border-radius: 2px; }
.cuw-offer .quantity-input .cuw-plus:hover, .cuw-offer .quantity-input .cuw-minus:hover, .cuw-product .quantity-input .cuw-plus:hover, .cuw-product .quantity-input .cuw-minus:hover, .cuw-page .quantity-input .cuw-plus:hover, .cuw-page .quantity-input .cuw-minus:hover {
background: rgba(220, 220, 220, 0.8); }
.cuw-offer .quantity-input .cuw-plus::before, .cuw-offer .quantity-input .cuw-plus::after, .cuw-offer .quantity-input .cuw-minus::before, .cuw-offer .quantity-input .cuw-minus::after, .cuw-product .quantity-input .cuw-plus::before, .cuw-product .quantity-input .cuw-plus::after, .cuw-product .quantity-input .cuw-minus::before, .cuw-product .quantity-input .cuw-minus::after, .cuw-page .quantity-input .cuw-plus::before, .cuw-page .quantity-input .cuw-plus::after, .cuw-page .quantity-input .cuw-minus::before, .cuw-page .quantity-input .cuw-minus::after {
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 7px);
content: '';
width: 12px;
height: 2px;
background-color: #342f2f;
display: block; }
.cuw-offer .quantity-input .cuw-plus::after, .cuw-product .quantity-input .cuw-plus::after, .cuw-page .quantity-input .cuw-plus::after {
transform: rotate(90deg); }
.cuw-offer .quantity-input .cuw-minus::after, .cuw-product .quantity-input .cuw-minus::after, .cuw-page .quantity-input .cuw-minus::after {
display: none; }
.cuw-offer .quantity-input input::-webkit-outer-spin-button,
.cuw-offer .quantity-input input::-webkit-inner-spin-button, .cuw-product .quantity-input input::-webkit-outer-spin-button,
.cuw-product .quantity-input input::-webkit-inner-spin-button, .cuw-page .quantity-input input::-webkit-outer-spin-button,
.cuw-page .quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.cuw-offer .quantity-input input[type=number], .cuw-product .quantity-input input[type=number], .cuw-page .quantity-input input[type=number] {
-moz-appearance: textfield; }
.cuw-offer .variant-select, .cuw-product .variant-select, .cuw-page .variant-select {
transition: border .2s ease-in-out, color .2s ease-in-out;
font-family: sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: bold;
box-shadow: none !important;
outline: none;
width: 100%;
height: 32px;
padding: 0 4px;
border: 1px solid #dcdcdc;
border-radius: 4px;
background-color: #fff;
color: #342f2f; }
.cuw-offer .variant-select:focus, .cuw-product .variant-select:focus, .cuw-page .variant-select:focus {
border-color: #57b8f6 !important; }
.cuw-offer .variant-select:hover, .cuw-product .variant-select:hover, .cuw-page .variant-select:hover {
border-color: #a5a5a5; }
@media only screen and (max-width: 480px) {
.cuw-fbt-products.cuw-mobile-responsive .cuw-gird .cuw-column,
.cuw-upsell-products.cuw-mobile-responsive .cuw-gird .cuw-column {
width: 100% !important;
margin-bottom: 8px !important; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper,
.cuw-upsell-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper {
display: block !important; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper .cuw-product-checkbox,
.cuw-upsell-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper .cuw-product-checkbox {
margin: 4px calc(50% - 96px) 0 !important; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper .cuw-product-image,
.cuw-upsell-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper .cuw-product-image {
margin: 0 auto; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper .cuw-product-separator,
.cuw-upsell-products.cuw-mobile-responsive .cuw-gird .cuw-column .cuw-product-wrapper .cuw-product-separator {
margin: 0 !important;
text-align: center !important; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-buy-section {
display: block !important; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-buy-section .cuw-prices {
gap: 16px !important; }
.cuw-fbt-products.cuw-mobile-responsive .cuw-buy-section .cuw-actions {
margin-top: 10px; }
.cuw-popup-products.cuw-mobile-responsive {
flex-direction: column;
justify-content: center;
text-align: center;
row-gap: 8px;
margin-bottom: 32px !important; }
.cuw-modal {
font-size: 90%;
padding-top: 5vh !important;
max-height: 90vh; }
.cuw-modal .cuw-modal-header .cuw-modal-header-primary {
padding: 8px 16px !important; }
.cuw-modal .cuw-modal-header .cuw-modal-header-primary div {
font-size: 26px !important;
line-height: 1.4; }
.cuw-modal .cuw-modal-header .cuw-modal-header-secondary {
padding: 8px 16px !important; }
.cuw-modal .cuw-modal-header .cuw-modal-header-secondary * {
font-size: 24px !important; }
.cuw-modal .cuw-modal-content {
width: 90% !important; }
.cuw-modal .cuw-modal-body {
height: 50vh !important; } }