/* source: */ /* source: */ @font-face { font-family: "Interstate"; src: url(./_fonts/Interstate-Light.ttf); font-weight: 300; } @font-face { font-family: "Interstate"; src: url(./_fonts/Interstate-Regular.ttf); font-weight: 400; } @font-face { font-family: "Interstate"; src: url(./_fonts/Interstate-Bold.ttf); font-weight: 700; } input, select, button { outline: none !important; } #vtexIdContainer input, .table.cart-items tr.item-attachments-content input, .table.cart-items tr.item-attachments-content select, .table.cart-items tbody tr td .product-service select, .table.cart-items td.quantity input, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type='text'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit'], .cart-more-options .srp-container select, .cart-more-options .srp-container input[type='text']:not(.pac-target-input), .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input, .orderform-template-holder #client-profile-data form.client-pre-email input[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template-holder #shipping-data input[type='text']:not(.pac-target-input), .orderform-template-holder #shipping-data input[type='tel']:not(.pac-target-input), .orderform-template-holder #shipping-data input[type='email']:not(.pac-target-input), .orderform-template-holder #shipping-data select:not(.pac-target-input), .orderform-template-holder #payment-data input[type='text']:not(.pac-target-input), .orderform-template-holder #payment-data input[type='tel']:not(.pac-target-input), .orderform-template-holder #payment-data input[type='email']:not(.pac-target-input), .orderform-template-holder #payment-data select:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input, .orderform-template .summary-note .note-textarea, #app-container input[type='text'], #app-container input[type='tel'], #app-container input[type='email'], #app-container select, .vcustom--vtex-omnishipping-1-x-address input { height: 44px; line-height: 44px; max-height: initial; display: inline-block; padding: 0px 10px; border-radius: 5px; border: 1px solid #cbcbcb; outline: initial; font-family: "Interstate", sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #vtexIdContainer input.error, .table.cart-items tr.item-attachments-content input.error, .table.cart-items tr.item-attachments-content select.error, .table.cart-items tbody tr td .product-service select.error, .table.cart-items td.quantity input.error, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input.error[type='text'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button.error[type='submit'], .cart-more-options .srp-container select.error, .cart-more-options .srp-container input.error[type='text']:not(.pac-target-input), .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input.error, .orderform-template-holder #client-profile-data form.client-pre-email input.error[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input.error[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input.error[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select.error:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input.error[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select.error:not(.pac-target-input), .orderform-template-holder #shipping-data input.error[type='text']:not(.pac-target-input), .orderform-template-holder #shipping-data input.error[type='tel']:not(.pac-target-input), .orderform-template-holder #shipping-data input.error[type='email']:not(.pac-target-input), .orderform-template-holder #shipping-data select.error:not(.pac-target-input), .orderform-template-holder #payment-data input.error[type='text']:not(.pac-target-input), .orderform-template-holder #payment-data input.error[type='tel']:not(.pac-target-input), .orderform-template-holder #payment-data input.error[type='email']:not(.pac-target-input), .orderform-template-holder #payment-data select.error:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input.error, .orderform-template .summary-note .error.note-textarea, #app-container input.error[type='text'], #app-container input.error[type='tel'], #app-container input.error[type='email'], #app-container select.error, .vcustom--vtex-omnishipping-1-x-address input.error { border-color: #ff4c4c; } #vtexIdContainer input:focus, .table.cart-items tr.item-attachments-content input:focus, .table.cart-items tr.item-attachments-content select:focus, .table.cart-items tbody tr td .product-service select:focus, .table.cart-items td.quantity input:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input:focus[type='text'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button:focus[type='submit'], .cart-more-options .srp-container select:focus, .cart-more-options .srp-container input:focus[type='text']:not(.pac-target-input), .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input:focus, .orderform-template-holder #client-profile-data form.client-pre-email input:focus[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input:focus[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input:focus[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:focus:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input:focus[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input:focus[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input:focus[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:focus:not(.pac-target-input), .orderform-template-holder #shipping-data input:focus[type='text']:not(.pac-target-input), .orderform-template-holder #shipping-data input:focus[type='tel']:not(.pac-target-input), .orderform-template-holder #shipping-data input:focus[type='email']:not(.pac-target-input), .orderform-template-holder #shipping-data select:focus:not(.pac-target-input), .orderform-template-holder #payment-data input:focus[type='text']:not(.pac-target-input), .orderform-template-holder #payment-data input:focus[type='tel']:not(.pac-target-input), .orderform-template-holder #payment-data input:focus[type='email']:not(.pac-target-input), .orderform-template-holder #payment-data select:focus:not(.pac-target-input), .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input:focus, .orderform-template .summary-note .note-textarea:focus, #app-container input:focus[type='text'], #app-container input:focus[type='tel'], #app-container input:focus[type='email'], #app-container select:focus, .vcustom--vtex-omnishipping-1-x-address input:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4); } input#creditCardpayment-card-0Number, input#creditCardpayment-card-0Code, input#creditCardpayment-card-1Number, input#creditCardpayment-card-1Code { font-size: 18px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { animation: input_background_autofill 0s forwards; } @keyframes input_background_autofill { 100% { background-color: transparent; } } .btn, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action a { font-family: "Interstate", sans-serif; text-shadow: none; border-radius: 5px; outline: none !important; text-align: center; font-size: 1rem; padding: 5px 12px; box-sizing: border-box; display: inline-block; background: none; box-shadow: none; } .btn, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .btn:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .btn:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus { transition: all ease 0.3s; } .btn:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .btn:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus { background: none; } .btn-large, .client-pre-email .client-email.input.text .btn-success { padding: 17px 19px; } .btn-link, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { color: #c41230; } .btn-link:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover, .btn-link:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus { color: #a8162e; } .btn-success { background: #c41230; border: 1px solid #c41230; font-size: 13px; } .btn-success:hover, .btn-success:focus, .btn-success:active { background: #a8162e; border: 1px solid #a8162e; } .btn-success[disabled] { background: #c41230; } .btn-primary { background: #c41230; border: 1px solid #c41230; color: #f1f7ff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #a8162e; border: 1px solid #a8162e; } .btn-secondary, .table.cart-items tbody tr td.product-name .add-service.btn, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service, .table.cart-items tbody tr td.product-name .clone-item.btn, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item, .table.cart-items tbody tr td.product-name .add-item-attachment-container a, .table.cart-items tbody tr td .product-service input[type='submit'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit'], .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data #btn-add-gift-card { background: transparent; border: 1px solid #c41230; color: #c41230; } .btn-secondary:hover, .table.cart-items tbody tr td.product-name .add-service.btn:hover, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service:hover, .table.cart-items tbody tr td.product-name .clone-item.btn:hover, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item:hover, .table.cart-items tbody tr td.product-name .add-item-attachment-container a:hover, .table.cart-items tbody tr td .product-service input:hover[type='submit'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button:hover[type='submit'], .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn:hover, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .orderform-template-holder #payment-data #btn-add-gift-card:hover, .btn-secondary:focus, .table.cart-items tbody tr td.product-name .add-service.btn:focus, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service:focus, .table.cart-items tbody tr td.product-name .clone-item.btn:focus, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item:focus, .table.cart-items tbody tr td.product-name .add-item-attachment-container a:focus, .table.cart-items tbody tr td .product-service input:focus[type='submit'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button:focus[type='submit'], .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn:focus, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus, .orderform-template-holder #payment-data #btn-add-gift-card:focus, .btn-secondary:active, .table.cart-items tbody tr td.product-name .add-service.btn:active, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.add-service:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.add-service:active, .table.cart-items tbody tr td.product-name .clone-item.btn:active, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item:active, .table.cart-items tbody tr td.product-name .add-item-attachment-container a:active, .table.cart-items tbody tr td .product-service input:active[type='submit'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button:active[type='submit'], .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn:active, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a:active, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:active, .orderform-template-holder #payment-data #btn-add-gift-card:active { background: #f1f7ff; border: 1px solid #a8162e; color: #a8162e; } .btn-outlined { background: transparent; border: 1px solid #c41230; color: #c41230; } .btn-outlined:hover, .btn-outlined:focus, .btn-outlined:active { background: transparent; border: 1px solid #a8162e; } .btn#payment-data-submit span, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a#payment-data-submit span, .orderform-template-holder #payment-data .payment-discounts-list table td.action a#payment-data-submit span { font-size: 14px; margin-left: 5px; font-weight: bold; } .cart-more-options .srp-container .srp-main-title, .client-pre-email h3.client-pre-email-h span:after, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #payment-data .accordion-toggle, .orderform-template .cart-template.mini-cart h2 { font-size: calc( 1rem + 2px); text-transform: uppercase; border-bottom: 1px solid #eee; font-weight: bold; margin-bottom: 15px; padding: 7px 0 !important; color: #999999; color: #323232; border: none; font-size: 20px; text-transform: initial; margin-bottom: 0px; } .payment-data .gift-card-section, .payment-data .payment-discounts-alert { margin: 0; width: 100% !important; box-sizing: border-box; } .input-append, .input-prepend { display: flex !important; align-items: stretch; } .input-append .btn, .input-append .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .input-append a, .input-append .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .input-append a, .input-append .add-on, .input-prepend .btn, .input-prepend .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .input-prepend a, .input-prepend .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .input-prepend a, .input-prepend .add-on { height: 44px; line-height: 44px; box-sizing: border-box; padding: 0; width: 20px; } .input-append .add-on, .input-prepend .add-on { height: initial !important; } .input-append input, .input-prepend input { border-radius: 0 5px 5px 0 !important; width: 100% !important; max-width: 100px !important; } .payment-discoints-table .number, .gift-card-provider-group .number, .payment-discoints-table .action, .gift-card-provider-group .action { text-align: right; } @media (max-width: 690px) { .orderform-template-holder .client-profile-data input[type='text'] { width: 100% !important; } } @media (max-width: 690px) { .item-quantity-change { display: inline-block; } .item-quantity-change { float: left; padding: 3px 5px 3px 0px; } .item-quantity-change-increment { padding-left: 5px; padding-right: 0; } .full-cart .cart-links-bottom .btn-success { width: 83%; display: block; margin-top: 10px; } .full-cart .cart table { display: block; margin-top: 0 !important; } .full-cart .cart table thead { display: none; } .full-cart .cart table tbody { display: block; } .full-cart .cart table tbody tr { display: block; margin-top: 10px; padding: 10px 0; position: relative; } .full-cart .cart table tbody tr .product-name a, .full-cart .cart table tbody tr .product-name .seller { overflow: hidden; } .full-cart .cart table tbody tr td { display: inline-block; padding: 4px 0; } .full-cart .cart table tbody tr td.product-name .seller { display: block; line-height: 120%; font-size: 80%; margin: 4px 0; } .full-cart .cart table tbody tr td.product-image, .full-cart .cart table tbody tr td.bundle-item-image { left: 0; position: absolute; } .full-cart .cart table tbody tr td.product-name { display: block; margin-left: 60px; text-align: left; line-height: 140%; width: auto; } .full-cart .cart table tbody tr td.product-name { padding: 0 0 10px !important; } .full-cart .cart table tbody tr td.empty, .full-cart .cart table tbody tr td.shipping-date, .full-cart .cart table tbody tr td .brand { display: none; } .full-cart .cart table tbody tr td.product-name a, .full-cart .cart table tbody tr td.bundle-item-name span { display: block; padding-right: 20px; } .full-cart .cart table tbody tr td.quantity { width: 81px; padding: 0px; margin-left: 60px; } .full-cart .cart table tbody tr td.quantity input { float: left; margin: 0; width: 25px; } .full-cart .cart table tbody tr td.product-price { text-align: right; float: right; margin-right: 5px; padding: 0; } .full-cart .cart table tbody tr td.quantity-price { display: none; } .full-cart .cart table tbody tr td.item-remove { position: absolute; top: 2px; right: 0; width: 24px; } .cart-links-bottom { float: none; margin-top: 5px; margin-bottom: 40px; text-align: right; } .more { margin-right: 0; } .full-cart .cart-links-bottom .btn-success { width: auto; } .full-cart .cart table tbody tr.item-attachments-head { border: 0; margin: 0; padding: 0; } .full-cart .cart table tbody tr.item-attachments-head .item-attachments-header { top: auto; } .full-cart .cart table tbody tr.item-attachments-head .item-attachments-header:after { content: none; } .full-cart .cart table tbody tr.item-attachments-head .item-attachments-header strong { box-shadow: none; } .full-cart .cart table tbody tr.item-attachments-content { margin: 0; border: 0; padding: 0; } .full-cart .cart table tbody tr.item-attachments-content .item-attachments-item-fields { margin-left: 5px; width: 95%; } } .default-modal { border-radius: 5px; height: auto; } .modal .btn, .modal .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .modal a, .modal .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .modal a { background: #FFF; } .modal.guest-login-modal button.btn { width: auto; } .modal.guest-login-modal, .modal.modal-email-template, .modal.modal-payment-template, .modal.modal-masked-info-template { background: #c41230; } .payment-confirmation-message { width: 100%; } #vtexIdContainer { position: fixed !important; } .vtexIdUI { position: absolute; top: 50% !important; transform: translateY(-50%) !important; } #vtexIdContainer { position: fixed; } #vtexIdContainer a { color: #c41230; } #vtexIdContainer .vtexIdUI .modal-footer { background: none; } #vtexIdContainer .vtexIdUI .btn, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a { border-radius: 5px; height: 44px; line-height: 44px; box-shadow: none !important; font-size: 1rem; padding: 0 30px; } #vtexIdContainer .vtexIdUI .btn.btn-success, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success { background: #c41230; border: 1px solid #c41230; } #vtexIdContainer .vtexIdUI .btn.btn-success:hover, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success:hover, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success:hover, #vtexIdContainer .vtexIdUI .btn.btn-success:focus, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success:focus, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success:focus, #vtexIdContainer .vtexIdUI .btn.btn-success:active, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.btn-success:active, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a.btn-success:active, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a.btn-success:active, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a.btn-success:active { background: #a8162e; border: 1px solid #a8162e; } #vtexIdContainer .vtexIdUI .btn#vtexIdUI-facebook, #vtexIdContainer .vtexIdUI .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a#vtexIdUI-facebook, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data #vtexIdContainer .vtexIdUI a#vtexIdUI-facebook, #vtexIdContainer .vtexIdUI .orderform-template-holder #payment-data .payment-discounts-list table td.action a#vtexIdUI-facebook, .orderform-template-holder #payment-data .payment-discounts-list table td.action #vtexIdContainer .vtexIdUI a#vtexIdUI-facebook { background: #4568ad !important; } @media (max-width: 768px) { #vtexIdContainer { position: fixed !important; } #vtexIdContainer .vtexIdUI { overflow: auto; border-radius: 0; width: 100%; left: 0; margin: 0; top: 0; height: 100% !important; border: none; } #vtexIdContainer .vtexIdUI .modal-header .close { top: 0; right: 0; margin: 0; padding: 4px 8px; } } .vtex-omnishipping-1-x-address .ship-complement label { font-size: 0 !important; } .vtex-omnishipping-1-x-address .ship-complement label::after { content: 'Complemento'; font-size: 14px; } body { font-family: "Interstate", sans-serif; min-width: initial !important; padding: 0; background: #f4f2f2; padding-bottom: 40px !important; min-height: 93vh; position: relative; font-size: 1rem; overflow-x: hidden; } body a { color: #c41230; } body a:hover { color: #a8162e; } @media (max-width: 768px) { body { padding-bottom: 0px !important; } } body .cart-template.full-cart > * { opacity: 0; transition-delay: 1.2s; transition-property: opacity; -webkit-transition-duration: 0.5s; } body.v-custom-loaded .cart-template.full-cart > * { opacity: initial; } .onda-v1 .br-pill, .step, .cart, .totalizers { border-radius: 5px; } .loading.loading-bg { background: #f4f2f2; } .container { max-width: 1280px; width: calc(100% - 40px); } @media (max-width: 690px) { .container { width: calc(100% - 20px); } } .checkout-container { overflow: initial !important; z-index: 2; } @media (max-width: 768px) { .checkout-container { margin-bottom: 30px; } } .checkout-container .orderform-template, .checkout-container .cart-template { display: flex; justify-content: space-between; align-items: flex-start; transition: position ease 0.8s, opacity ease 0.8s, margin ease 0.8s; } .checkout-container .orderform-template.inactive, .checkout-container .cart-template.inactive { max-height: 50vh; overflow: hidden; top: 0; position: absolute; } .checkout-container .full-cart.inactive { margin-left: -140%; } .checkout-container .orderform-template.inactive { left: 140%; margin: 0; display: none !important; } .container-cart h1, h1#orderform-title { font-size: 22px; font-weight: 400; color: #323232; } .v-custom-assemblies { margin: 10px 0 3px 0; overflow: hidden; border-top: 1px solid #cbcbcb; padding-top: 7px; } @media (max-width: 690px) { .v-custom-assemblies { width: 100%; left: 0; margin-bottom: 2px; } } .v-custom-assemblies p { display: none; } .v-custom-assemblies__values { list-style: none; padding: 0; margin: 0; } .v-custom-assemblies__values__item strong:after { content: ':'; } .v-custom-assemblies__values__item span, .v-custom-assemblies__values__item strong { line-height: 14px; } .client-pre-email h3.client-pre-email-h span:before, .client-profile-data .accordion-toggle > span:before, .shipping-data .accordion-toggle:before, .payment-data .accordion-toggle > span:not(.payment-edit-link):before { background: #FFF; border: 1px solid #323232; color: #323232; width: 26px; height: 26px; line-height: 26px; font-size: 15px; } body.v-custom-step-profile .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-shipping .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-shipping .client-profile-data .accordion-toggle > span:before, body.v-custom-step-payment .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-payment .client-profile-data .accordion-toggle > span:before, body.v-custom-step-payment .shipping-data .accordion-toggle:before, body.v-custom-step-email .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-profile .client-profile-data .accordion-toggle > span:before, body.v-custom-step-shipping .shipping-data .accordion-toggle:before, body.v-custom-step-payment .payment-data .accordion-toggle > span:not(.payment-edit-link):before, body.js-vcustom-hideEmailStep .client-profile-data .accordion-toggle > span:before { background: #c41230; border-color: #c41230; color: #FFF; } .client-pre-email h3.client-pre-email-h span:before, .client-profile-data .accordion-toggle > span:before, .shipping-data .accordion-toggle:before, .payment-data .accordion-toggle > span:not(.payment-edit-link):before { text-align: center; margin-right: 10px; border-radius: 100%; display: inline-block; font-weight: bold; vertical-align: middle; margin-top: -2px; } .client-pre-email h3.client-pre-email-h span:before { content: "1"; } .client-profile-data .accordion-toggle > span:before { content: "2"; } .shipping-data .accordion-toggle:before { content: "3"; } .payment-data .accordion-toggle > span:not(.payment-edit-link):before { content: "4"; } @media (max-width: 690px) { body:before { width: 0; height: 4px; background: #c41230; display: block; content: ""; position: fixed; top: 0; transition: all ease 0.3s; z-index: 999; } body.v-custom-step-email:before { width: 23%; } body.v-custom-step-profile:before { width: 46%; } body.v-custom-step-shipping:before { width: 69%; } body.v-custom-step-payment:before { width: 92%; } } body.v-custom-step-cart .checkout-steps_item_cart .text, body.v-custom-step-email .checkout-steps_item_cart .text, body.v-custom-step-email .checkout-steps_item_identification .text, body.v-custom-step-profile .checkout-steps_item_cart .text, body.v-custom-step-profile .checkout-steps_item_identification .text, body.v-custom-step-shipping .checkout-steps_item_cart .text, body.v-custom-step-shipping .checkout-steps_item_identification .text, body.v-custom-step-shipping .checkout-steps_item_shipping .text, body.v-custom-step-payment .checkout-steps_item_cart .text, body.v-custom-step-payment .checkout-steps_item_identification .text, body.v-custom-step-payment .checkout-steps_item_shipping .text, body.v-custom-step-payment .checkout-steps_item_payment .text { color: #323232; font-weight: bold; pointer-events: initial; } body.v-custom-step-cart .checkout-steps_item_cart { opacity: 1; } body.v-custom-step-cart .checkout-steps_item_cart .text { pointer-events: none; } body.v-custom-step-cart .checkout-steps_item_cart:before { background: #c41230; border-color: #c41230; } body.v-custom-step-email .checkout-steps_bar_inner-active, body.v-custom-step-profile .checkout-steps_bar_inner-active { width: 20%; } body.v-custom-step-email .checkout-steps_item_cart, body.v-custom-step-email .checkout-steps_item_identification, body.v-custom-step-profile .checkout-steps_item_cart, body.v-custom-step-profile .checkout-steps_item_identification { opacity: 1; } body.v-custom-step-email .checkout-steps_item_cart:before, body.v-custom-step-email .checkout-steps_item_identification:before, body.v-custom-step-profile .checkout-steps_item_cart:before, body.v-custom-step-profile .checkout-steps_item_identification:before { background: #c41230; border-color: #c41230; } body.v-custom-step-email .checkout-steps_item_identification .text, body.v-custom-step-profile .checkout-steps_item_identification .text { pointer-events: none; } body.v-custom-step-shipping .checkout-steps_bar_inner-active { width: 40%; } body.v-custom-step-shipping .checkout-steps_item_cart, body.v-custom-step-shipping .checkout-steps_item_identification, body.v-custom-step-shipping .checkout-steps_item_shipping { opacity: 1; } body.v-custom-step-shipping .checkout-steps_item_cart:before, body.v-custom-step-shipping .checkout-steps_item_identification:before, body.v-custom-step-shipping .checkout-steps_item_shipping:before { background: #c41230; border-color: #c41230; } body.v-custom-step-shipping .checkout-steps_item_shipping .text { pointer-events: none; } body.v-custom-step-payment .checkout-steps_bar_inner-active { width: 60%; } body.v-custom-step-payment .checkout-steps_item_cart, body.v-custom-step-payment .checkout-steps_item_identification, body.v-custom-step-payment .checkout-steps_item_shipping, body.v-custom-step-payment .checkout-steps_item_payment { opacity: 1; } body.v-custom-step-payment .checkout-steps_item_cart:before, body.v-custom-step-payment .checkout-steps_item_identification:before, body.v-custom-step-payment .checkout-steps_item_shipping:before, body.v-custom-step-payment .checkout-steps_item_payment:before { background: #c41230; border-color: #c41230; } body.v-custom-step-payment .checkout-steps_item_payment .text { pointer-events: none; } .checkout-steps { display: none; position: relative; min-width: 470px; width: 100%; display: block; /* &_bar_inner, &_bar_inner-active { width: calc(100% - 20%); height: 3px; background: $actionSecondary; display: block; margin: 0 auto; position: absolute; left: 10%; top: 7px; transition: all ease 0.3s; } */ } @media (max-width: 690px) { .checkout-steps { display: none !important; } } .checkout-steps_bar_inner-active { width: 0; background: #c41230; } .checkout-steps_items { display: flex; justify-content: space-between; } .checkout-steps_item { position: relative; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: flex-start; opacity: 0.6; } .checkout-steps_item:after { content: ""; height: 2px; background: #c41230; margin: 0px 5px; min-width: 10px; } .checkout-steps_item .text { clear: both; display: flex; align-items: center; color: #999999; font-weight: 500; cursor: pointer; pointer-events: none; } .checkout-steps_item .text:before { content: ""; width: 7px; height: 7px; background: #c41230; border: 2px solid #c41230; display: inline-block; border-radius: 100%; margin-right: 7px; transition: all ease 0.3s; } .checkout-steps_item_cart:after { width: calc(100% - 50px); } .checkout-steps_item_identification:after { width: calc(100% - 103px); } .checkout-steps_item_shipping:after { width: calc(100% - 77px); } .checkout-steps_item_payment:after { width: calc(100% - 77px); } .checkout-steps_item_confirmation:after { display: none; } body .main-header { padding: 12px 0; text-align: center; border-bottom: 1px solid #cbcbcb; position: relative; background-color: #FFF; margin-bottom: 40px; } body .main-header, body .main-header > .container { display: flex; align-items: center; } @media (max-width: 690px) { body .main-header, body .main-header > .container { justify-content: center; } } body .main-header > .container:before, body .main-header > .container:after { display: none; } body .main-header .header-link { position: absolute; left: 0px; top: calc(100% + 18px); display: none; } body .main-header .header-link a { height: 20px; font-size: 11px; line-height: 115%; padding-left: 0px; color: #676767; display: flex; align-items: center; } body .main-header .header-link a:before { display: block; float: left; width: 10px; height: 10px; -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQzLjUyIDQ0My41MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjUyIDQ0My41MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0xNDMuNDkyLDIyMS44NjNMMzM2LjIyNiwyOS4xMjljNi42NjMtNi42NjQsNi42NjMtMTcuNDY4LDAtMjQuMTMyYy02LjY2NS02LjY2Mi0xNy40NjgtNi42NjItMjQuMTMyLDBsLTIwNC44LDIwNC44DQoJCQljLTYuNjYyLDYuNjY0LTYuNjYyLDE3LjQ2OCwwLDI0LjEzMmwyMDQuOCwyMDQuOGM2Ljc4LDYuNTQ4LDE3LjU4NCw2LjM2LDI0LjEzMi0wLjQyYzYuMzg3LTYuNjE0LDYuMzg3LTE3LjA5OSwwLTIzLjcxMg0KCQkJTDE0My40OTIsMjIxLjg2M3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%; mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQzLjUyIDQ0My41MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjUyIDQ0My41MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0xNDMuNDkyLDIyMS44NjNMMzM2LjIyNiwyOS4xMjljNi42NjMtNi42NjQsNi42NjMtMTcuNDY4LDAtMjQuMTMyYy02LjY2NS02LjY2Mi0xNy40NjgtNi42NjItMjQuMTMyLDBsLTIwNC44LDIwNC44DQoJCQljLTYuNjYyLDYuNjY0LTYuNjYyLDE3LjQ2OCwwLDI0LjEzMmwyMDQuOCwyMDQuOGM2Ljc4LDYuNTQ4LDE3LjU4NCw2LjM2LDI0LjEzMi0wLjQyYzYuMzg3LTYuNjE0LDYuMzg3LTE3LjA5OSwwLTIzLjcxMg0KCQkJTDE0My40OTIsMjIxLjg2M3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #676767; content: ""; } body .main-header .header-link a.back-cart-link { display: none; } @media (max-width: 690px) { body .main-header .header-link { top: 50%; transform: translateY(-50%); } body .main-header .header-link a { max-width: 80px; } body .main-header .header-link a:before { width: 17px; height: 17px; } } body .main-header .logo { max-width: calc(100% - 180px); } body .main-header .logo svg.vtex-logo { height: 50px; } body .main-header .logo, body .main-header .logo img { display: inline-block; font-size: 24px; border: none; line-height: 39px; } body .main-header .checkout-steps { max-width: 540px; margin-left: auto; padding-right: 10px; } @media (max-width: 690px) { body:not(.body-cart) .main-header { padding: 4px 0; margin-bottom: 10px; } body:not(.body-cart) .main-header .v-custom-mhide { display: none !important; } body:not(.body-cart) .main-header, body:not(.body-cart) .main-header > .container { background: none; border: none; justify-content: center; } body:not(.body-cart) .main-header .logo { cursor: default; pointer-events: none; font-weight: bold; } body:not(.body-cart) .main-header .logo svg, body:not(.body-cart) .main-header .logo img { display: none !important; } body:not(.body-cart) .main-header .logo:before { content: "checkout"; text-transform: uppercase; } body:not(.body-cart) .main-header .logo, body:not(.body-cart) .main-header .logo:hover { color: #323232; font-size: 14px; } body:not(.body-cart) .main-header .header-link { display: block; } body:not(.body-cart) .main-header a.buy-more-link { display: none; } body:not(.body-cart) .main-header a.back-cart-link { display: block !important; font-size: 0; } body:not(.body-cart) .main-header a.back-cart-link:before { background: #323232; } } .benefits-hint { align-items: center; background: #f8f8f8; display: flex !important; flex-direction: column; justify-content: center; min-height: 48px; } .benefits-hint-slider-mobile-next, .benefits-hint-slider-mobile-prev, .benefits-hint-slider-mobile-dots { display: none; } .benefits-hint-container { align-items: center; box-sizing: border-box; display: flex; gap: 8px; justify-content: space-between; margin: 0 auto; max-width: 1280px; padding: 12px 0; width: 100%; } @media screen and (min-width: 1024px) { .benefits-hint-container { gap: 0; transform: none !important; width: calc(100% - 40px); } } .benefits-hint-item { align-items: center; display: flex; justify-content: center; } .benefits-hint-item-divisor { background: #acacac; display: none; height: 24px; width: 1px; } @media screen and (min-width: 1024px) { .benefits-hint-item-divisor { display: block; } } .benefits-hint-item-content { align-items: center; display: flex; gap: 8px; height: 100%; justify-content: center; } .benefits-hint-item-icon { display: flex; height: 24px; width: 24px; } .benefits-hint-item-text { color: #212121; font-family: "Interstate", sans-serif; font-size: 14px; font-weight: 700; line-height: 24px; } @media screen and (max-width: 1023px) { .benefits-hint { overflow: hidden; position: relative; width: 100%; } .benefits-hint-slider-mobile { display: flex; min-height: 56px; transition: transform 0.5s ease; } .benefits-hint-slider-mobile-next, .benefits-hint-slider-mobile-prev { background: transparent; border: 0; cursor: pointer; display: flex; height: 24px; padding: 0; position: absolute; top: 16px; width: 24px; z-index: 2; } .benefits-hint-slider-mobile-next { right: 16px; } .benefits-hint-slider-mobile-prev { left: 16px; } .benefits-hint-slider-mobile-dots { align-items: center; background: #fff; display: flex; justify-content: center; padding: 8px 0 0; width: 100%; } .benefits-hint-slider-mobile-dots-list { display: flex; gap: 8px; padding: 0; margin: 0; list-style: none; } .benefits-hint-slider-mobile-dots-item { display: flex; } .benefits-hint-slider-mobile-dots-item svg { color: #eaeaea; } .benefits-hint-slider-mobile-dots-item.active svg { color: #212121; } .benefits-hint-item { box-sizing: border-box; min-width: 100%; } } .main-footer { clear: both; text-align: center; padding: 2px 0; border-top: 1px solid #cbcbcb; position: absolute; bottom: 0; width: 100%; z-index: -1; } .main-footer .container { position: initial; } @media (max-width: 768px) { .main-footer { position: relative; } } .main-footer a.credits-vtex { width: 100px; display: block; margin: 0 auto; } .main-footer .vtex-logo { display: block; margin: 0 auto; } .main-footer svg, .main-footer svg path { fill: #999999; } .cart { border: none; padding: 0; } body.v-custom-step-cart .main-header .header-link { display: block; } /* body.v-custom-cart-empty { #cart-title, #shipping-preview-container, .summary-template-holder, .checkout-steps, .cart-more-options { display: none !important; } .cart-template-holder { margin: 0 auto; } } */ .empty-cart-content { padding: 50px 0; } .cart-more-options, .cart-template-holder .cart { padding: 20px 30px; background: #fff; margin: 0; border-radius: 5px; } @media (max-width: 690px) { .cart-more-options, .cart-template-holder .cart { padding: 12px; } } .cart-template-holder .cart { border: none; margin-bottom: 20px; } .table.cart-items { display: block; } .table.cart-items thead { width: 100%; display: block; } .table.cart-items thead tr { display: flex; align-items: center; } .table.cart-items thead tr th.product { width: calc(100% - 280px) !important; } .table.cart-items thead tr th.product-price, .table.cart-items thead tr th.quantity-price { width: 90px !important; } .table.cart-items thead tr th.item-remove, .table.cart-items thead tr th.quantity-price, .table.cart-items thead tr th.shipping-date { display: none; } .table.cart-items thead tr th.quantity { min-width: 62px; } .table.cart-items thead tr th.product-image { order: 1; } .table.cart-items thead tr th.product-name { order: 2; } .table.cart-items thead tr th.shipping-date { order: 3; } .table.cart-items thead tr th.quantity { order: 4; } .table.cart-items thead tr th.product-price, .table.cart-items thead tr th.quantity-price { order: 5; } .table.cart-items tr.item-attachments-head { border: none !important; justify-content: center; } .table.cart-items tr.item-attachments-head .help-arrow { display: none; } .table.cart-items td.shipping-date { display: none; } .table.cart-items tbody { display: flex; flex-wrap: wrap; width: 100%; } .table.cart-items tbody tr { width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #eee; } .table.cart-items tbody tr.hide { display: none; } .table.cart-items tbody tr > .v-custom-bundles { width: 100%; } @media (max-width: 690px) { .table.cart-items tbody tr { margin-top: 0 !important; } } .table.cart-items tbody tr.item-attachments-head, .table.cart-items tbody tr.item-attachments-content { display: none; } .table.cart-items tbody tr .v-custom-product-item-wrap { width: 100%; display: flex; align-items: center; position: relative; padding: 20px 0; } @media (max-width: 690px) { .table.cart-items tbody tr .v-custom-product-item-wrap { display: block; padding: 10px 0; } .table.cart-items tbody tr .v-custom-product-item-wrap:after { content: ''; clear: both; display: block; } } .table.cart-items tbody tr td { width: auto; border: none; } .table.cart-items tbody tr td.product-name .add-service-container, .table.cart-items tbody tr td.product-name .clone-item.btn, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item, .table.cart-items tbody tr td.product-name .orderform-template-holder #payment-data .payment-discounts-list table td.action a.clone-item, .orderform-template-holder #payment-data .payment-discounts-list table td.action .table.cart-items tbody tr td.product-name a.clone-item, .table.cart-items tbody tr td.product-name .add-item-attachment-container { margin: 10px 0; } .table.cart-items tbody tr td.product-name .add-service-container + p, .table.cart-items tbody tr td.product-name .clone-item.btn + p, .table.cart-items tbody tr td.product-name .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.clone-item + p, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .table.cart-items tbody tr td.product-name a.clone-item + p, .table.cart-items tbody tr td.product-name .orderform-template-holder #payment-data .payment-discounts-list table td.action a.clone-item + p, .orderform-template-holder #payment-data .payment-discounts-list table td.action .table.cart-items tbody tr td.product-name a.clone-item + p, .table.cart-items tbody tr td.product-name .add-item-attachment-container + p { display: none; } @media (min-width: 769px) { .table.cart-items tbody tr td.product-name { width: calc(100% - 355px) !important; } } .table.cart-items tbody tr td.product-name .seller { display: block; } .table.cart-items tbody tr td.product-price, .table.cart-items tbody tr td.quantity-price { width: 90px !important; white-space: nowrap; margin: 0 10px; line-height: 16px; } .table.cart-items tbody tr td.product-price br, .table.cart-items tbody tr td.quantity-price br { display: none; } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price, .table.cart-items tbody tr td.quantity-price { width: initial !important; text-align: right; float: right; margin: 0; padding: 0; } } .table.cart-items tbody tr td.product-price .new-product-price-label, .table.cart-items tbody tr td.product-price .old-product-price-label, .table.cart-items tbody tr td.quantity-price .new-product-price-label, .table.cart-items tbody tr td.quantity-price .old-product-price-label { display: none; } .table.cart-items tbody tr td.product-price .list-price, .table.cart-items tbody tr td.quantity-price .list-price { font-size: 10px; } .table.cart-items tbody tr td.product-price .total-selling-price, .table.cart-items tbody tr td.product-price .best-price, .table.cart-items tbody tr td.quantity-price .total-selling-price, .table.cart-items tbody tr td.quantity-price .best-price { font-weight: bold; position: relative; } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price .total-selling-price, .table.cart-items tbody tr td.product-price .best-price, .table.cart-items tbody tr td.quantity-price .total-selling-price, .table.cart-items tbody tr td.quantity-price .best-price { display: flex; justify-content: flex-end; margin-top: 7px; } .table.cart-items tbody tr td.product-price .total-selling-price .discount, .table.cart-items tbody tr td.product-price .best-price .discount, .table.cart-items tbody tr td.quantity-price .total-selling-price .discount, .table.cart-items tbody tr td.quantity-price .best-price .discount { margin-left: 5px; display: block; } } .table.cart-items tbody tr td.product-price .new-product-real-price-per-unit, .table.cart-items tbody tr td.quantity-price .new-product-real-price-per-unit { display: inline-block; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__best, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__best { font-weight: bold; font-size: 1rem; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list { display: block; font-size: 10px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--list, .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling { display: block; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--list { text-decoration: line-through; color: #999999; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list, .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling { color: #676767; font-size: 10px; line-height: 11px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling { margin-bottom: 3px; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling .discount, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling .discount { display: none; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling:after, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling:after { content: ')'; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling:before, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling:before { content: '('; } .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list--selling .best-price, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list--selling .best-price { font-weight: normal; display: inline-block; } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price .v-custom-quantity-price__list > *:last-child, .table.cart-items tbody tr td.quantity-price .v-custom-quantity-price__list > *:last-child { margin-bottom: -7px; } } .table.cart-items tbody tr td.product-price.v-custom-quantity-price-active > .list-price, .table.cart-items tbody tr td.quantity-price.v-custom-quantity-price-active > .list-price { display: none !important; } .table.cart-items tbody tr td.product-price > span.list-price, .table.cart-items tbody tr td.product-price > span.best-price, .table.cart-items tbody tr td.quantity-price > span.list-price, .table.cart-items tbody tr td.quantity-price > span.best-price { display: block; } .table.cart-items tbody tr td.product-price span.product-manualprice, .table.cart-items tbody tr td.product-price a.manualprice-link-remove, .table.cart-items tbody tr td.quantity-price span.product-manualprice, .table.cart-items tbody tr td.quantity-price a.manualprice-link-remove { z-index: 2; } .table.cart-items tbody tr td.product-price a.manualprice-link-remove, .table.cart-items tbody tr td.quantity-price a.manualprice-link-remove { position: absolute; top: -2px; left: -4px; background: #fff; } .table.cart-items tbody tr td.product-price a.manualprice-link-remove i.icon-remove:before, .table.cart-items tbody tr td.quantity-price a.manualprice-link-remove i.icon-remove:before { width: 10px !important; height: 10px !important; } .table.cart-items tbody tr td.product-price span.product-manualprice, .table.cart-items tbody tr td.quantity-price span.product-manualprice { padding: 5px 5px 5px 31px; border: 1px solid #ccc; display: inline-block; background: #fff; border-radius: 5px; box-shadow: 0 0 19px #777; position: absolute; top: 0; left: 0; transform: translate(-15%, -34%); } @media (max-width: 690px) { .table.cart-items tbody tr td.product-price span.list-price:not(.hide) + br + span.best-price { margin-top: 0; } } .table.cart-items tbody tr td.item-remove { margin-left: auto; } @media (max-width: 690px) { .table.cart-items tbody tr td.item-remove { top: 0 !important; } } .table.cart-items tbody tr td.product-image { order: 1; } .table.cart-items tbody tr td.product-name { order: 2; width: 60%; } .table.cart-items tbody tr td.shipping-date { order: 3; } .table.cart-items tbody tr td.quantity { order: 4; } .table.cart-items tbody tr td.product-price, .table.cart-items tbody tr td.quantity-price { order: 5; } .table.cart-items tbody tr td.item-remove { order: 10; } .table.cart-items tbody tr td.quantity-price { display: none !important; } .table.cart-items tbody tr td.product-price { display: block !important; } .table.cart-items tbody tr td .field-help { background: #c41230; border-color: #c41230; } .table.cart-items tbody tr td i.icon-question-sign { color: #c41230; } .table.cart-items tbody tr td .add-item-attachment-container, .table.cart-items tbody tr td .clone-item, .table.cart-items tbody tr td p.clone-item-container { display: none !important; } .table.cart-items tbody tr td hr.clone-item-sep { margin: 0; clear: both; border: none; } .table.cart-items tbody tr td .product-service { height: calc(44px + 10px); margin-top: 10px; position: relative; } @media (min-width: 690px) { .table.cart-items tbody tr td .product-service fieldset { width: 100%; position: absolute; min-width: 250px; } } .table.cart-items tbody tr td .product-service p { display: flex; } .table.cart-items tbody tr td .product-service select { background: #fff; width: 100%; margin-right: 10px; } .table.cart-items tbody tr .v-custom-assemblies { clear: both; } .table.cart-items tbody tr.v-custom-bundles-in .product-service { display: none; } .table.cart-items tbody tr.item-unavailable { margin: 10px 0; border-radius: 10px; border: none !important; } @media (max-width: 690px) { .table.cart-items tbody tr.item-unavailable { padding: 0; text-align: center; } } .table.cart-items tbody tr.v-custom-indexedItems-in + tr.item-unavailable { display: none; } .table.cart-items tbody tr.v-custom-indexed-item { border: none; } .table.cart-items tbody tr.v-custom-indexed-item, .table.cart-items tbody tr.item-service { margin: 0 0 10px 0; padding: 0; border-top: none; } .table.cart-items tbody tr.v-custom-indexed-item .v-custom-product-item-wrap, .table.cart-items tbody tr.v-custom-indexed-item .v-custom-trservice-wrap, .table.cart-items tbody tr.item-service .v-custom-product-item-wrap, .table.cart-items tbody tr.item-service .v-custom-trservice-wrap { background: #f1f7ff; border: 1px dashed #cbcbcb; border-radius: 5px; width: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 5px 10px; } .table.cart-items tbody tr.v-custom-indexed-item .v-custom-trservice-wrap, .table.cart-items tbody tr.item-service .v-custom-trservice-wrap { margin-bottom: 10px; margin-top: 10px; } .table.cart-items tbody tr.v-custom-indexed-item td.quantity, .table.cart-items tbody tr.item-service td.quantity { background: #fff; width: 25px; height: 20px; text-align: center; justify-content: center; } .table.cart-items tbody tr.v-custom-indexed-item td.quantity p, .table.cart-items tbody tr.item-service td.quantity p { width: 100%; } .table.cart-items tbody tr.v-custom-indexed-item td.product-price, .table.cart-items tbody tr.item-service td.product-price { display: none !important; } .table.cart-items tbody tr.v-custom-indexed-item td.quantity-price, .table.cart-items tbody tr.item-service td.quantity-price { display: block !important; } .table.cart-items tbody tr.v-custom-indexed-item .item-remove, .table.cart-items tbody tr.item-service .item-remove { margin-left: auto; position: initial; width: auto; } .table.cart-items tbody tr.v-custom-indexed-item .item-remove i.icon.icon-remove.item-remove-ico:before, .table.cart-items tbody tr.item-service .item-remove i.icon.icon-remove.item-remove-ico:before { content: '-'; background: #ff4c4c; color: #fff; line-height: 9px; border-radius: 100%; width: 16px; height: 16px; font-size: 27px; } @media (max-width: 690px) { .table.cart-items tbody tr.v-custom-indexed-item, .table.cart-items tbody tr.item-service { border-top: none !important; } .table.cart-items tbody tr.v-custom-indexed-item .product-price, .table.cart-items tbody tr.v-custom-indexed-item .quantity, .table.cart-items tbody tr.item-service .product-price, .table.cart-items tbody tr.item-service .quantity { margin: auto !important; width: auto !important; min-width: initial !important; } } .table.cart-items tbody tr.v-custom-indexed-item:last-child { margin-bottom: 20px; } .table.cart-items tbody tr.v-custom-indexed-item td.product-image { display: none; } @media (max-width: 690px) { .table.cart-items tbody tr.v-custom-indexed-item td.quantity { display: none; } } .table.cart-items tbody tr.v-custom-indexed-item td.product-name { margin-left: 0 !important; padding: 0 !important; width: 100% !important; margin-right: 15px; } .table.cart-items tbody tr.v-custom-indexed-item p { margin: 0; padding: 0; } .table.cart-items tbody tr:last-child { border-bottom: none; } .table.cart-items tbody > tr.v-custom-indexed-item { display: none; } .table.cart-items td.product-image a { overflow: hidden; border-radius: 5px; } .table.cart-items td.product-image a { margin-right: 10px; } .table.cart-items td.product-image a, .table.cart-items td.product-image img { width: 100px; display: block; max-width: initial; height: auto; } @media (max-width: 690px) { .table.cart-items td.product-image a, .table.cart-items td.product-image img { width: 70px; } } .table.cart-items td.product-name a, .table.cart-items td.product-name a:hover { color: #333; font-weight: bold; text-decoration: none; } .table.cart-items td.quantity { margin: 0 0 0 10px; display: flex; align-items: center; padding: 0; border-radius: 5px; border: 1px solid #cbcbcb; float: left; } .table.cart-items td.quantity input { margin: 0; width: 30px !important; height: 30px !important; padding: 0; border: none; box-shadow: none; } .table.cart-items td.quantity .item-quantity-change { position: initial; left: initial; top: initial; bottom: initial; height: initial; display: flex; align-items: center; justify-content: center; padding: 0; } .table.cart-items td.quantity .item-quantity-change i { background: none; line-height: 30px; display: inline-block; } .table.cart-items td.quantity .item-quantity-change i:before { font-weight: bold; font-size: 22px; width: 25px; height: 25px; line-height: 25px; color: #000; border-radius: 100%; } .table.cart-items td.quantity .item-quantity-change.item-quantity-change-decrement i:before { content: '-'; line-height: 21px; } .table.cart-items td.quantity .item-quantity-change.item-quantity-change-increment i:before { content: '+'; } @media (max-width: 690px) { .table.cart-items td.quantity { width: 97px; } .table.cart-items td.product-name, .table.cart-items td.quantity { margin-left: 90px !important; } } .table.cart-items i.icon.icon-remove.item-remove-ico:before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K"); width: 15px; height: 15px; } .summary-template-holder { background: #fff; padding: 20px; text-align: left; box-sizing: border-box; border-radius: 5px; position: sticky; top: 20px; border: none; } .summary-template-holder .summary-totalizers, .summary-template-holder .summary-coupon-wrap { width: 100% !important; } .summary-template-holder .cart-more-options { display: none !important; } .summary-template-holder .summary-coupon { text-align: center; margin: 0 auto !important; min-width: initial; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset p { margin: 0; color: #676767; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset p label { cursor: initial; font-size: 13px; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data { margin: 0; width: 100%; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { color: #000; font-size: 14px; font-weight: 700; line-height: normal; padding-left: 0; padding-right: 0; text-align: left; text-decoration-line: underline; width: 100%; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div { display: flex; flex-direction: column; justify-content: space-between; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*='flex'] p.coupon-label { display: block; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*='flex'] p.coupon-fields { width: 100%; } .summary-template-holder .summary-coupon p.coupon-fields span { display: flex; width: 100%; position: relative; } .summary-template-holder .summary-coupon p.coupon-fields span.info { align-items: center; padding: 0; color: #323232; } .summary-template-holder .summary-coupon p.coupon-fields span.info > span { text-align: left; margin-right: 10px; color: #c41230; } .summary-template-holder .summary-coupon p.coupon-fields span input { width: 100%; margin-right: 10px; } .summary-template-holder .summary-coupon p.coupon-fields .delete { width: auto; } .summary-template-holder .summary-coupon p.coupon-fields .delete #cart-coupon-remove { color: #ff4c4c; font-size: 0; display: flex; align-items: center; } .summary-template-holder .summary-coupon p.coupon-fields .delete #cart-coupon-remove:before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K"); width: 11px; height: 12px; display: block; line-height: 10px; } .summary-template-holder .summary-coupon i.icon-spin.loading-coupon { border: 1px solid #666; border-top: none; border-radius: 100%; font-size: 0; width: 20px; height: 20px; padding: 0; line-height: 0; display: none; margin: 0; position: absolute; top: 25%; right: 10px; z-index: -1; } .summary-template-holder span.link-choose-more-products-wrapper { display: none; } .summary-template-holder .cart-links-bottom { float: none; margin: 10px 0 0 0; } .summary-template-holder .cart-links-bottom .btn, .summary-template-holder .cart-links-bottom .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-links-bottom a, .summary-template-holder .cart-links-bottom .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .summary-template-holder .cart-links-bottom a { width: 100%; box-sizing: border-box; } .summary-template-holder .cart-links-bottom .btn-success { font-weight: bold; } .summary-template-holder .summary-totalizers .table td.space, .summary-template-holder .summary-totalizers .table td.empty, .summary-template-holder .summary-totalizers tbody.shipping-calculate { display: none; } .summary-template-holder .shipping-reset { display: none; } .summary-template-holder .accordion-inner { margin-top: 10px; } .summary-template-holder tr:not(.Shipping) { display: flex !important; justify-content: space-between; } .summary-template-holder tr:not(.Shipping).CustomTax:not(.CustomTax--total) { display: none !important; } .summary-template-holder tbody { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 15px 0; display: block; } .summary-template-holder tbody td { display: inline-block; text-align: left !important; width: auto; color: #676767; font-size: 13px; padding: 0 0 3px 0 !important; } .summary-template-holder tbody td.monetary { text-align: right !important; margin-left: auto; float: right; } .summary-template-holder tfoot tr td { padding: 14px 0 !important; color: #323232; font-size: 14px; font-weight: bold; } .summary-template-holder tfoot tr td.monetary { text-align: right !important; margin-left: auto; float: right; color: #c41230; } .summary-coupon { width: 100% !important; } .cart-select-gift-placeholder { width: auto !important; } .cart-more-options { width: 100% !important; margin: 0 !important; border: none; padding: 0; min-height: 0 !important; display: flex !important; flex-wrap: wrap; /* @media (max-width: $mobileWidth) { #shipping-preview-container { display: none !important; } } */ } .cart-more-options .vtex-shipping-preview-0-x-alert .shp-alert-content.vtex-shipping-preview-0-x-content { display: flex; align-items: center; } .cart-more-options .srp-container { max-width: 100% !important; } .cart-more-options .srp-container span.error { display: none; } .cart-more-options .srp-container .srp-toggle__wrapper label { background: #fff; padding: 10px 0; border-radius: 5px; } .cart-more-options .srp-container .srp-delivery-info .b--light-gray { background: #fff; border-radius: 5px; } .cart-more-options .srp-container select, .cart-more-options .srp-container input[type='text']:not(.pac-target-input) { outline: initial; } .cart-more-options .srp-container form.srp-postal-code__form.dib.relative { width: 100%; } .cart-more-options .srp-container button.shp-open-options { border-color: #a8162e; } .cart-more-options .srp-container .onda-v1 .blue { color: #c41230; outline: none; } .cart-more-options .srp-container .onda-v1 .b--blue { border-color: #c41230; outline: none; } .cart-more-options .srp-container .onda-v1 .bg-blue { background: #c41230; outline: initial; } .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .ship-country { width: 98%; } .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .btn, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a, .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .cart-more-options .srp-container .vtex-shipping-preview-0-x-pc a { height: 44px; outline: initial; border-radius: 5px; } .cart-more-options .srp-container .ship-postalCode { width: auto !important; max-width: 190px; } .cart-more-options .srp-container .ship-postalCode input#ship-postalCode { width: 100%; } .cart-more-options .cart-select-gift-placeholder, .cart-more-options #shipping-preview-container { margin: 20px; width: 100%; } @media (min-width: 690px) { .cart-more-options .cart-select-gift-placeholder { margin-bottom: 0; } } .cart-more-options .cart-select-gift-placeholder:empty { display: none; } .cart-more-options #shipping-preview-container { width: 100% !important; } .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode .btn, .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode a, .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .orderform-template-holder #payment-data .payment-discounts-list table td.action .cart-more-options .vtex-pickup-points-modal-3-x-pickupViewMode a { padding: 13px 0; } .cart-select-gift-placeholder .available-gift-item.active { background: #f1f7ff; } .cart-select-gift-placeholder .label-vertical-group:hover, .cart-select-gift-placeholder .icon-check-empty, .cart-select-gift-placeholder .icon-check-sign { color: #676767; } .cart-select-gift-placeholder .label-vertical-group:hover .icon-check-empty, .cart-select-gift-placeholder .icon-check-sign { color: #c41230; } .body-cart-vertical .cart-template-holder { width: calc(70% - 20px); } @media (max-width: 998px) { .body-cart-vertical .cart-template-holder { width: 100%; } } .body-cart-vertical .summary-template-holder { width: 30%; } @media (max-width: 998px) { .body-cart-vertical .summary-template-holder { width: 100%; margin-top: 20px; } } .body-cart-vertical .cart-template.full-cart.active { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } .body-cart-vertical .cart-template.full-cart.active .extensions-checkout-buttons-container { width: auto !important; margin: 0; } .body-cart-vertical .cart-template.full-cart.active .totalizers.summary-totalizers.cart-totalizers { width: 100%; padding: 0; margin: 0; } .client-pre-email { background: none; width: 100%; border-top: none; position: relative; text-align: left; } .client-pre-email fieldset.pre-email { box-sizing: border-box; } .client-pre-email label { margin: 0; line-height: 20px; } .client-pre-email label small { font-size: 1rem; padding: 0; margin: 0; color: #323232; font-weight: 400; margin: 0; vertical-align: top; display: block; margin-bottom: 13px; margin-top: 20px; } .client-pre-email .link-cart { display: none; } .client-pre-email h3.client-pre-email-h { margin: 0; } .client-pre-email h3.client-pre-email-h span { display: block; position: relative; font-size: 0; padding: 7px 0 !important; } .client-pre-email h3.client-pre-email-h span:after { content: 'Email'; vertical-align: middle; display: inline-block; margin: 0; } .client-pre-email h3.client-pre-email-h span:after { padding: 0 !important; } .client-pre-email h3.client-pre-email-h .link-box-edit { display: none; } .client-pre-email a#orderform-to-cart { color: #c41230; } .client-pre-email .client-email.input.text { margin: 0; width: 100%; position: initial; } .client-pre-email .client-email.input.text input[type='email'] { width: 100%; box-sizing: border-box; } .client-pre-email .client-email.input.text .btn-success { width: 20%; margin: 0; height: initial; position: absolute; top: initial; bottom: 15px; right: initial; left: 50%; transform: translateX(-50%); min-width: 55%; } @media (max-width: 768px) { .client-pre-email .client-email.input.text .btn-success { width: calc(100% - 60px); } } .client-pre-email .client-email.input.text .loading-inline { position: absolute; color: #fff; font-size: 16px; bottom: 35px; top: initial; right: 50% !important; margin-right: -10px; } .client-pre-email .client-email.input.text .loading-inline[style=''] + #btn-client-pre-email { font-size: 0; } .client-pre-email .emailInfo { margin-top: 20px; width: 80%; box-sizing: border-box; } .client-pre-email .emailInfo .icon-ok, .client-pre-email .emailInfo h3 { color: #c41230; } @media (max-width: 690px) { .client-pre-email .emailInfo { width: 100%; } } .client-pre-email .emailInfo .icon-lock { color: #eee; } @media (max-width: 690px) { .client-pre-email .link-cart { display: none !important; } } .client-pre-email + .client-profile-data .accordion-body:before { content: 'Waiting for more information'; display: block; } .client-pre-email + .client-profile-data .accordion-body .accordion-inner { display: none; } .client-pre-email + .client-profile-data.filled .accordion-body:before { display: none; } .client-pre-email[style*='display: none'] { padding-bottom: 20px !important; } .client-pre-email[style*='display: none'] .link-box-edit { display: block !important; } .client-pre-email[style*='display: none'] label small { display: none !important; } .client-pre-email[style*='display: none'] input#client-pre-email { margin: 1rem 0; border: none !important; box-shadow: none !important; font-size: 1rem; font-weight: 400; pointer-events: none; cursor: text; background: #f2f6ff !important; color: #676767; } .client-pre-email[style*='display: none'] .emailInfo, .client-pre-email[style*='display: none'] #btn-client-pre-email { display: none; } .client-pre-email[style*='display: none'] + .client-profile-data .accordion-body:before { display: none; } .client-pre-email[style*='display: none'] + .client-profile-data .accordion-inner { display: block; } body:not(.v-custom-step-email) .client-pre-email span.help.error { display: none !important; } .payment-group-item-cards .card-flag { width: 32px !important; background-size: auto 20px; min-width: auto; height: 20px; } .payment-group-item-cards .card-flag.Visa { background-position: 0 0; } .payment-group-item-cards .card-flag.Mastercard { background-position: -32px 0; } .payment-group-item-cards .card-flag.Diners { background-position: -64px 0; } .payment-group-item-cards .card-flag.Amex, .payment-group-item-cards .card-flag.American { background-position: -96px 0; } .payment-group-item-cards .card-flag.Hipercard { background-position: -128px 0; } .payment-group-item-cards .card-flag.Discover { background-position: -160px 0; } .payment-group-item-cards .card-flag.Aura { background-position: -192px 0; } .payment-group-item-cards .card-flag.Banricompras { background-position: -224px 0; } .payment-group-item-cards .card-flag.Elo { background-position: -256px 0; } .payment-group-item-cards .card-flag.JCB { background-position: -288px 0; } .payment-group-item-cards .card-flag.Cabal { background-position: -320px 0; } .payment-group-item-cards .card-flag.Maestro { background-position: -352px 0; } .payment-group-item-cards .card-flag.Credz { background-position: -384px 0; } .orderform-template-holder .step .input.text label, .vcustom--vtex-omnishipping-1-x-address label { margin: 10px 0 5px 0; display: block; color: #999999; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item:after, .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address:before { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: darkgray; background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; } svg.pickup-marker-blue, svg.pickup-marker-blue path, svg.pkpmodal-pickup-point-marker-image, svg.pkpmodal-pickup-point-marker-image path, svg.vtex-omnishipping-1-x-svg, svg.vtex-omnishipping-1-x-svg path, svg.pkpmodal-pickup-point-best-marker-image path:not([fill='white']) { fill: #c41230; } @media (max-width: 768px) { .container.container-main.container-order-form { width: calc(100% - 20px); } } .orderform-template-holder #client-profile-data { width: 100%; } .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template-holder #shipping-data, .orderform-template-holder #payment-data { width: 100% !important; padding: 0; margin: 0; box-sizing: border-box; background: #fff; border-radius: 5px; margin-bottom: 20px !important; z-index: initial; border: none; padding: 30px; } @media (max-width: 768px) { .orderform-template-holder #client-profile-data form.client-pre-email, .orderform-template-holder #client-profile-data .step.client-profile-data, .orderform-template-holder #shipping-data, .orderform-template-holder #payment-data { padding: 20px; } } .orderform-template-holder #client-profile-data form.client-pre-email.client-pre-email, .orderform-template-holder #client-profile-data .step.client-profile-data.client-pre-email, .orderform-template-holder #shipping-data.client-pre-email, .orderform-template-holder #payment-data.client-pre-email { display: block !important; padding-bottom: calc(44px + 14px + 30px); } .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit, .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit, .orderform-template-holder #shipping-data .link-box-edit, .orderform-template-holder #payment-data .link-box-edit { background: none; box-shadow: none; border: none; color: #c41230; outline: none; position: absolute; right: 0; top: 50%; padding: 1px; font-size: 14px; transform: translateY(-50%); opacity: 0.7; transition: all ease 0.2s; } .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit:hover, .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit:hover, .orderform-template-holder #shipping-data .link-box-edit:hover, .orderform-template-holder #payment-data .link-box-edit:hover { opacity: 1; } .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit i.icon-spinner, .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit i.icon-spinner, .orderform-template-holder #shipping-data .link-box-edit i.icon-spinner, .orderform-template-holder #payment-data .link-box-edit i.icon-spinner { font-size: 17px; position: absolute; right: 0; display: none; top: -7px; } .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit.active i.icon-edit, .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit.active i.icon-edit, .orderform-template-holder #shipping-data .link-box-edit.active i.icon-edit, .orderform-template-holder #payment-data .link-box-edit.active i.icon-edit { display: none; } .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit.active i.icon-spinner, .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit.active i.icon-spinner, .orderform-template-holder #shipping-data .link-box-edit.active i.icon-spinner, .orderform-template-holder #payment-data .link-box-edit.active i.icon-spinner { display: block; } .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #payment-data .accordion-toggle { padding: 0; } .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle > i, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > i, .orderform-template-holder #shipping-data .accordion-toggle > i, .orderform-template-holder #payment-data .accordion-toggle > i { display: none; } .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle > span, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle > span, .orderform-template-holder #shipping-data .accordion-toggle > span, .orderform-template-holder #payment-data .accordion-toggle > span { line-height: 20px; display: block; vertical-align: middle; line-height: initial; } .orderform-template-holder #client-profile-data form.client-pre-email .accordion-toggle, .orderform-template-holder #client-profile-data form.client-pre-email .accordion-inner, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-inner, .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-inner, .orderform-template-holder #payment-data .accordion-toggle, .orderform-template-holder #payment-data .accordion-inner { padding: 0; } .orderform-template-holder #client-profile-data form.client-pre-email input[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email input[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data form.client-pre-email select:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type='text']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type='tel']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data input[type='email']:not(.pac-target-input), .orderform-template-holder #client-profile-data .step.client-profile-data select:not(.pac-target-input), .orderform-template-holder #shipping-data input[type='text']:not(.pac-target-input), .orderform-template-holder #shipping-data input[type='tel']:not(.pac-target-input), .orderform-template-holder #shipping-data input[type='email']:not(.pac-target-input), .orderform-template-holder #shipping-data select:not(.pac-target-input), .orderform-template-holder #payment-data input[type='text']:not(.pac-target-input), .orderform-template-holder #payment-data input[type='tel']:not(.pac-target-input), .orderform-template-holder #payment-data input[type='email']:not(.pac-target-input), .orderform-template-holder #payment-data select:not(.pac-target-input) { width: 100%; max-width: 100%; outline: initial; } .orderform-template-holder #payment-data p.link.link-gift-card, .orderform-template-holder #payment-data .payment-group-item { box-sizing: border-box; margin: 0 6px 10px 0; border-radius: 5px; border: 1px solid #cbcbcb; opacity: 1; text-decoration: none; color: #323232; transition: all ease 0.3s; padding: 11px; text-align: center; display: flex; align-items: center; justify-content: center; background: #f3f3f3; float: left; width: 100%; } .orderform-template-holder #payment-data p.link.link-gift-card.active, .orderform-template-holder #payment-data .payment-group-item.active { background: #fff; } .orderform-template-holder #payment-data p.link.link-gift-card.active span, .orderform-template-holder #payment-data .payment-group-item.active span { color: #000000; } .orderform-template-holder #payment-data p.link.link-gift-card.active, .orderform-template-holder #payment-data p.link.link-gift-card:hover, .orderform-template-holder #payment-data .payment-group-item.active, .orderform-template-holder #payment-data .payment-group-item:hover { box-shadow: 0 0 6px #cbcbcb; border: 1px solid #c41230; } .orderform-template-holder #payment-data p.link.link-gift-card, .orderform-template-holder #payment-data fieldset.payment-group { width: 100%; left: 0; display: block; background: none; position: relative; margin: 0; } .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup { padding-top: 32px; } .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup > .payment-group-item-cards { display: block; overflow: hidden; position: absolute; right: 0; top: 0; } .orderform-template-holder #payment-data #iframe-placeholder-creditCardPaymentGroup > .payment-group-item-cards .card-flag { opacity: 1; } .orderform-template-holder #payment-data p.link.link-gift-card { margin-bottom: 10px; padding: 0; } .orderform-template-holder #payment-data p.link.link-gift-card a { padding: 10px 10px; display: block; text-align: left; } .orderform-template-holder #payment-data .payment-group-list-btn { width: 100%; } .orderform-template-holder #payment-data p.link.link-gift-card *, .orderform-template-holder #payment-data .payment-group-item * { font-size: 12px !important; font-weight: bold; } .orderform-template-holder #payment-data .payment-group-item { position: relative; height: 40px; } @media (max-width: 690px) { .orderform-template-holder #payment-data .payment-group-item { width: 100% !important; } .orderform-template-holder #payment-data .payment-group-item::before, .orderform-template-holder #payment-data .payment-group-item::after { display: none !important; } } .orderform-template-holder #payment-data .payment-group-item span.payment-group-item-text { padding: 0; line-height: 17px; background: none !important; } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 2), .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 2) ~ .payment-group-item { width: calc(50% - 3px); } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 3), .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 3) ~ .payment-group-item { width: calc(33.3% - 4px); } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 4), .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 4) ~ .payment-group-item { width: calc(25% - 4.8px); } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5), .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5) ~ .payment-group-item { width: 100%; margin-right: 0; height: auto; } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5):after, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5):before, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5) ~ .payment-group-item:after, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5) ~ .payment-group-item:before { display: none; } .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5):hover, .orderform-template-holder #payment-data .payment-group-item:first-child:nth-last-child(n + 5) ~ .payment-group-item:hover { top: 0; } .orderform-template-holder #payment-data .payment-group-item:last-child { margin-right: 0; } .orderform-template-holder #payment-data .payment-group-item:hover { position: relative; background: #fff; top: -2px; } .orderform-template-holder #payment-data .payment-group-item.active:after, .orderform-template-holder #payment-data .payment-group-item.active:before { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 0; height: 0; border-style: solid; } .orderform-template-holder #payment-data .payment-group-item.active:after { border-color: #fff transparent transparent transparent; border-width: 6px; } .orderform-template-holder #payment-data .payment-group-item.active:before { border-color: #c41230 transparent transparent transparent; border-width: 7px; } .orderform-template-holder #payment-data .gift-card-section.form-step.box-default { padding: 0; margin: 0; width: 100%; } .orderform-template-holder #payment-data .gift-card-section.form-step.box-default label { font-weight: bold; color: #000; font-size: 12px; } .orderform-template-holder #payment-data p.payment-discounts-options, .orderform-template-holder #payment-data p.gift-card-provider-options { display: flex; align-items: center; padding-bottom: 10px; } .orderform-template-holder #payment-data p.payment-discounts-options input, .orderform-template-holder #payment-data p.payment-discounts-options select, .orderform-template-holder #payment-data p.gift-card-provider-options input, .orderform-template-holder #payment-data p.gift-card-provider-options select { margin: 0 10px; } .orderform-template-holder #payment-data p.payment-discounts-options label, .orderform-template-holder #payment-data p.gift-card-provider-options label { line-height: 12px; margin: 0; } .orderform-template-holder #payment-data .payment-discounts-list { margin-bottom: 10px; } .orderform-template-holder #payment-data .payment-discounts-list .gift-card-provider-group-loyalty-program { border-bottom: 1px solid #eee; } .orderform-template-holder #payment-data .payment-discounts-list table { width: 100%; } .orderform-template-holder #payment-data .payment-discounts-list table td { padding: 0; } .orderform-template-holder #payment-data .payment-discounts-list table tbody, .orderform-template-holder #payment-data .payment-discounts-list table tr { display: flex; width: 100%; flex-wrap: wrap; align-items: center; } .orderform-template-holder #payment-data .payment-discounts-list table td.code, .orderform-template-holder #payment-data .payment-discounts-list table td.number { margin-right: 20px; flex-grow: 1; padding: 0; } .orderform-template-holder #payment-data .payment-discounts-list table #remove-gift-card { text-decoration: underline; color: #ff4c4c; } .orderform-template-holder #payment-data input#payment-discounts-code { width: 100% !important; } .orderform-template-holder #payment-data #btn-add-gift-card { height: 44px; border-radius: 5px; } .orderform-template-holder #payment-data .steps-view { width: 100% !important; padding: 0; min-height: initial; } .orderform-template-holder #payment-data .steps-view iframe { margin: 0; } .orderform-template-holder #payment-data p.notification { font-weight: bold; font-weight: 400; color: #323232; } .orderform-template-holder #payment-data p.notification:not([style='display: none;']) + .box-step { padding: 0; border: none; } @media (min-width: 769px) { .orderform-template-holder #payment-data:last-child { margin-bottom: 0px !important; } } .orderform-template-holder #payment-data .v-custom-payment-item-wrap { box-sizing: border-box; border-radius: 5px; background: #fff; border: 1px solid #cbcbcb; color: #323232; transition: all ease 0.3s; overflow: hidden; margin-bottom: 10px; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap.active, .orderform-template-holder #payment-data .v-custom-payment-item-wrap:hover { border-color: #c41230; box-shadow: 0 0 6px #ddd; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap #iframe-placeholder-creditCardPaymentGroup { padding-top: 0; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item { border: none; border-bottom: 1px solid transparent; box-shadow: none; margin: 0; width: 100% !important; height: auto; top: 0; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-text { margin-right: auto; text-align: left; line-height: 27px !important; white-space: nowrap; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-text:before { content: ''; width: 20px; height: 20px; display: inline-block; border: 1px solid #999999; border-radius: 100%; vertical-align: middle; margin: -3px 10px 0 0; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-cards { display: flex; justify-content: flex-end; flex-wrap: wrap; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-cards .card-flag:last-child { margin: 0; } @media (max-width: 360px) { .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-cards { display: none; } } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active { background: #f1f7ff; border-bottom: 1px solid #c41230; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active .payment-group-item-text:before { background: #c41230; border-color: #c41230; box-shadow: inset 0 0 0 3px #fff; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active .payment-group-item-cards span { opacity: 1; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item:hover .payment-group-item-text:before { border-color: #c41230; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item:before, .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item:after { display: none; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-payPalPaymentGroup { position: relative; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-payPalPaymentGroup:after { content: ''; width: 50px; height: 20px; display: block; background: url("https://io.vtex.com.br/checkout-ui/v6.18.19/img/payment-paypal-landscape.png") center no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; left: initial; border: none; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-AffirmPaymentGroup:after { content: ''; width: 65px; height: 25px; display: block; background: url(https://cdn-assets.affirm.com/images/black_logo-transparent_bg.png) center no-repeat; background-size: contain; position: absolute; top: 49%; transform: translateY(-50%); right: 3px; left: initial; border: none; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active + div, .orderform-template-holder #payment-data .v-custom-payment-item-wrap.active > div { padding: 20px; overflow: hidden; box-sizing: border-box; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .SecurityEnvironmentIcon { display: none; } .orderform-template-holder .step { border: none; padding: 0; background: none; margin-bottom: 0; } @media (max-width: 868px) { .orderform-template-holder .step { width: 100%; } } .orderform-template-holder .step .box-info { color: #323232; } .orderform-template-holder .step .box-info[style*='display: block'] { margin-top: 10px; } .orderform-template-holder .step .form-step fieldset { width: 100%; float: none; } .orderform-template-holder .step .form-step fieldset p { position: relative; } @media (max-width: 690px) { .orderform-template-holder .step .form-step fieldset p { float: none !important; } } .orderform-template-holder .step .form-step fieldset p.client-last-name, .orderform-template-holder .step .form-step fieldset p.client-first-name { width: calc(50% - 5px); position: relative; } @media (max-width: 690px) { .orderform-template-holder .step .form-step fieldset p.client-last-name, .orderform-template-holder .step .form-step fieldset p.client-first-name { width: 100%; } .orderform-template-holder .step .form-step fieldset p.client-last-name input[type='text'], .orderform-template-holder .step .form-step fieldset p.client-first-name input[type='text'] { width: 100% !important; } } .orderform-template-holder .step .form-step fieldset p span.help.error { position: absolute; font-size: 11px; margin-top: 0; } .orderform-template-holder .step .form-step fieldset.box-client-info-pj { padding-top: 15px; } .orderform-template-holder .step .form-step fieldset.box-payment-option h3 { display: none; } .orderform-template-holder .step .form-step #is-corporate-client { color: #c41230; } .orderform-template-holder .step.client-profile-data .client-notice.notice { margin: 0 0 10px 0; } .orderform-template-holder .step.client-profile-data .box-client-info { margin-bottom: 20px; } .orderform-template-holder .step.client-profile-data .client-document, .orderform-template-holder .step.client-profile-data .client-phone { width: calc(50% - 5px); } @media (max-width: 690px) { .orderform-template-holder .step.client-profile-data .client-document, .orderform-template-holder .step.client-profile-data .client-phone { width: 100%; } } .orderform-template-holder .step.shipping-data .box-step { display: flex; flex-wrap: wrap; } .orderform-template-holder .step.shipping-data .box-step > * { width: 100%; order: 1; } .orderform-template-holder .step.shipping-data .box-step > *.vtex-omnishipping-1-x-addressFormPart1 { order: 1; } .orderform-template-holder .step.shipping-data .box-step > *.vtex-omnishipping-1-x-addressForm { order: 2; } .orderform-template-holder .step.shipping-data .box-step > *.vtex-omnishipping-1-x-deliveryGroup { order: 4; } .orderform-template-holder .step.shipping-data .box-step > *.vtex-omnishipping-1-x-submitPaymentButton { order: 100; } .orderform-template-holder .step.shipping-data .box-step > *.btn-link.vtex-omnishipping-1-x-btnDelivery, .orderform-template-holder .step.shipping-data .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .box-step > a.vtex-omnishipping-1-x-btnDelivery, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .orderform-template-holder .step.shipping-data .box-step > a.vtex-omnishipping-1-x-btnDelivery { order: 5; margin-top: 20px; background: #c41230; } .orderform-template-holder .step.shipping-data .box-step > *#postalCode-finished-loading, .orderform-template-holder .step.shipping-data .box-step > *:last-child { margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-address { margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressSummaryActive .address-summary { background: url("data:image/svg+xml;utf8, ") no-repeat; background-position: 12px 9px; border: 1px solid #cbcbcb; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-content { align-items: center; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsOption { background: #fff; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-pickupButton, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive:hover, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive:active, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionActive:focus, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsTogglePickup, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsOption.vtex-omnishipping-1-x-deliveryOptionActive { background: #c41230; border-color: #c41230; border-radius: 5px; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionInctive { color: #c41230; border-color: #c41230; border-radius: 5px; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressItemOption:hover, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-active { background-color: #f1f7ff; } .orderform-template-holder .step.shipping-data .shipping-method-toggle { border-color: #c41230; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-alert { border-color: #ffb100; display: flex; align-items: center; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-linkEdit { text-decoration: underline; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsWrapper, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsToggle { border-radius: 5px; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-deliveryChannelsWrapper { border: 1px solid #cbcbcb; width: 100%; overflow: hidden; margin: 0 0 20px 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-summaryChange { background: #f1f7ff; border-color: #cbcbcb; color: #c41230; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-leanShippingGroupList { border-color: #eee; margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-option:hover, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-leanShippingOptionActive, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-leanShippingOption { background: #fff !important; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-modalDetailsBackLnk svg path, .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-modalDetailsBackLnk { color: #676767; fill: #676767; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-primary { outline: none; background: #c41230; border-color: #c41230; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-pickupPointChange { border-color: #c41230; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-address p { clear: both; float: none; margin: 0; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-address p.input.ship-checkboxNumberLabel.text { width: auto; align-self: flex-end; display: flex; align-items: center; margin-left: 10px !important; height: 44px; } .orderform-template-holder .step.shipping-data input#ship-addressQuery { width: 100%; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver { display: block; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver svg.person-blue path { fill: #c41230; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver .vtex-omnishipping-1-x-btn { color: #c41230; } @media (max-width: 490px) { .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-dateLink { width: 100%; } } .orderform-template-holder .step .submit.btn.btn-success, .orderform-template-holder .step .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a.submit.btn-success, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .orderform-template-holder .step a.submit.btn-success, .orderform-template-holder .step #payment-data .payment-discounts-list table td.action a.submit.btn-success, .orderform-template-holder #payment-data .payment-discounts-list table td.action .step a.submit.btn-success { display: block; margin: 0 auto; min-width: 55%; } .orderform-template { display: flex !important; padding-top: 0px; min-height: 400px !important; align-items: flex-start; } @media (max-width: 768px) { .orderform-template { flex-wrap: wrap; } } .orderform-template .orderform-template-holder { width: 100%; } @media (min-width: 769px) { .orderform-template .orderform-template-holder { width: 61% !important; padding-right: 20px; max-width: calc(100% - 271px); float: left; box-sizing: border-box; } } @media (max-width: 690px) { .orderform-template { width: 100%; padding-top: 0px; } } .orderform-template .cart-template.mini-cart { width: 39%; min-width: 255px; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; bottom: 0px; top: 20px; right: 0; float: right; margin: 0; } @media (max-width: 768px) { .orderform-template .cart-template.mini-cart { width: 100%; position: relative; top: 0; } } .orderform-template .cart-template.mini-cart .cart-items > .v-custom-indexed-item { display: none !important; } .orderform-template .cart-template.mini-cart .cart-fixed { height: auto !important; position: relative !important; max-width: 100%; width: 100% !important; top: 0; min-height: initial; } @media (min-width: 769px) { .orderform-template .cart-template.mini-cart .cart-fixed.affix-top { position: relative !important; } } .orderform-template .cart-template.mini-cart h2 { text-align: left; border-top: none; background: none !important; margin-bottom: 15px; } .orderform-template .cart-template.mini-cart .quantity { min-width: 10px; width: auto; height: 10px; display: inline-block; background: #f1f7ff; color: #c41230; } .orderform-template .cart-template.mini-cart .summary-template-holder { width: 100%; background: none; border: none; padding: 0; } .orderform-template .cart-template.mini-cart .summary-template-holder .accordion-inner { margin-top: 0px; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap, .orderform-template .cart-template.mini-cart .summary-template-holder .summary-coupon-wrap > .summary-coupon { display: block !important; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary-coupon p { margin: 0; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap { border-top: 1px solid #cbcbcb; padding: 8px 0; } .orderform-template .cart-template.mini-cart .summary-template-holder input[type='text'], .orderform-template .cart-template.mini-cart .summary-template-holder button[type='submit'], .orderform-template .cart-template.mini-cart .summary-template-holder p.coupon-fields span.info > span { line-height: 30px !important; height: 30px !important; } .orderform-template .cart-template.mini-cart .item { padding: 10px 0; margin: 0; border: none; border-bottom: 1px solid #eee; } .orderform-template .cart-template.mini-cart .item:last-child { border: none; } .orderform-template .cart-template.mini-cart .item ul.service-list.unstyled { margin: 0; float: none; width: 100%; background: none; display: inline-block; clear: both; } .orderform-template .cart-template.mini-cart .item .service-item, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item { background: #f1f7ff; border: 1px dashed #cbcbcb; border-radius: 5px; width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 5px 10px; margin: 10px 0 0 0; } .orderform-template .cart-template.mini-cart .item .service-item .description, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .description { margin-top: 0; } .orderform-template .cart-template.mini-cart .item .service-item > a, .orderform-template .cart-template.mini-cart .item .service-item .quantity, .orderform-template .cart-template.mini-cart .item .service-item .shipping-date, .orderform-template .cart-template.mini-cart .item .service-item .item-subscription, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item > a, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .quantity, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .shipping-date, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .item-subscription { display: none; } .orderform-template .cart-template.mini-cart .item .service-item .price, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .price { margin: 0; } .orderform-template .cart-template.mini-cart .item .service-item:last-child, .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item:last-child { margin-bottom: 0; } .orderform-template .cart-template.mini-cart .item.v-custom-indexed-item .item-unavailable { display: none; } .orderform-template .cart-template.mini-cart .item .fn { width: calc(82% - 20px); } .orderform-template .cart-template.mini-cart .item .description { display: flex; justify-content: space-between; } .orderform-template .cart-template.mini-cart .item .price, .orderform-template .cart-template.mini-cart .item span.shipping-date { white-space: nowrap; } .orderform-template .cart-template.mini-cart .item .url { border-radius: 5px; overflow: hidden; } .orderform-template .cart-template.mini-cart .summary-totalizers { margin-bottom: 0; } .orderform-template .cart-template.mini-cart #go-to-cart-button { position: absolute; top: 0px; right: 7px; color: #c41230; text-decoration: underline; } @media (max-width: 690px) { .orderform-template .cart-template.mini-cart #go-to-cart-button { display: none; } } .orderform-template .cart-template.mini-cart .summary-totalizers tbody { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 14px 0; display: block; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody tr.CustomTax:not(.CustomTax--total) { display: none !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody td { display: inline-block; text-align: left !important; width: auto; color: #666; font-size: 13px; padding: 0 0 3px 0 !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody td.monetary { text-align: right !important; margin-left: auto; float: right; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody + tbody { border-top: none; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody.shipping-reset, .orderform-template .cart-template.mini-cart .summary-totalizers tbody.shipping-calculate { display: none !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td { padding: 14px 0 !important; color: #000; font-size: 14px; font-weight: bold; text-align: left; } .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td.monetary { text-align: right !important; margin-left: auto; float: right; color: #c41230; } .orderform-template .cart-template.mini-cart .cart { margin-bottom: 0; max-height: calc(100vh - 355px); overflow: auto; } .orderform-template .cart-template.mini-cart .cart::-webkit-scrollbar-track { background: transparent; border-radius: 5px; } .orderform-template .cart-template.mini-cart .cart::-webkit-scrollbar-thumb { background: #cbcbcb; border-radius: 30px; } .orderform-template .cart-template.mini-cart .cart:hover::-webkit-scrollbar-thumb { background: #eee; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) { max-height: 100px; overflow: hidden; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item { overflow: hidden; position: relative; border: none !important; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item > * { opacity: 0; } .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item:after { content: ''; width: 100%; height: 100%; display: block; top: 0px; left: 0; position: absolute; } .orderform-template .payment-confirmation-wrap { border: none; padding: 0; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap { margin: 10px 0 0 0; } @media (max-width: 768px) { .orderform-template .payment-confirmation-wrap .payment-submit-wrap { z-index: 9999; position: fixed; bottom: 0rem; width: 100%; left: 0rem; padding: 0.5rem; box-sizing: border-box; background-color: #f2f6ff; border-top: 1px solid #d3dffe; margin: 0 !important; } } @media (max-width: 768px) { .orderform-template .payment-confirmation-wrap { border: none !important; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap, .orderform-template .payment-confirmation-wrap button { margin: 0 !important; } } .orderform-template .payment-confirmation-wrap #payment-data-submit:disabled span { display: none; } .orderform-template .summary-note { display: none !important; } .orderform-template .summary-note p.note-data { display: none !important; } .orderform-template .summary-note > div { display: block !important; } .orderform-template .summary-note .note-textarea { height: 50px; line-height: 20px; max-width: 100%; width: 100%; font-family: "Interstate", sans-serif; max-height: 100px; } .orderform-template .custom-cart-template-wrap { position: relative; background: #fff; padding: 17px 20px; text-align: left; box-sizing: border-box; border-radius: 5px; border: none; } .orderform-template .custom-cart-template-wrap .summary-cart-template-holder { height: auto !important; } .orderform-template .custom-cart-template-wrap .summary-template-holder { margin-top: 0; } .step.client-profile-data.active .box-step .form-step[style*='display: block'], .step.shipping-data.active .accordion-inner.shipping-container, #payment-data .box-step form.form-step { padding-top: 20px !important; } .orderform-template-holder #shipping-data .shipping-summary-info, .orderform-template-holder .step .accordion-body p.notification, .client-pre-email + .client-profile-data .accordion-body:before { display: none; } body.v-custom-step-shipping #shipping-data .shipping-summary-info, body.v-custom-step-payment #shipping-data .shipping-summary-info { display: block; } .steps-view, .gift-card-section, .App.iframe-credit-card-payment-group { background: #fff; } #app-container { min-height: 100vh; background: #fff; } #app-container input[type='text'], #app-container input[type='tel'], #app-container input[type='email'], #app-container select { width: 100%; } #app-container span.help.error { margin: 0 !important; display: none; } #app-container .SecurityEnvironmentIcon { margin-bottom: 20px; display: none; } #app-container .CardForm > div { position: relative; clear: both; } #app-container .CardForm .PaymentValue { display: none; } #app-container .CardForm input#creditCardpayment-card-0Number[value=''] { background: #fff; position: relative; z-index: 1; } #app-container .CardForm .SavedCardsList { width: calc(100% - 1px); } #app-container .CardForm .SavedCard .link-delete { right: 8px; top: 50%; margin-top: -10px; border: 1px solid #ccc; background: #fff; width: 20px; height: 20px; line-height: 17px; } #app-container .FormFieldLabel { line-height: 30px; } #app-container .PaymentCardFlags { position: absolute; top: calc(30px + (44px - 25px) / 2); right: 16px; padding: 0; } #app-container .PaymentCardFlags .card-flag-label input { display: none; } #app-container .PaymentCardFlags .card-flag-label { width: auto; } #app-container .PaymentCardFlags .card-flag { opacity: 0.7; display: none; } #app-container .PaymentCardFlags .card-flag.card-selected { opacity: 1; display: block; } #app-container input#creditCardpayment-card-0Code, #app-container input#creditCardpayment-card-1Code { width: 100px !important; } #app-container .label-vertical-group { padding: 9px; } #app-container .label-vertical-group:hover { color: #c41230; } #app-container .label-vertical-group.active { color: #c41230; background: #f1f7ff; } #app-container .label-vertical-group:not(.SavedCard) .card-flag { position: absolute; left: 5px; top: 8px; } #app-container .label-vertical-group .icon-ok-circle, #app-container .label-vertical-group .icon-circle-blank { top: 9px; } #app-container .label-vertical-group.UseAnotherCard { background-color: #eee; padding: 4px; font-size: 11px; text-decoration: underline; } #app-container .label-vertical-group.UseAnotherCard #use-another-card { color: #676767; } #app-container .label-vertical-group.UseAnotherCard:hover #use-another-card { text-decoration: underline; color: #999999; } #app-container label.FormFieldLabel { display: block; clear: both; width: auto; margin-right: 10px; } #app-container .AddressForm { display: flex; flex-wrap: wrap; } #app-container .AddressForm > * { width: 100%; order: 10; } #app-container .AddressForm input { max-width: 100%; } .orderform-template .summary-note.js-active { display: block !important; } body.js-vcustom-showNoteField .orderform-template .payment-confirmation-wrap { display: block !important; } body.js-vcustom-showNoteField .orderform-template .payment-confirmation-wrap .payment-submit-wrap { display: none; } body.js-vcustom-showNoteField .orderform-template .summary-note { display: block !important; } body.js-vcustom-showNoteField.v-custom-step-payment .orderform-template .payment-confirmation-wrap .payment-submit-wrap { display: block !important; } .summary-coupon fieldset.coupon-fieldset .vcustom-showCustomMsgCoupon { border: 1px dashed #ffb100; padding: 1px; font-size: 11px; background: #fff6e0; border-radius: 5px; margin-top: 4px !important; clear: both; } .vcustom-customTax-tot { display: inline-block; position: relative; margin-left: 5px; } .vcustom-customTax-tot > span { background: #eee; width: 15px; height: 15px; line-height: 15px; display: inline-block; border-radius: 100%; text-align: center; cursor: pointer; } .vcustom-customTax-tot:hover .vcustom-customTax-resume { display: block; } .vcustom-customTax-resume { position: absolute; left: calc(100% + 10px); width: 128px; background: #eee; top: 50%; font-size: 11px; padding: 10px; transform: translateY(-50%); display: none; } .vcustom-customTax-resume__i { display: flex; justify-content: space-between; margin: 0; } .vcustom-customTax-resume:before { content: ""; display: block; position: absolute; left: -4px; top: calc(50% - 4px); width: 0; height: 0; border: 0 solid transparent; border-top-width: 4px; border-bottom-width: 4px; border-right: 4px solid #eee; } .v-custom-addLabels-active-flag { background: #FFF; color: #323232; padding: 1px 4px; border-radius: 5px; display: inline-block; align-items: center; font-size: 11px; border: 1px solid #cbcbcb; } .v-custom-addLabels-active-flag:before { content: ""; display: inline-block; width: 14px; height: 14px; background: url("//io.vtex.com.br/front-libs/bootstrap/2.3.2/img/glyphicons-halflings.png"); background-repeat: no-repeat; background-position: 0 -48px; margin-right: 4px; opacity: 0.9; vertical-align: middle; } .v-custom-assemblies { margin: 10px 0 3px 0; overflow: hidden; border-top: 1px solid #cbcbcb; padding-top: 7px; } @media (max-width: 690px) { .v-custom-assemblies { width: 100%; left: 0; margin-bottom: 2px; } } .v-custom-assemblies p { display: none; } .v-custom-assemblies__values { list-style: none; padding: 0; margin: 0; } .v-custom-assemblies__values__item strong:after { content: ":"; } .v-custom-assemblies__values__item span, .v-custom-assemblies__values__item strong { line-height: 14px; } body.v-custom-paymentBuilder-accordion .steps-view { display: none; } body.v-custom-changeShippingTimeInfo .orderform-template .cart-template.mini-cart .item span.shipping-date { display: none; } .vcustom--vtex-omnishipping-1-x-address { display: none; } body.v-custom-addressForm-on.v-custom-step-shipping .vcustom--vtex-omnishipping-1-x-address { display: block; } body.v-custom-addressForm-on.v-custom-step-shipping .v-custom-ship-info { display: flex; } body.v-custom-addressForm-on.v-custom-step-shipping .v-custom-ship-info .ship-number { margin-right: 10px; } .vtex-omnishipping-1-x-submitShippingStepButton { margin: 20px 0 0 0; } body.v-custom-googleForm-on .vtex-omnishipping-1-x-deliveryGroup, body.v-custom-googleForm-on .vtex-omnishipping-1-x-addressForm, body.v-custom-googleForm-on .vtex-omnishipping-1-x-submitPaymentButton, body.v-custom-googleForm-on .vtex-omnishipping-1-x-btnDelivery { display: none; } .v-custom-googleFormScript-added.v-custom-googleForm-on .accordion-inner.shipping-container > * { display: none; } body.v-custom-fnsCustomAddressForm .accordion-inner.shipping-container { padding-top: 0 !important; } body.v-custom-fnsCustomAddressForm .accordion-inner.shipping-container { transition: all ease 0.3s; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-selectDeliveryText + div { margin: 0 !important; } body.v-custom-fnsCustomAddressForm .orderform-template-holder p.vtex-omnishipping-1-x-submitPaymentButton.btn-submit-wrapper.btn-go-to-payment-wrapper { margin-bottom: 0 !important; margin-top: 20px; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 .input.ship-country, body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 .input.ship-addressQuery, body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 .input.ship-postalCode { display: none; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-container.shp-pickup-receiver + .vtex-omnishipping-1-x-shippingSectionTitle + #back-to-address-list + .vtex-omnishipping-1-x-addressFormPart1 p.input.ship-postalCode, body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-container.shp-pickup-receiver + .vtex-omnishipping-1-x-shippingSectionTitle + .vtex-omnishipping-1-x-addressFormPart1 p.input.ship-postalCode { display: block; } body.v-custom-fnsCustomAddressForm .vtex-omnishipping-1-x-addressFormPart1 + .vtex-omnishipping-1-x-submitPaymentButton { display: none; } body.v-custom-fnsCustomAddressForm .orderform-template-holder .step.shipping-data .box-step .vtex-omnishipping-1-x-addressFormPart1 { order: 1; } body.v-custom-fnsCustomAddressForm .pac-logo[style*="none"] { border: 0; } body.v-custom-fnsCustomAddressForm .pac-logo[style*="none"]:after { display: none; } body.v-custom-fnsCustomAddressForm #shipping-data .accordion-inner + .vcustom--vtex-omnishipping-1-x-address { display: none; } body.v-custom-fnsCustomAddressForm div#shipping-data { display: flex; flex-wrap: wrap; } body.v-custom-fnsCustomAddressForm div#shipping-data > * { width: 100%; } body.v-custom-fnsCustomAddressForm div#shipping-data .step.accordion-group.shipping-data { order: 1; } body.v-custom-fnsCustomAddressForm div#shipping-data .vcustom--vtex-omnishipping-1-x-address { order: 3; } .js-v-custom-is-loading .accordion-inner.shipping-container, .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address { overflow: hidden; } .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address { height: 120px; position: relative; } .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .js-v-custom-is-loading .accordion-inner.shipping-container > *, .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address > * { opacity: 0.5; } .vcustom--vtex-omnishipping-1-x-address { transition: all ease 0.3s; } .vcustom--vtex-omnishipping-1-x-address p.input { float: none; width: 100%; margin: 0; } .vcustom--vtex-omnishipping-1-x-address span.help.error { display: none; } .vcustom--vtex-omnishipping-1-x-address input { max-width: initial; width: 100%; } .vcustom--vtex-omnishipping-1-x-address input.error + span.help.error { display: block; } .vcustom--vtex-omnishipping-1-x-address__state { display: flex; margin: 0 -5px; } .vcustom--vtex-omnishipping-1-x-address__state p.input { margin: 0 5px; } @media (max-width: 768px) { .vcustom--vtex-omnishipping-1-x-address__state { flex-wrap: wrap; margin: 0; } .vcustom--vtex-omnishipping-1-x-address__state p.input.ship-state { margin: 0; } } .pac-container.pac-logo { border: 1px solid #cbcbcb; border-radius: 5px; } .pac-logo:after { background: #fbfbfb url(https://developers.google.com/maps/documentation/images/powered_by_google_on_white.png) no-repeat 10px center; padding: 14px; background-size: 110px; } .address-list.vtex-omnishipping-1-x-addressList + p.input.ship-addressQuery.text { display: none; } body.js-vcustom-hideEmailStep .orderform-template-holder #client-profile-data form.client-pre-email.client-pre-email { display: none !important; } body.js-vcustom-hideEmailStep .client-profile-data .accordion-toggle > span:before { content: "1"; } body.js-vcustom-hideEmailStep .shipping-data .accordion-toggle:before { content: "2"; } body.js-vcustom-hideEmailStep .payment-data .accordion-toggle > span:not(.payment-edit-link):before { content: "3"; } body.js-vcustom-hideEmailStep .client-pre-email + .client-profile-data .accordion-body .accordion-inner { display: block; } .RTL-checkout select { direction: rtl; } .RTL-checkout .cart-template-holder { order: 2; } .RTL-checkout body .main-header .header-link { left: initial; right: 0; } .RTL-checkout body .main-header .checkout-steps { margin-left: initial; margin-right: auto; } .RTL-checkout .main-header .logo { order: 2; } .RTL-checkout .summary-template-holder tr .info { order: 2; text-align: right !important; } .RTL-checkout .orderform-template-holder #client-profile-data form.client-pre-email .link-box-edit, .RTL-checkout .orderform-template-holder #client-profile-data .step.client-profile-data .link-box-edit, .RTL-checkout .orderform-template-holder #shipping-data .link-box-edit, .RTL-checkout .orderform-template-holder #payment-data .link-box-edit { right: initial; left: 0; } .RTL-checkout .summary-template-holder tbody td.monetary, .RTL-checkout .summary-template-holder tfoot tr td.monetary { margin-right: auto; margin-left: initial !important; text-align: left !important; } .RTL-checkout .summary-template-holder .summary-coupon p.coupon-fields span { flex-direction: row-reverse; } .RTL-checkout .summary-template-holder .summary-coupon p.coupon-fields span input { margin: 0 0 0 10px; } .RTL-checkout .table.cart-items tbody tr .v-custom-product-item-wrap, .RTL-checkout .table.cart-items tbody tr, .RTL-checkout .table.cart-items thead tr, .RTL-checkout .table.cart-items thead tr th.product { flex-direction: row-reverse; text-align: right; } .RTL-checkout .table.cart-items tbody tr td.product-name { text-align: right; } .RTL-checkout .orderform-template .orderform-template-holder { order: 2; padding: 0 0 0 20px; } .RTL-checkout .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td.monetary { text-align: left !important; } .RTL-checkout br { width: 100%; height: 1px; content: " " !important; display: block !important; clear: both; } .RTL-checkout .table.cart-items td.quantity { direction: rtl; } .RTL-checkout .checkout-steps_items { direction: rtl; } .RTL-checkout .checkout-steps_items .text:before { margin: 0 0 0 7px; } .RTL-checkout .srp-toggle__wrapper { direction: rtl; } .RTL-checkout .srp-toggle__wrapper .vtex-shipping-preview-0-x-framePickup { left: 0; } .RTL-checkout .srp-toggle__wrapper .vtex-shipping-preview-0-x-frameDelivery { left: 50%; } .RTL-checkout .srp-delivery-header.mb3 { direction: rtl; display: flex; } .RTL-checkout .srp-delivery-current-many .flex { direction: rtl; text-align: right; } .RTL-checkout .step { direction: rtl; } .RTL-checkout .step .accordion-toggle > span:before, .RTL-checkout .step .accordion-toggle:before { margin-right: 0 !important; margin-left: 10px !important; } .RTL-checkout fieldset.box-client-info-pf { display: flex; flex-wrap: wrap; } .RTL-checkout .orderform-template-holder .step .form-step fieldset p, .RTL-checkout .orderform-template-holder .step .form-step fieldset div { width: 100%; } .RTL-checkout p.client-first-name, .RTL-checkout p.client-different-document, .RTL-checkout p.client-document, .RTL-checkout p.client-company-ie, .RTL-checkout p.client-company-postal-code, .RTL-checkout p.client-document-type, .RTL-checkout p.payment-card-due-date { margin-left: 10px; margin-right: 0; } .RTL-checkout p.client-document, .RTL-checkout p.client-phone, .RTL-checkout p.client-company-document, .RTL-checkout p.client-company-ie, .RTL-checkout p.client-company-postal-code, .RTL-checkout p.client-company-phone, .RTL-checkout p.payment-card-due-month, .RTL-checkout p.payment-card-lash, .RTL-checkout p.payment-card-due-year { float: right; } .RTL-checkout input.success:not([invalid="true"]) { background-position: left top; } .RTL-checkout .vtexIdUI .vtexIdUI-page { direction: rtl; } .RTL-checkout .vtexIdUI .modal-header .close { left: -1px; right: initial; } .RTL-checkout .vtexIdUI .pull-left { float: right; } .RTL-checkout .orderform-template-holder .step .box-info p { display: flex; flex-wrap: wrap; width: 100%; } .RTL-checkout .vtex-omnishipping-1-x-leanShippingIcon.shp-option-icon, .RTL-checkout .vtex-omnishipping-1-x-addressItemIcon { margin: 0 0 0 10px; } .RTL-checkout .vtex-omnishipping-1-x-leanShippingText { padding-right: 10px; } .RTL-checkout .address-summary { /* direction: unset; */ display: flex; flex-wrap: wrap; } .RTL-checkout br.line1-delimiter { width: 100%; height: 1px; content: " " !important; display: block !important; clear: both; } .RTL-checkout .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-AffirmPaymentGroup:after, .RTL-checkout .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item#payment-group-payPalPaymentGroup:after { right: initial; left: 10px; } .RTL-checkout .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-text { margin-left: auto; margin-right: inherit; } .RTL-checkout .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item-text:before { margin-right: initial; margin-left: 10px; } .RTL-checkout .orderform-template-holder #payment-data p.link.link-gift-card a { text-align: right; } .RTL-checkout .orderform-template .custom-cart-template-wrap .summary-cart-template-holder { direction: rtl; } .RTL-checkout .pull-right { float: left !important; } .RTL-checkout .orderform-template .cart-template.mini-cart .item .price { margin-right: auto; direction: initial; } .RTL-checkout .orderform-template .cart-template.mini-cart .item .url { float: right; margin: 0 0 0 6px; } .RTL-checkout .orderform-template .cart-template.mini-cart .item .fn { text-align: right; float: right; } .RTL-checkout .orderform-template .cart-template.mini-cart h2 { text-align: right; } .RTL-checkout .orderform-template .cart-template.mini-cart #go-to-cart-button { left: 7px; right: initial; } .RTL-checkout .vtex-omnishipping-1-x-SummaryItemInfo { border: none; border-left: 1px solid #eee; padding: 0 0 0 6px; } .RTL-checkout .vtexIdUI .vtexIdUI-page { direction: rtl; } .RTL-checkout .vtexIdUI .modal-header .close { left: -1px; right: initial; } .RTL-checkout .vtexIdUI .pull-left { float: right; } .RTL-checkout #app-container { direction: rtl; } .RTL-checkout #app-container .PaymentCardDueDate.clearfix { display: flex; } .RTL-checkout #app-container label.FormFieldLabel { margin: 0 0 0 10px; } .RTL-checkout #app-container .PaymentCardCVV { display: flex; } .RTL-checkout #app-container p.AddressToggle { display: flex; } .RTL-checkout #app-container .AddressToggle input { margin: 3px 0 0 5px; } @media (max-width: 998px) { .RTL-checkout.body-cart-vertical .summary-template-holder { order: 2; } } @media (max-width: 768px) { .RTL-checkout .orderform-template .cart-template.mini-cart { order: 2; } } @media (max-width: 690px) { .RTL-checkout .table.cart-items td.product-image a { margin-right: 0; margin-left: 20px; } .RTL-checkout .full-cart .cart table tbody tr td.product-image, .RTL-checkout .full-cart .cart table tbody tr td.bundle-item-image { left: initial; right: 0; } .RTL-checkout .table.cart-items td.product-name, .RTL-checkout .table.cart-items td.quantity { margin-left: 0 !important; margin-right: 90px !important; } .RTL-checkout .table.cart-items td.quantity { float: right; } .RTL-checkout .full-cart .cart table tbody tr td.product-name a, .RTL-checkout .full-cart .cart table tbody tr td.bundle-item-name span { padding: 0 0 0 20px; } .RTL-checkout .full-cart .cart table tbody tr td.product-price { float: left; } .RTL-checkout .full-cart .cart table tbody tr td.item-remove { left: 0; right: initial; } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .brainShelf__title { font-size: 1.12rem; line-height: 26px; margin: 24px 0; letter-spacing: -0.5px; text-transform: uppercase; font-family: "Interstate", sans-serif; color: #1d1d1d; } @media (min-width: 768px) { .brainShelf__title { margin-left: 20px; } } .brainShelf { margin-bottom: 40px; } .brainShelf-loading { background: linear-gradient(90deg, #e0e0e0 25%, #f4f4f4 50%, #e0e0e0 75%); background-size: 200% 100%; animation: shimmer 1.2s infinite; height: 440px; border: 16px; } .brainShelf .swiper-button-prev { left: 0; @media (max-width: 768px) { display: none; } } .brainShelf .swiper-button-prev::after { content: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 21.6666L0.333328 10.9999L11 0.333252L12.8933 2.22659L4.12 10.9999L12.8933 19.7733L11 21.6666Z' fill='%23110B0D'/%3E%3C/svg%3E%0A"); } .brainShelf .swiper-button-next { right: 0; @media (max-width: 768px) { display: none; } } .brainShelf .swiper-button-next::after { content: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99996 21.6666L12.6666 10.9999L1.99996 0.333252L0.106626 2.22659L8.87996 10.9999L0.106626 19.7733L1.99996 21.6666Z' fill='%23110B0D'/%3E%3C/svg%3E%0A"); } .brainShelf .swiper-button-next.swiper-button-disabled, .brainShelf .swiper-button-prev.swiper-button-disabled { pointer-events: unset; } .brainShelf .swiper-wrapper { display: flex; } .brainShelf .swiper-slide { flex: 1 0 auto; display: flex; flex-direction: column; height: auto; } .brainShelf .checkout-card-product { display: flex; flex-direction: column; height: 100%; } .brainShelf .checkout-card-product:hover { text-decoration: none; } .brainShelf .product__img-wrapper { position: relative; } .brainShelf .product__img { object-fit: contain; } .brainShelf .product__highlights-wrapper { position: absolute; top: 5px; left: 5px; z-index: 1; } .brainShelf .product__discount-flag { background-color: #C41230; padding: 4px 8px; font-family: "Interstate", sans-serif; font-weight: 700; font-size: 0.75rem; min-width: 43px; min-height: 25px; border-radius: 4px; color: #fff; } .brainShelf .product__flag { font-size: 0.6875rem; display: flex; min-height: 25px; align-items: center; justify-content: center; background-color: #E8E8E8; color: #000; padding: 4px 8px; border-radius: 4px; box-sizing: border-box; font-family: "Interstate", sans-serif; margin-bottom: 4px; } .brainShelf .product__button { color: #000; font-size: 14px; font-weight: 400; line-height: 24px; margin: 0; text-decoration-line: underline; display: flex; align-items: center; gap: 8px; margin: 16px 0; background: none; border: none; padding: 0; } .brainShelf .product__button::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath d='M6.188 7.75V4.375C6.188 3.625 6.188 1 9 1c2.813 0 2.813 2.813 2.813 3.375V7.75' stroke='%23000' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 4.75a.75.75 0 00-.747.682L.378 17.807a.75.75 0 00.747.818h9v-1.5H1.946L2.935 6.25h12.098l.17 3.75h1.502L16.5 5.466a.75.75 0 00-.749-.716z' fill='%23000'/%3E%3Cpath d='M13.5 11.125v6.75M10.125 14.5h6.75' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat 50%; content: ''; display: block; height: 18px; width: 18px; } .brainShelf .product__infos { display: flex; flex-direction: column; height: 100%; } .brainShelf .product__name { margin: 10px 0; font-family: "Interstate", sans-serif; font-weight: 400; vertical-align: middle; color: #110B0D; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; line-height: 18px; font-size: 14px; flex: 1; } .brainShelf .product__price { display: block; line-height: 19px; font-weight: 700; letter-spacing: -0.5px; text-align: left; color: #110B0D; font-size: 1rem; font-family: "Interstate", sans-serif; } .brainShelf .product__price--old { color: #6D686A; margin-top: 0; text-align: left; line-height: 1; font-size: 12px; margin: 0 0 7px; display: flex; gap: 13px; align-items: flex-end; } .brainShelf .product__price--old span { font-size: 11px; letter-spacing: -0.5px; color: #C41230; text-align: left; font-weight: 700; } .brainShelf .product__installments { font-size: 13px; margin-top: 7px; line-height: 13px; text-align: left; color: #6D686A; letter-spacing: -0.5px; } @media (min-width: 1024px) { .brainShelf { padding: 0 20px !important; } .brainShelf .product__button { left: 50%; transform: translate(-50%, 0); position: absolute; border: 1px solid #000; padding: 11px 0; background: rgba(255, 255, 255, 0.95); z-index: 2; border-radius: 4px; text-decoration: none; bottom: 0; margin: 8px 0; width: calc(100% - 16px); justify-content: center; text-transform: uppercase; font-weight: 700; opacity: 0; transition: opacity 200ms ease-in-out; } .brainShelf .product__discount-flag { font-size: 11px; } .brainShelf .product__price--old { font-size: 13px; } .brainShelf .product__installments { font-size: 14px; } .brainShelf .swiper-slide:hover .product__button { opacity: 1; } .brainShelf .swiper-pagination { position: static; padding-top: 12px; } .brainShelf .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; border: 1px solid #000; border-radius: 100px; } .brainShelf .swiper-pagination-bullet-active { background: #000; } .brainShelf .swiper-button-prev { justify-content: flex-start; } .brainShelf .swiper-button-next { justify-content: flex-end; } } .container-order-form .brainShelf__title, .container-order-form .brainShelf { display: none !important; } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body { background: #fff; } .container-main { max-width: 1280px; } .header-container { display: flex; justify-content: space-between; padding: 1rem 2rem 0.8rem; background-color: #fff; align-items: center; box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.2); } .footer { text-align: center; } .footer-payments { margin: 0 0 37px; padding-top: 35px; border-top: 1px solid #d8d8d8; display: flex; justify-content: center; align-items: center !important; } @media screen and (max-width: 80rem) { .footer-payments { flex-direction: column; gap: 2rem; } } .footer-payments__flags { display: flex; align-items: center; flex-direction: row; list-style: none; gap: 1rem; margin: 0; } .footer-payments__text { margin-right: 24px; margin-bottom: 0px; } .footer-payments__text { margin-right: 24px; margin-bottom: 0px; } .footer-infos { background: #f6f6f6; display: flex; justify-content: center; padding: 32px 0; } .footer-infos .container { display: flex; justify-content: center; } @media screen and (max-width: 80rem) { .footer-infos .container { padding-left: 1rem; padding-right: 1rem; } } @media only screen and (min-width: 100px) and (max-width: 768px) { .footer-infos .container { flex-direction: column; } } .footer-infos__link { margin-right: 32px; } @media only screen and (min-width: 100px) and (max-width: 768px) { .footer-infos__link { margin-right: 0; } } .footer-infos__link img { width: 150px; margin-top: 0.8rem; max-width: fit-content; } @media only screen and (min-width: 100px) and (max-width: 768px) { .footer-infos__link img { width: 150px; margin-top: 0.8rem; max-width: fit-content; } } .footer-infos__content { text-align: left; padding: 0.5rem 2rem 0; } @media only screen and (min-width: 100px) and (max-width: 768px) { .footer-infos__content { text-align: center; margin: 1rem auto; } } .footer-infos__content-rights, .footer-infos__content-data { font-family: "Interstate", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; margin: 0; } .footer-infos__content-rights { color: #000; margin-bottom: 0.4rem; margin-top: 0.2rem; font-weight: 600; } .footer-infos__content-data { color: #000; margin-top: 2px; } .footer-logos { display: flex; flex-direction: row; } @media only screen and (min-width: 100px) and (max-width: 768px) { .footer-logos { margin: 2rem auto 8rem; } } .footer-logos__content { padding: 0 1rem; width: 90px; } .footer-logos__content-text { color: #fff; font-size: 0.675rem; } .btn-success { background: #a8162e; border: none; border-radius: 7px; } .btn-success:hover { background: #C41230; border: none; } .extensions-checkout-buttons { display: none; } .container-cart h1, h1#orderform-title, h1#cart-title { font-family: "Interstate", sans-serif; font-size: 1.75rem; color: #252525; font-weight: 600; } .cart-more-options, .cart-template-holder .cart { border-radius: 7px; border: 1px solid #d8d8d8; box-shadow: 0 4px 7px rgba(13, 46, 123, 0.1); padding: 0.5rem 0.8rem; } @media only screen and (min-width: 100px) and (max-width: 768px) { .cart-more-options, .cart-template-holder .cart { padding: 0; border: none; } } .table.cart-items thead tr th.product, .table.cart-items thead tr th.quantity, .table.cart-items thead tr th.product-price { font-family: "Interstate", sans-serif; font-weight: 600; font-size: 1rem; color: #000; } .table.cart-items thead tr th.product { font-size: 0; } .table.cart-items thead tr th.product::before { content: 'Lista de itens'; font-size: 1rem; display: inline-block; transform: translateY(2px); } .table.cart-items thead tr th.quantity { font-size: 0; width: 85px; } .table.cart-items thead tr th.quantity::before { content: 'Qtd.'; font-size: 1rem !important; display: inline-block; transform: translateY(2px); } .table.cart-items tbody tr { padding: 0.5rem 1rem; border: 1px solid #d8d8d8 !important; margin-bottom: 1rem; border-radius: 7px; } @media only screen and (min-width: 100px) and (max-width: 768px) { .table.cart-items tbody tr { width: calc(100% - 1rem) !important; padding: 0.5rem !important; } } .table.cart-items tbody tr:last-child { border-bottom: 1px solid #d8d8d8; } .table.cart-items tbody tr .v-custom-product-item-wrap { padding: 0.313rem 0.5rem 0.313rem 0.313rem; } .table.cart-items tbody tr td.product-name { padding: 0.5rem 0.8rem; } @media only screen and (min-width: 100px) and (max-width: 768px) { .table.cart-items tbody tr td.product-name { width: 60% !important; } } .table.cart-items tbody tr td.product-name .seller { font-size: 0.75rem; font-weight: 400; } @media only screen and (min-width: 100px) and (max-width: 768px) { .table.cart-items tbody tr td.product-name .seller { margin-bottom: 0.5rem; } } .table.cart-items tbody tr td.product-price .list-price { margin-top: -1rem; height: 1rem; } @media only screen and (min-width: 100px) and (max-width: 768px) { .table.cart-items tbody tr td.product-price .list-price { margin-top: -0.4rem; } } .table.cart-items tbody tr td.product-price .best-price { font-size: 1rem; color: #C41230; } .table.cart-items tbody tr td.item-remove { width: 30px; } @media only screen and (min-width: 100px) and (max-width: 768px) { .table.cart-items tbody tr td.item-remove { right: 1.5rem !important; } } .table.cart-items td.product-name a, .table.cart-items td.product-name a:hover { color: #1d1d1d; font-size: 1rem; font-weight: 600; font-family: "Interstate", sans-serif; } .table.cart-items i.icon.icon-remove.item-remove-ico:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23727273' d='M17.917 20.833h-5.834a1.167 1.167 0 0 1-1.166-1.167v-7.583H9.75v-1.167h2.333v-.583c0-.645.523-1.167 1.167-1.167h3.5c.644 0 1.167.522 1.167 1.167v.583h2.333v1.167h-1.167v7.583c0 .644-.522 1.167-1.166 1.167Zm-5.834-8.75v7.583h5.834v-7.583h-5.834Zm1.167-1.75v.583h3.5v-.583h-3.5Zm3.5 8.166h-1.167v-5.25h1.167v5.25Zm-2.333 0H13.25v-5.25h1.167v5.25Z' /%3E%3Crect width='29' height='29' x='.5' y='.5' stroke='%23FFFFFF' rx='4.5' /%3E%3C/svg%3E%0A"); width: 30px; height: 30px; } @media only screen and (min-width: 100px) and (max-width: 768px) { .cart-more-options { border: 1px solid transparent; } } .cart-more-options .srp-container .srp-main-title { font-family: "Interstate", sans-serif; font-weight: 600; font-size: 1.125rem; color: #000; } .cart-more-options .srp-container .srp-description { font-weight: 300; font-size: 14px; line-height: 18px; color: #676778; max-width: 290px; width: 290px; } .cart-more-options .srp-container .srp-delivery-info .b--light-gray { border: 1px solid #d8d8d8; border-radius: 7px; } .cart-more-options .cart-select-gift-placeholder, .cart-more-options #shipping-preview-container { margin: 0 0.6rem 1rem; } #shipping-calculate-link { background: #fff; border: 1px solid #a8162e; box-sizing: border-box; border-radius: 7px; color: #a8162e; padding: 12px 24px; text-transform: capitalize; font-style: normal; font-weight: 500; font-size: 1rem; transition: 0.2s ease-in-out; } #shipping-calculate-link:hover { background: #a8162e; color: #fff; } .cart-active .summary-coupon { display: none; } .cart-active .summary-template-holder::before { content: 'Resumo da compra'; font-size: 1.125rem; color: #000; font-family: "Interstate", sans-serif; font-weight: 600; } .summary-template-holder { border: 1px solid #d8d8d8; box-shadow: 0 4px 7px rgba(13, 46, 123, 0.1); border-radius: 7px; } .summary-template-holder tbody { border-top: 1px solid #F8F8F8; border-bottom: none; padding: 0.2rem 0; } .summary-template-holder tbody tr { padding: 1rem 0; border-bottom: 1px solid #F8F8F8 !important; } .summary-template-holder tbody td { font-family: "Interstate", sans-serif; font-size: 0.875rem; color: #1d1d1d; font-weight: 500; } .summary-template-holder tfoot tr td.info { color: #a8162e; font-size: 1rem; font-family: "Interstate", sans-serif; font-weight: 600; } .summary-template-holder tfoot tr td.monetary { width: auto; color: #a8162e; font-size: 1rem; font-family: "Interstate", sans-serif; font-weight: 700; } .summary-template-holder .cart-links-bottom { display: flex !important; flex-direction: column; } @media only screen and (min-width: 100px) and (max-width: 768px) { .summary-template-holder .cart-links-bottom { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 10000; padding: 0 0.5rem 0.5rem; background-color: white; box-sizing: border-box; border-top: 1px solid #d8d8d8; box-shadow: 0 4px 7px rgba(13, 46, 123, 0.1); } .summary-template-holder .cart-links-bottom a { border-radius: 0; } } .summary-template-holder .cart-links-bottom .btn-place-order-wrapper { display: flex; order: 1; } .summary-template-holder .cart-links-bottom .btn-success { font-size: 0; border-radius: 5px; padding: 0.82rem 0 0.82rem; display: flex; justify-content: center; align-items: center; } .summary-template-holder .cart-links-bottom .btn-success::before { display: block; content: ''; width: 25px; height: 25px; margin-right: 0.5rem; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M1.426 1.063c-.43.187-.565.772-.262 1.133.216.257.298.27 1.674.27H4.09l1.785 7.143L7.66 16.75l.176.17c.099.095.242.182.326.197.082.015 3.023.02 6.535.013 6.369-.013 6.387-.013 6.513-.107.241-.18.316-.327.316-.617s-.075-.436-.316-.616c-.126-.094-.146-.095-6.216-.106l-6.09-.012-.171-.7a17.047 17.047 0 0 1-.17-.732c0-.019 2.815-.04 6.256-.046l6.256-.012.173-.132a.824.824 0 0 0 .231-.275c.032-.079.393-1.994.804-4.256.53-2.928.737-4.16.715-4.276a.784.784 0 0 0-.424-.514c-.125-.052-1.518-.063-8.285-.063H6.153l-.407-1.632c-.436-1.746-.462-1.812-.78-1.962C4.831 1.008 4.59.999 3.188 1c-1.245.002-1.655.016-1.762.063ZM21.4 6.192a283.76 283.76 0 0 0-.61 3.302l-.589 3.245H8.173L7.357 9.47a308.29 308.29 0 0 1-.814-3.302c0-.019 3.349-.034 7.44-.034 5.931 0 7.434.011 7.418.057ZM9.64 17.928c-.414.078-.936.368-1.278.71a2.518 2.518 0 0 0-.492 2.926c.765 1.58 2.885 1.93 4.116.68a2.547 2.547 0 0 0-.005-3.604 2.589 2.589 0 0 0-2.34-.712Zm8.077 0c-.415.078-.937.368-1.28.71a2.518 2.518 0 0 0-.49 2.926c.764 1.58 2.884 1.93 4.115.68a2.546 2.546 0 0 0-.005-3.604 2.589 2.589 0 0 0-2.34-.712Zm-7.21 1.47c.252.075.632.454.707.706.127.43.037.773-.287 1.097-.238.238-.47.343-.759.343-.568 0-1.1-.533-1.1-1.1 0-.29.104-.522.342-.76.322-.322.668-.413 1.097-.286Zm8.076 0c.395.117.763.621.763 1.045 0 .568-.533 1.1-1.102 1.1-.288 0-.52-.104-.758-.342-.464-.464-.464-1.052 0-1.517.322-.322.668-.413 1.097-.286Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat; } .summary-template-holder .cart-links-bottom .btn-success::after { content: 'Finalizar compra'; font-size: 1.125rem; font-weight: 500; } .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper { display: block !important; order: 2; } @media only screen and (min-width: 100px) and (max-width: 768px) { .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper { order: 1; } } .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper a.link-choose-more-products { display: block; font-size: 0; border-radius: 5px; border: 1px solid #a8162e; width: calc(100% - 2px); padding: 0.8rem 0 0.6rem; margin-top: 0.5rem; text-align: center; transition: 0.2s ease-in-out; } @media only screen and (min-width: 100px) and (max-width: 768px) { .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper a.link-choose-more-products { background-color: #fff; } } .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper a.link-choose-more-products::before { content: 'Continuar comprando'; font-size: 1rem; font-weight: 500; color: #a8162e; text-decoration: none; } .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper a.link-choose-more-products:hover { background-color: #F8F8F8; text-decoration: none; } .summary-template-holder .cart-links-bottom span.link-choose-more-products-wrapper a.link-choose-more-products:hover::before { color: #a8162e; } .orderform-template-holder { border: 1px solid #d8d8d8; box-shadow: 0 4px 7px rgba(13, 46, 123, 0.1); border-radius: 7px; padding: 0.8rem !important; margin: 0.6rem; } .orderform-template-holder #client-profile-data form.client-pre-email.client-pre-email, .orderform-template-holder #client-profile-data .client-profile-data, .orderform-template-holder #shipping-data, .orderform-template-holder #payment-data { border: 1px solid #d8d8d8 !important; border-radius: 7px !important; margin-bottom: 0.8rem; } .orderform-template-holder #client-profile-data .client-pre-email h3.client-pre-email-h span::after, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #payment-data .accordion-toggle { color: #000; font-size: 1.125rem; font-family: "Interstate", sans-serif; font-weight: 600; } @media only screen and (min-width: 100px) and (max-width: 768px) { .orderform-template-holder #client-profile-data .client-pre-email h3.client-pre-email-h span::after, .orderform-template-holder #client-profile-data .step.client-profile-data .accordion-toggle, .orderform-template-holder #shipping-data .accordion-toggle, .orderform-template-holder #payment-data .accordion-toggle { font-size: 1rem; } } .orderform-template-holder .step.client-profile-data.active .box-step .form-step[style*='display: block'], .orderform-template-holder #shipping-data .accordion-inner .box-step .vtex-omnishipping-1-x-addressFormPart1, .orderform-template-holder .box-step .form-step.box-info, .orderform-template-holder #shipping-data .step.shipping-data.active .accordion-inner, .orderform-template-holder .shipping-container .box-step.box-info, .orderform-template-holder #payment-data .box-step form.form-step { border-top: 1px solid #d8d8d8 !important; margin-top: 1rem; padding-top: 1rem; } .orderform-template-holder .client-pre-email h3.client-pre-email-h span:before, .orderform-template-holder .client-profile-data .accordion-toggle > span:before, .orderform-template-holder .shipping-data .accordion-toggle:before, .orderform-template-holder .payment-data .accordion-toggle > span:not(.payment-edit-link):before { border: 1px solid #C41230; color: #C41230; } .orderform-template-holder .btn-success { font-size: 1.125rem; } .orderform-template-holder #v-custom-edit-login-data, .orderform-template-holder #edit-profile-data, .orderform-template-holder #edit-shipping-data, .orderform-template-holder .payment-edit-link .link-box-edit { width: 58px; text-align: left; } .orderform-template-holder #v-custom-edit-login-data::before, .orderform-template-holder #edit-profile-data::before, .orderform-template-holder #edit-shipping-data::before, .orderform-template-holder .payment-edit-link .link-box-edit::before { content: 'Editar'; font-size: 0.75rem; margin-right: 0.3rem; font-family: Arial, sans-serif; display: inline-block; transform: translateY(-1px); } .orderform-template-holder #v-custom-edit-login-data .icon-spinner, .orderform-template-holder #edit-profile-data .icon-spinner, .orderform-template-holder #edit-shipping-data .icon-spinner, .orderform-template-holder .payment-edit-link .link-box-edit .icon-spinner { top: 0 !important; } .client-pre-email .pre-email .client-pre-email-h label small { display: none; } .client-pre-email .pre-email .client-email { border-top: 1px solid #d8d8d8; padding-top: 1rem; margin-top: 1rem !important; text-align: center; } .client-pre-email .pre-email .client-email input { margin-top: 0.5rem; } .client-pre-email .pre-email .client-email::before { content: 'Insira seu e-mail'; font-size: 0.875rem; float: left; } .client-pre-email .emailInfo ul li span { font-size: 0.75rem; } .box-client-info-pf .client-email.input.text.required { display: none !important; } .orderform-template-holder .step .input.text label, .vcustom--vtex-omnishipping-1-x-address label { color: #1d1d1d; font-size: 0.875rem; } .orderform-template-holder .step.shipping-data .box-step > *:last-child { margin-top: 1rem !important; } .payment-method { display: none; } .payment-method .payment-group-item-cards { left: 50%; transform: translate(-50%); } .payment-method .payment-group-item-cards::after { content: url(/arquivos/payment-logos.png); } .payment-method .payment-group-item-cards span { display: none; } .CardForm { display: flex; flex-direction: column; padding-top: 150px; position: relative; } .CardForm .PaymentInstallments { position: absolute !important; top: 60px; } .CardForm .SavedCards { margin-bottom: 0.5rem; } .CardForm .SavedCards #use-another-card { color: #a8162e !important; font-size: 0.75rem; font-weight: 600; padding: 0.1rem 0.2rem; } .CardForm .FormFieldLabel { font-size: 0.875rem; color: #1d1d1d; } .CardForm .PaymentCardNumber, .CardForm .PaymentInstallments, .CardForm .PaymentCardCVV, .CardForm p { margin-bottom: 0.5rem; } .CardForm .PaymentCardDueDate, .CardForm .BillingAddress { margin: 1rem 0 0.5rem; } .CardForm .PaymentLabel .payment-label-0-card, .CardForm .PaymentLabel .payment-label-1-card { margin-top: -120px; font-size: 16px; } .ChangeNumberOfPayments { display: block; position: absolute; top: 0; left: 0; } .PaymentCardCVVHelp { left: 90px; } .orderform-template .custom-cart-template-wrap { border: 1px solid #d8d8d8; box-shadow: 0 4px 7px rgba(13, 46, 123, 0.1); border-radius: 7px; } .orderform-template .custom-cart-template-wrap .summary-template-holder { box-shadow: none; } .orderform-template .cart-template.mini-cart { margin: 0.6rem; } .orderform-template .cart-template.mini-cart #go-to-cart-button { display: block; top: 1rem; right: 1rem; text-decoration: none; font-weight: 600; } @media (max-width: 64.063rem) { .orderform-template .cart-template.mini-cart #go-to-cart-button { display: none; } } .orderform-template .cart-template.mini-cart #go-to-cart-button #orderform-minicart-to-cart { color: #a8162e; font-size: 0.75rem; border-radius: 5px; padding: 0.4rem 0.6rem; border: 1px solid #a8162e; transition: 0.2s ease-in-out !important; text-shadow: none; } .orderform-template .cart-template.mini-cart #go-to-cart-button:hover #orderform-minicart-to-cart { background-color: #F8F8F8; text-decoration: none !important; } .orderform-template .cart-template.mini-cart h2 { font-size: 1.125rem; color: #000; font-family: "Interstate", sans-serif; font-weight: 600; border-bottom: 1px solid #F8F8F8; padding-bottom: 1rem !important; } .orderform-template .cart-template.mini-cart .item { color: #1d1d1d; font-size: 0.875rem; font-family: "Interstate", sans-serif; border-bottom: 1px solid #F8F8F8; } .orderform-template .cart-template.mini-cart .item .fn { width: calc(72% - 20px) !important; margin-top: 15px; } .orderform-template .cart-template.mini-cart .item .description { margin-top: 15px; } .orderform-template .cart-template.mini-cart .item .description .shipping-date { display: none; } .orderform-template .cart-template.mini-cart .item .description .price { color: #1d1d1d; font-size: 0.875rem; padding-left: 0.5rem; font-family: "Interstate", sans-serif; } .orderform-template .cart-template.mini-cart .item .quantity { background-color: #C41230 !important; color: #fff !important; top: 5px; left: 35px; height: 12px; padding-top: 3px; border-radius: 30px; } .orderform-template .cart-template.mini-cart .summary-coupon fieldset.coupon-fieldset > div[style*='none'] p.coupon-label { display: block !important; } .orderform-template .cart-template.mini-cart .summary-coupon fieldset.coupon-fieldset > div p.coupon-label label { display: block; font-size: 0; margin-bottom: 0.2rem; text-align: left; } .orderform-template .cart-template.mini-cart .summary-coupon fieldset.coupon-fieldset > div p.coupon-label label::before { color: #000; content: 'Adicionar cupom de desconto:'; font-size: 0.875rem !important; font-weight: 600 !important; } .orderform-template .cart-template.mini-cart .summary-coupon fieldset.coupon-fieldset > div p.coupon-fields .coupon-value { border-radius: 4px; border: 1px solid #a8162e; height: 40px !important; line-height: 40px !important; max-width: 195px; padding: 8px; } .orderform-template .cart-template.mini-cart .summary-coupon fieldset.coupon-fieldset > div p.coupon-fields #cart-coupon-add { background: #a8162e; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 400; height: 40px !important; line-height: 40px !important; padding: 0 16px; text-transform: uppercase; transition: all 0.3s ease; } .orderform-template .cart-template.mini-cart .summary-coupon fieldset.coupon-fieldset > div p.coupon-fields #cart-coupon-add:hover { color: #a8162e; background: #fff; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap { border-top: 1px solid #F8F8F8; padding: 1rem 0.5rem 1.5rem; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody { border-top: 1px solid #F8F8F8; border-bottom: none; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody td { font-family: "Interstate", sans-serif; font-size: 0.875rem; color: #1d1d1d; font-weight: 500; } .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td.info { color: #C41230; font-size: 1rem; font-family: "Interstate", sans-serif; font-weight: 600; } .orderform-template .cart-template.mini-cart .summary-totalizers tfoot tr td.monetary { width: auto; color: #C41230; font-size: 1rem; font-family: "Interstate", sans-serif; font-weight: 700; } .orderform-template .cart-template.mini-cart .payment-confirmation-wrap { background-color: transparent; } .orderform-template .cart-template.mini-cart #payment-data-submit { position: relative; border-radius: 5px !important; padding: 1.2rem 0 1rem; } .orderform-template .cart-template.mini-cart #payment-data-submit .icon-lock { position: absolute; left: 1.5rem; top: 0.98rem; } .orderform-template .cart-template.mini-cart #payment-data-submit .icon-lock::before { content: ''; display: block; height: 25px; margin-right: 0.5rem; width: 25px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M1.426 1.063c-.43.187-.565.772-.262 1.133.216.257.298.27 1.674.27H4.09l1.785 7.143L7.66 16.75l.176.17c.099.095.242.182.326.197.082.015 3.023.02 6.535.013 6.369-.013 6.387-.013 6.513-.107.241-.18.316-.327.316-.617s-.075-.436-.316-.616c-.126-.094-.146-.095-6.216-.106l-6.09-.012-.171-.7a17.047 17.047 0 0 1-.17-.732c0-.019 2.815-.04 6.256-.046l6.256-.012.173-.132a.824.824 0 0 0 .231-.275c.032-.079.393-1.994.804-4.256.53-2.928.737-4.16.715-4.276a.784.784 0 0 0-.424-.514c-.125-.052-1.518-.063-8.285-.063H6.153l-.407-1.632c-.436-1.746-.462-1.812-.78-1.962C4.831 1.008 4.59.999 3.188 1c-1.245.002-1.655.016-1.762.063ZM21.4 6.192a283.76 283.76 0 0 0-.61 3.302l-.589 3.245H8.173L7.357 9.47a308.29 308.29 0 0 1-.814-3.302c0-.019 3.349-.034 7.44-.034 5.931 0 7.434.011 7.418.057ZM9.64 17.928c-.414.078-.936.368-1.278.71a2.518 2.518 0 0 0-.492 2.926c.765 1.58 2.885 1.93 4.116.68a2.547 2.547 0 0 0-.005-3.604 2.589 2.589 0 0 0-2.34-.712Zm8.077 0c-.415.078-.937.368-1.28.71a2.518 2.518 0 0 0-.49 2.926c.764 1.58 2.884 1.93 4.115.68a2.546 2.546 0 0 0-.005-3.604 2.589 2.589 0 0 0-2.34-.712Zm-7.21 1.47c.252.075.632.454.707.706.127.43.037.773-.287 1.097-.238.238-.47.343-.759.343-.568 0-1.1-.533-1.1-1.1 0-.29.104-.522.342-.76.322-.322.668-.413 1.097-.286Zm8.076 0c.395.117.763.621.763 1.045 0 .568-.533 1.1-1.102 1.1-.288 0-.52-.104-.758-.342-.464-.464-.464-1.052 0-1.517.322-.322.668-.413 1.097-.286Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat; } .orderform-template .cart-template.mini-cart #payment-data-submit span { font-size: 1.125rem; font-weight: 500; } body.debug-on > *:not(.container-main):not(.main-header):not(.main-footer):not(#vtexIdContainer):not(.vtex-front-messages-placeholder):not(.pac-container) { display: none; }