.AbF-container * { font-size: 1rem !important; } .AbF-container, .AbF-container label, .AbF-container b { color: #444 !important; } .AbF-container input[type="text"], .AbF-container input[type="email"], .AbF-container input[type="tel"], .AbF-container select { background: #fff !important; border: 1px solid #444 !important; height: 50px !important; color: #444 !important; } .AbF-container textarea { background: #fff !important; border: 1px solid #444 !important; color: #444 !important; } .AbF-container input.abf_elementOnError, .AbF-container textarea.abf_elementOnError, .AbF-container select.abf_elementOnError{ background-color:rgba(247, 255, 24, 0.52)!important; } .AbF-container div.abf_elementOnError{ background-color:rgba(247, 255, 24, 0.52)!important; } .AbF-container .abf_elementOnError{ background-color:rgba(247, 255, 24, 0.52)!important; } .AbF-container .visibilityHidden{ visibility: hidden !important; } .AbF-container .hidden{ display: none !important; } .AbF-container .underline { text-decoration: underline; } .AbF-container .pt-20 { padding-top: 20px; } .AbF-container .pb-20 { padding-bottom: 20px; } .AbF-container .form-control.validElemBorder:focus, .AbF-container .validElemBorder{ border-color: 1fbb1f !important; border: 1px solid 1fbb1f !important; box-shadow: 0 0 0 0.2rem #1fbb1f !important; } .AbF-container .greenColor{ color:#1fbb1f; } .AbF-container .riepilogoCarrello{ border: 2px solid #eaeaea; padding: 1em 1em 0 1em; margin-right:15px; } .AbF-container .riepilogoCarrello .finalSummary{ clear: both; } .AbF-container .riepilogoCarrello ul{ list-style-type: none !important; padding:0px; } .AbF-container .riepilogoCarrello li em { float:right; } .AbF-container select{ width:100%; } .AbF-container .bs-stepper-header{ min-width: 200px; } .AbF-container .form-control{ font-size: 0.9rem; } /*bof parte validazione vies ecc*/ .AbF-container .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #23BF08; } .AbF-container .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.76563rem; line-height: 1.5; color: #fff; background-color: rgba(35, 191, 8, 0.9); border-radius: 3px; } .AbF-container .was-validated .form-control:valid, .AbF-container .was-validated .dataTables_filter input:valid, .AbF-container .dataTables_filter .was-validated input:valid, .AbF-container .form-control.is-valid, .AbF-container input.is-valid, .AbF-container .dataTables_filter input.is-valid, .AbF-container .dataTables_filter input.parsley-success, .AbF-container input.form-control.parsley-success, .AbF-container textarea.form-control.parsley-success, .AbF-container .was-validated .custom-select:valid, .AbF-container .custom-select.is-valid, .AbF-container input.custom-select.parsley-success, .AbF-container textarea.custom-select.parsley-success { border-color: #23BF08; } .AbF-container .was-validated .form-control:valid:focus, .AbF-container .was-validated .dataTables_filter input:valid:focus, .AbF-container .dataTables_filter .was-validated input:valid:focus, .AbF-container .form-control.is-valid:focus, input.is-valid:focus, .AbF-container .dataTables_filter input.is-valid:focus, .AbF-container .dataTables_filter input.parsley-success:focus, .AbF-container input.form-control.parsley-success:focus, .AbF-container textarea.form-control.parsley-success:focus, .AbF-container .was-validated .custom-select:valid:focus, .AbF-container .custom-select.is-valid:focus, .AbF-container input.custom-select.parsley-success:focus, .AbF-container textarea.custom-select.parsley-success:focus { border-color: #23BF08; box-shadow: 0 0 0 0.2rem rgba(35, 191, 8, 0.25); } .AbF-container .was-validated .form-control:valid ~ .valid-feedback, .AbF-container .was-validated .dataTables_filter input:valid ~ .valid-feedback, .AbF-container .dataTables_filter .was-validated input:valid ~ .valid-feedback, .AbF-container .was-validated .form-control:valid ~ .valid-tooltip, .AbF-container .was-validated .dataTables_filter input:valid ~ .valid-tooltip, .AbF-container .dataTables_filter .was-validated input:valid ~ .valid-tooltip, .AbF-container .form-control.is-valid ~ .valid-feedback, .AbF-container input.is-valid ~ .valid-feedback, .AbF-container .dataTables_filter input.is-valid ~ .valid-feedback, .AbF-container .dataTables_filter input.parsley-success ~ .valid-feedback, .AbF-container input.form-control.parsley-success ~ .valid-feedback, .AbF-container textarea.form-control.parsley-success ~ .valid-feedback, .AbF-container .form-control.is-valid ~ .valid-tooltip, .AbF-container .dataTables_filter input.is-valid ~ .valid-tooltip, .AbF-container .dataTables_filter input.parsley-success ~ .valid-tooltip, .AbF-container input.form-control.parsley-success ~ .valid-tooltip, .AbF-container textarea.form-control.parsley-success ~ .valid-tooltip, .AbF-container .was-validated .custom-select:valid ~ .valid-feedback, .AbF-container .was-validated .custom-select:valid ~ .valid-tooltip, .AbF-container .custom-select.is-valid ~ .valid-feedback, .AbF-container input.custom-select.parsley-success ~ .valid-feedback, .AbF-container textarea.custom-select.parsley-success ~ .valid-feedback, .AbF-container .custom-select.is-valid ~ .valid-tooltip, .AbF-container input.custom-select.parsley-success ~ .valid-tooltip, .AbF-container textarea.custom-select.parsley-success ~ .valid-tooltip { display: block; } .AbF-container .was-validated .form-control-file:valid ~ .valid-feedback, .AbF-container .was-validated .form-control-file:valid ~ .valid-tooltip, .AbF-container .form-control-file.is-valid ~ .valid-feedback, .AbF-container input.form-control-file.parsley-success ~ .valid-feedback, .AbF-container textarea.form-control-file.parsley-success ~ .valid-feedback, .AbF-container .form-control-file.is-valid ~ .valid-tooltip, .AbF-container input.form-control-file.parsley-success ~ .valid-tooltip, .AbF-container textarea.form-control-file.parsley-success ~ .valid-tooltip { display: block; } .AbF-container .was-validated .form-check-input:valid ~ .form-check-label, .AbF-container .form-check-input.is-valid ~ .form-check-label, .AbF-container input.form-check-input.parsley-success ~ .form-check-label, .AbF-container textarea.form-check-input.parsley-success ~ .form-check-label { color: #23BF08; } .AbF-container .was-validated .form-check-input:valid ~ .valid-feedback, .AbF-container .was-validated .form-check-input:valid ~ .valid-tooltip, .AbF-container .form-check-input.is-valid ~ .valid-feedback, .AbF-container input.form-check-input.parsley-success ~ .valid-feedback, .AbF-container textarea.form-check-input.parsley-success ~ .valid-feedback, .AbF-container .form-check-input.is-valid ~ .valid-tooltip, .AbF-container input.form-check-input.parsley-success ~ .valid-tooltip, .AbF-container textarea.form-check-input.parsley-success ~ .valid-tooltip { display: block; } .AbF-container .was-validated .custom-control-input:valid ~ .custom-control-label, .AbF-container .custom-control-input.is-valid ~ .custom-control-label, .AbF-container input.custom-control-input.parsley-success ~ .custom-control-label, .AbF-container textarea.custom-control-input.parsley-success ~ .custom-control-label { color: #23BF08; } .AbF-container .was-validated .custom-control-input:valid ~ .custom-control-label::before, .AbF-container .custom-control-input.is-valid ~ .custom-control-label::before, .AbF-container input.custom-control-input.parsley-success ~ .custom-control-label::before, .AbF-container textarea.custom-control-input.parsley-success ~ .custom-control-label::before { background-color: #68f84f; } .AbF-container .was-validated .custom-control-input:valid ~ .valid-feedback, .AbF-container .was-validated .custom-control-input:valid ~ .valid-tooltip, .AbF-container .custom-control-input.is-valid ~ .valid-feedback, .AbF-container input.custom-control-input.parsley-success ~ .valid-feedback, .AbF-container textarea.custom-control-input.parsley-success ~ .valid-feedback, .AbF-container .custom-control-input.is-valid ~ .valid-tooltip, .AbF-container input.custom-control-input.parsley-success ~ .valid-tooltip, .AbF-container textarea.custom-control-input.parsley-success ~ .valid-tooltip { display: block; } .AbF-container .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .AbF-container .custom-control-input.is-valid:checked ~ .custom-control-label::before, .AbF-container input.custom-control-input.parsley-success:checked ~ .custom-control-label::before, .AbF-container textarea.custom-control-input.parsley-success:checked ~ .custom-control-label::before { background-color: #2cf00a; } .AbF-container .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .AbF-container .custom-control-input.is-valid:focus ~ .custom-control-label::before, .AbF-container input.custom-control-input.parsley-success:focus ~ .custom-control-label::before, .AbF-container textarea.custom-control-input.parsley-success:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #E9ECEF, 0 0 0 0.2rem rgba(35, 191, 8, 0.25); } .AbF-container .was-validated .custom-file-input:valid ~ .custom-file-label, .AbF-container .custom-file-input.is-valid ~ .custom-file-label, .AbF-container input.custom-file-input.parsley-success ~ .custom-file-label, .AbF-container textarea.custom-file-input.parsley-success ~ .custom-file-label { border-color: #23BF08; } .AbF-container .was-validated .custom-file-input:valid ~ .custom-file-label::after, .AbF-container .custom-file-input.is-valid ~ .custom-file-label::after, .AbF-container input.custom-file-input.parsley-success ~ .custom-file-label::after, .AbF-container textarea.custom-file-input.parsley-success ~ .custom-file-label::after { border-color: inherit; } .AbF-container .was-validated .custom-file-input:valid ~ .valid-feedback, .AbF-container .was-validated .custom-file-input:valid ~ .valid-tooltip, .AbF-container .custom-file-input.is-valid ~ .valid-feedback, .AbF-container input.custom-file-input.parsley-success ~ .valid-feedback, .AbF-container textarea.custom-file-input.parsley-success ~ .valid-feedback, .AbF-container .custom-file-input.is-valid ~ .valid-tooltip, .AbF-container input.custom-file-input.parsley-success ~ .valid-tooltip, .AbF-container textarea.custom-file-input.parsley-success ~ .valid-tooltip { display: block; } .AbF-container .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .AbF-container .custom-file-input.is-valid:focus ~ .custom-file-label, .AbF-container input.custom-file-input.parsley-success:focus ~ .custom-file-label, .AbF-container textarea.custom-file-input.parsley-success:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(35, 191, 8, 0.25); } .AbF-container .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ffa500; } .AbF-container .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.76563rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 3px; } .was-validated .form-control:invalid, .was-validated .dataTables_filter input:invalid, .dataTables_filter .was-validated input:invalid, .form-control.is-invalid, input.is-invalid, .dataTables_filter input.is-invalid, .dataTables_filter input.parsley-error, input.form-control.parsley-error, textarea.form-control.parsley-error, .AbF-container .was-validated .custom-select:invalid, .AbF-container .custom-select.is-invalid, .AbF-container input.custom-select.parsley-error, .AbF-container textarea.custom-select.parsley-error { border-color: #DC3545; } .AbF-container .was-validated .form-control:invalid:focus, .AbF-container .was-validated .dataTables_filter input:invalid:focus, .AbF-container .dataTables_filter .was-validated input:invalid:focus, .AbF-container .form-control.is-invalid:focus, .AbF-container input.is-invalid:focus .dataTables_filter input.is-invalid:focus, .AbF-container .dataTables_filter input.parsley-error:focus, .AbF-container input.form-control.parsley-error:focus, .AbF-container textarea.form-control.parsley-error:focus, .was-validated .custom-select:invalid:focus, .AbF-container .custom-select.is-invalid:focus, .AbF-container input.custom-select.parsley-error:focus, .AbF-container textarea.custom-select.parsley-error:focus { border-color: #DC3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .AbF-container .was-validated .form-control:invalid ~ .invalid-feedback, .AbF-container .was-validated .dataTables_filter input:invalid ~ .invalid-feedback, .AbF-container .dataTables_filter .was-validated input:invalid ~ .invalid-feedback, .AbF-container .was-validated .form-control:invalid ~ .invalid-tooltip, .AbF-container .was-validated .dataTables_filter input:invalid ~ .invalid-tooltip, .AbF-container .dataTables_filter .was-validated input:invalid ~ .invalid-tooltip, .AbF-container .form-control.is-invalid ~ .invalid-feedback, .AbF-container input.is-invalid ~ .invalid-feedback, .AbF-container .dataTables_filter input.is-invalid ~ .invalid-feedback, .AbF-container .dataTables_filter input.parsley-error ~ .invalid-feedback, .AbF-container input.form-control.parsley-error ~ .invalid-feedback, .AbF-container textarea.form-control.parsley-error ~ .invalid-feedback, .AbF-container .form-control.is-invalid ~ .invalid-tooltip, .AbF-container .dataTables_filter input.is-invalid ~ .invalid-tooltip, .AbF-container .dataTables_filter input.parsley-error ~ .invalid-tooltip, .AbF-container input.form-control.parsley-error ~ .invalid-tooltip, .AbF-container textarea.form-control.parsley-error ~ .invalid-tooltip, .AbF-container .was-validated .custom-select:invalid ~ .invalid-feedback, .AbF-container .was-validated .custom-select:invalid ~ .invalid-tooltip, .AbF-container .custom-select.is-invalid ~ .invalid-feedback, .AbF-container input.custom-select.parsley-error ~ .invalid-feedback, .AbF-container textarea.custom-select.parsley-error ~ .invalid-feedback, .AbF-container .custom-select.is-invalid ~ .invalid-tooltip, .AbF-container input.custom-select.parsley-error ~ .invalid-tooltip, .AbF-container textarea.custom-select.parsley-error ~ .invalid-tooltip { display: block; } .AbF-container .was-validated .form-control-file:invalid ~ .invalid-feedback, .AbF-container .was-validated .form-control-file:invalid ~ .invalid-tooltip, .AbF-container .form-control-file.is-invalid ~ .invalid-feedback, .AbF-container input.form-control-file.parsley-error ~ .invalid-feedback, .AbF-container textarea.form-control-file.parsley-error ~ .invalid-feedback, .AbF-container .form-control-file.is-invalid ~ .invalid-tooltip, .AbF-container input.form-control-file.parsley-error ~ .invalid-tooltip, .AbF-container textarea.form-control-file.parsley-error ~ .invalid-tooltip { display: block; } .AbF-container .was-validated .form-check-input:invalid ~ .form-check-label, .AbF-container .form-check-input.is-invalid ~ .form-check-label, .AbF-container input.form-check-input.parsley-error ~ .form-check-label, .AbF-container textarea.form-check-input.parsley-error ~ .form-check-label { color: #DC3545; } .AbF-container .was-validated .form-check-input:invalid ~ .invalid-feedback, .AbF-container .was-validated .form-check-input:invalid ~ .invalid-tooltip, .AbF-container .form-check-input.is-invalid ~ .invalid-feedback, .AbF-container input.form-check-input.parsley-error ~ .invalid-feedback, .AbF-container textarea.form-check-input.parsley-error ~ .invalid-feedback, .AbF-container .form-check-input.is-invalid ~ .invalid-tooltip, .AbF-container input.form-check-input.parsley-error ~ .invalid-tooltip, .AbF-container textarea.form-check-input.parsley-error ~ .invalid-tooltip { display: block; } .AbF-container .was-validated .custom-control-input:invalid ~ .custom-control-label, .AbF-container .custom-control-input.is-invalid ~ .custom-control-label, .AbF-container input.custom-control-input.parsley-error ~ .custom-control-label, .AbF-container textarea.custom-control-input.parsley-error ~ .custom-control-label { color: #DC3545; } .AbF-container .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .AbF-container .custom-control-input.is-invalid ~ .custom-control-label::before, .AbF-container input.custom-control-input.parsley-error ~ .custom-control-label::before, .AbF-container textarea.custom-control-input.parsley-error ~ .custom-control-label::before { background-color: #efa2a9; } .AbF-container .was-validated .custom-control-input:invalid ~ .invalid-feedback, .AbF-container .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .AbF-container .custom-control-input.is-invalid ~ .invalid-feedback, .AbF-container input.custom-control-input.parsley-error ~ .invalid-feedback, .AbF-container textarea.custom-control-input.parsley-error ~ .invalid-feedback, .AbF-container .custom-control-input.is-invalid ~ .invalid-tooltip, .AbF-container input.custom-control-input.parsley-error ~ .invalid-tooltip, .AbF-container textarea.custom-control-input.parsley-error ~ .invalid-tooltip { display: block; } .AbF-container .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .AbF-container .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .AbF-container input.custom-control-input.parsley-error:checked ~ .custom-control-label::before, .AbF-container textarea.custom-control-input.parsley-error:checked ~ .custom-control-label::before { background-color: #e4606d; } .AbF-container .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .AbF-container .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .AbF-container input.custom-control-input.parsley-error:focus ~ .custom-control-label::before, .AbF-container textarea.custom-control-input.parsley-error:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #E9ECEF, 0 0 0 0.2rem rgba(220,53,69,0.25); } .AbF-container .was-validated .custom-file-input:invalid ~ .custom-file-label, .AbF-container .custom-file-input.is-invalid ~ .custom-file-label, .AbF-container input.custom-file-input.parsley-error ~ .custom-file-label, .AbF-container textarea.custom-file-input.parsley-error ~ .custom-file-label { border-color: #DC3545; } .AbF-container .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .AbF-container .custom-file-input.is-invalid ~ .custom-file-label::after, .AbF-container input.custom-file-input.parsley-error ~ .custom-file-label::after, .AbF-container textarea.custom-file-input.parsley-error ~ .custom-file-label::after { border-color: inherit; } .AbF-container .was-validated .custom-file-input:invalid ~ .invalid-feedback, .AbF-container .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .AbF-container .custom-file-input.is-invalid ~ .invalid-feedback, .AbF-container input.custom-file-input.parsley-error ~ .invalid-feedback, .AbF-container textarea.custom-file-input.parsley-error ~ .invalid-feedback, .AbF-container .custom-file-input.is-invalid ~ .invalid-tooltip, .AbF-container input.custom-file-input.parsley-error ~ .invalid-tooltip, .AbF-container textarea.custom-file-input.parsley-error ~ .invalid-tooltip { display: block; } .AbF-container .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .AbF-container .custom-file-input.is-invalid:focus ~ .custom-file-label, .AbF-container input.custom-file-input.parsley-error:focus ~ .custom-file-label, .AbF-container textarea.custom-file-input.parsley-error:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /*eof parte validazione vies ecc*/ .AbF-container.PRStyle button.next-step{ background-color:#e30414!important; } .AbF-container.PRStyle button.previous-step{ background-color:#9a9a9a!important; } .AbF-container.PRStyle button.buyButton{ background-color:#e30414!important; } .AbF-container.PRStyle .blue-gradient{ background: none!important; } .AbF-container.PRStyle .active .bs-stepper-circle{ background-color:#1cff00!important; } .AbF-container .paymentChooser{ margin-bottom:7px; margin-bottom:7px; } .AbF-container .bonificoPayment, .AbF-container .paypalPayment, .AbF-container .stripePayment{ margin-bottom:0px; } .AbF-container .card.carrelloWrapper { background: #fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; border-color: #28a745; margin-bottom: 50px; } .AbF-container .card.pendingPayment{ pointer-events: none; } @keyframes animatePendingPayment { 0% { content: "Attendere prego:"; } 50% { color: white; } 100% { content: "Caricamento in corso."; } } .AbF-container .card.pendingPayment::after { content:'Attendere prego:'; position: absolute; transform: translate(-50%, -50%); top:50%; left:50%; width:50%; height:30%; background: rgba(85, 85, 85, 0.9); display: flex; justify-content: center; align-items: center; color: white; animation: animatePendingPayment 3s linear infinite; } .AbF-container .card.carrelloWrapper input, .AbF-container .card.carrelloWrapper select, .AbF-container .card.carrelloWrapper textarea { color: #212529; } .AbF-container .card.carrelloWrapper textarea { background: #ffffff; } .AbF-container .card.carrelloWrapper ::placeholder { color: #212529; opacity: 1; /* Firefox */ } .AbF-container .card.carrelloWrapper .next-step, .AbF-container .card.carrelloWrapper .previous-step { width: 120px; } .AbF-container .card.carrelloWrapper .previous-step { color: #636366; border-color: #636366; background: #fff; margin-right: 20px; } .AbF-container .card.carrelloWrapper .previous-step:hover { background: #636366; color: #fff; } .AbF-container .paymentChooser input[type="radio"] { margin-right: 10px; } .AbF-container.abf_opacity::after, .AbF-container.abf_opacity::after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .7; } .AbF-container .bs-stepper.vertical.cart_full_width { flex-direction: column; } .AbF-container #slider_quantity_wrapper { display: flex; align-items: center; flex-direction: column; } .AbF-container #slider_quantity_wrapper input[type="number"] { border: 1px solid #ebebeb; text-align: center; } .AbF-container #slider_quantity_container { width: 100%; text-align: center; } .AbF-container #slider_quantity_container input { width: 80%; } @media (max-width: 768px) { .AbF-container .countdown-container { position: fixed; top: 0; width: 100%; background-color: #fff; padding: 10px 0; } } /* Product Selector Styles */ .AbF-container .abf-product-selector-wrapper { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 1rem; } .AbF-container .abf-product-option { display: flex; gap: 1rem; padding: 2rem 1rem; border-radius: 12px; border: 3px solid #e0e0e0; background-color: #ffffff; position: relative; cursor: pointer; transition: all 0.3s ease; } .AbF-container .abf-product-option:hover { transform: translateY(-4px); transition: transform 0.3s ease; } .AbF-container .abf-product-option-basic { border-color: #28a745; background-color: #f8fff6; } .AbF-container .abf-product-option-upgrade { border-color: #ff6b5a; border-width: 4px; background-color: #fff5f3; box-shadow: 0 6px 16px rgba(255, 107, 90, 0.2); } .AbF-container .abf-product-radio { flex-shrink: 0; padding-top: 0.25rem; } .AbF-container .abf-product-radio input[type="radio"] { width: 25px; height: 25px; cursor: pointer; accent-color: #333; border: 2px solid #333; } .AbF-container .abf-product-content { flex: 1; } .AbF-container .abf-product-title { margin: 0 0 0.75rem 0; font-family: 'Roboto', sans-serif; font-size: 18px !important; font-weight: 700; color: #333; letter-spacing: 0.3px; line-height: 1.2; } .AbF-container .abf-product-option-basic .abf-product-title { color: #28a745; } .AbF-container .abf-product-option-upgrade .abf-product-title { color: #ff6b5a; } .AbF-container .abf-product-description { margin: 0.5rem 0; font-family: 'Roboto', sans-serif; font-size: 14px !important; font-weight: 400; color: #666; line-height: 1.5; } .AbF-container .abf-product-description:last-child { margin-bottom: 0; } .AbF-container .abf-product-description a { color: #ff6b5a; text-decoration: none; } .AbF-container .abf-product-description a:hover { text-decoration: underline; } .AbF-container .abf-product-badge { position: absolute; top: -1.2rem; right: 1.2rem; background-color: #ff6b5a; color: #fff; padding: 0.35rem 0.85rem; border-radius: 20px; font-family: 'Roboto', sans-serif; font-size: 13px !important; font-weight: 700; text-transform: lowercase; letter-spacing: 0.5px; white-space: nowrap; } /* Quantity Selector - Bootstrap Style */ .AbF-container .abf-quantity-selector-wrapper { margin-bottom: 1rem; } .AbF-container .abf-quantity-label { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 0; white-space: nowrap; } .AbF-container .input-group .abf-qty-minus, .AbF-container .input-group .abf-qty-plus { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; padding: 0.375rem 0.75rem; } .AbF-container .input-group .abf-qty-minus:hover, .AbF-container .input-group .abf-qty-plus:hover { background-color: #333; color: #fff; } .AbF-container .input-group .abf-qty-minus:active, .AbF-container .input-group .abf-qty-plus:active { transform: scale(0.95); } .AbF-container .abf-qty-input { width: 70px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 600; flex: 0 0 auto; border-left: 0 !important; border-right: 0 !important; } .AbF-container .input-group .abf-qty-input:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* Disable number input spinners */ .AbF-container .abf-qty-input::-webkit-outer-spin-button, .AbF-container .abf-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .AbF-container .abf-qty-input[type=number] { -moz-appearance: textfield; } /* Mobile Optimization - Screens under 375px */ @media (max-width: 375px) { .AbF-container .abf-product-selector-wrapper { gap: 2.5rem; } .AbF-container .abf-product-option { padding: 2rem 0.5rem; gap: 0.75rem; } .AbF-container .abf-product-radio input[type="radio"] { width: 20px; height: 20px; min-width: 20px; } .AbF-container .abf-product-title { font-size: 15px !important; } .AbF-container .abf-product-description { font-size: 12px !important; } .AbF-container .abf-product-badge { top: -1.2rem; right: 0; font-size: 11px !important; padding: 0.25rem 0.6rem; } .AbF-container .abf-quantity-label { font-size: 13px; } .AbF-container .input-group .abf-qty-minus, .AbF-container .input-group .abf-qty-plus { font-size: 14px; padding: 0.25rem 0.5rem; } .AbF-container .abf-qty-input { width: 60px; font-size: 14px; } .AbF-container .abf-quantity-selector-wrapper .row { flex-wrap: wrap; } .AbF-container .abf-quantity-selector-wrapper .col-auto:first-child { width: 100%; margin-bottom: 0.5rem; } } @keyframes shake-pulse { 0%, 100% { transform: translateX(0) scale(1); box-shadow: 0 4px 15px rgba(255, 107, 90, 0.4), 0 0 20px rgba(255, 107, 90, 0.2); } 5%, 15%, 25%, 35%, 45% { transform: translateX(-4px) scale(1.05); box-shadow: 0 6px 25px rgba(255, 107, 90, 0.6), 0 0 35px rgba(255, 107, 90, 0.5); } 10%, 20%, 30%, 40% { transform: translateX(4px) scale(1.05); box-shadow: 0 6px 25px rgba(255, 107, 90, 0.6), 0 0 35px rgba(255, 107, 90, 0.5); } 50%, 100% { transform: translateX(0) scale(1); box-shadow: 0 4px 15px rgba(255, 107, 90, 0.4), 0 0 20px rgba(255, 107, 90, 0.2); } } .AbF-container .abf-product-promo-text { background-color: #ff6b5a; color: #fff; font-weight: bold; padding: 0.35rem 0.85rem; border-radius: 20px; font-size: .9em !important; display: inline-block; margin-top: 10px; animation: shake-pulse 6s ease-in-out infinite; } .AbF-container .abf-product-promo-text span { text-decoration: line-through; font-size: .9em !important; }