/* source: */ input, select, button { outline: none !important; } .vcustom--vtex-omnishipping-1-x-address input, #app-container input[type='text'], #app-container input[type='tel'], #app-container input[type='email'], #app-container select, .orderform-template .summary-note .note-textarea, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type='text'], .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit'], .table.cart-items td.quantity input, .table.cart-items tbody tr td .product-service select, .table.cart-items tr.item-attachments-content input, .table.cart-items tr.item-attachments-content select, #vtexIdContainer input { height: 40px; line-height: 40px; max-height: initial; display: inline-block; padding: 0px 10px; border-radius: 4px; border: 1px solid #cbcbcb; outline: initial; font-family: 'Roboto', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .vcustom--vtex-omnishipping-1-x-address input.error, #app-container input.error[type='text'], #app-container input.error[type='tel'], #app-container input.error[type='email'], #app-container select.error, .orderform-template .summary-note .error.note-textarea, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input.error, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation 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'], .table.cart-items td.quantity input.error, .table.cart-items tbody tr td .product-service select.error, .table.cart-items tr.item-attachments-content input.error, .table.cart-items tr.item-attachments-content select.error, #vtexIdContainer input.error { border-color: #ff4c4c; } .vcustom--vtex-omnishipping-1-x-address input:focus, #app-container input[type='text']:focus, #app-container input[type='tel']:focus, #app-container input[type='email']:focus, #app-container select:focus, .orderform-template .summary-note .note-textarea:focus, .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-addressFormPart1.vtex-omnishipping-1-x-geolocation input:focus, .cart-more-options .srp-container .vtex-shipping-preview-0-x-addressFormPart1.vtex-shipping-preview-0-x-geolocation input:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset input[type='text']:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit']:focus, .table.cart-items td.quantity input:focus, .table.cart-items tbody tr td .product-service select:focus, .table.cart-items tr.item-attachments-content input:focus, .table.cart-items tr.item-attachments-content select:focus, #vtexIdContainer 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: rgba(0, 0, 0, 0); } } .btn, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a { font-family: 'Roboto', sans-serif; text-shadow: none; border-radius: 30px; outline: none !important; text-align: center; font-size: 12px; padding: 5px 12px; box-sizing: border-box; display: inline-block; background: none; box-shadow: none; } .btn, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .btn:hover, .btn:focus { transition: all ease 0.3s; } .btn:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a:hover, .btn:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data 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: #1a73e8; } .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: #1d63be; } .btn-success { background: #2fba2d; border: 1px solid #2fba2d; font-size: 13px; } .btn-success:hover, .btn-success:focus, .btn-success:active { background: #269e24; border: 1px solid #269e24; } .btn-success[disabled] { background: #2fba2d; } .btn-primary { background: #1a73e8; border: 1px solid #1a73e8; color: #f1f7ff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #1d63be; border: 1px solid #1d63be; } .btn-secondary, .orderform-template-holder #payment-data .payment-discounts-list table td.action a, .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, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit'], .table.cart-items tbody tr td .product-service input[type='submit'], .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 { background: rgba(0, 0, 0, 0); border: 1px solid #1a73e8; color: #1a73e8; } .btn-secondary:hover, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:hover, .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, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit']:hover, .table.cart-items tbody tr td .product-service input[type='submit']: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, .btn-secondary:focus, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:focus, .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, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit']:focus, .table.cart-items tbody tr td .product-service input[type='submit']: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, .btn-secondary:active, .orderform-template-holder #payment-data .payment-discounts-list table td.action a:active, .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, .summary-template-holder .summary-coupon fieldset.coupon-fieldset button[type='submit']:active, .table.cart-items tbody tr td .product-service input[type='submit']: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 { background: #f1f7ff; border: 1px solid #1d63be; color: #1d63be; } .btn-outlined { background: rgba(0, 0, 0, 0); border: 1px solid #2fba2d; color: #2fba2d; } .btn-outlined:hover, .btn-outlined:focus, .btn-outlined:active { background: rgba(0, 0, 0, 0); border: 1px solid #269e24; } .btn#payment-data-submit span, .orderform-template-holder #payment-data .payment-discounts-list table td.action a#payment-data-submit span, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a#payment-data-submit span { font-size: 14px; margin-left: 5px; font-weight: bold; } .orderform-template .cart-template.mini-cart h2, .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, .client-pre-email h3.client-pre-email-h span:after, .cart-more-options .srp-container .srp-main-title { border: none; } .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 .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 .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 .add-on, .input-prepend .btn, .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 .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 .add-on { height: 40px; line-height: 40px; 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 4px 4px 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 + tr { border-top: 1px dashed #ddd; } .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: 106px; height: 36px; padding: 0px; order: 5; margin-left: 93px !important; } .full-cart .cart table tbody tr td.quantity input { float: left; margin: 0; width: 25px; border: none !important; } .full-cart .cart table tbody tr td.product-price { text-align: right; float: right; margin-right: 5px; padding: 0; margin-left: 93px !important; } .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: 4px; height: auto; } .modal .btn, .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, .modal .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data a, .summary-template-holder .summary-coupon fieldset.coupon-fieldset .coupon-data .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: #2fba2d; } .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: #1a73e8; } #vtexIdContainer .vtexIdUI .modal-footer { background: none; } #vtexIdContainer .vtexIdUI .btn, #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, #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 { border-radius: 30px; height: 40px; line-height: 40px; box-shadow: none !important; font-size: 12px; padding: 0 30px; } #vtexIdContainer .vtexIdUI .btn.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, #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 { background: #2fba2d; border: 1px solid #2fba2d; } #vtexIdContainer .vtexIdUI .btn.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 .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 .btn.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 .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 .btn.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, #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 { background: #269e24; border: 1px solid #269e24; } #vtexIdContainer .vtexIdUI .btn#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, #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 { 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; } } body { font-family: 'Roboto', sans-serif; min-width: initial !important; padding: 0; background: #fff; padding-bottom: 0 !important; min-height: 93vh; position: relative; font-size: 12px; overflow-x: hidden; } body .container.container-main.container-order-form, body .container.container-main.container-cart { max-width: 1440px !important; } @media (min-width: 1600px) { body .container.container-main.container-order-form, body .container.container-main.container-cart { width: 1440px !important; } } @media (min-width: 1025px) and (max-width: 1359px) { body .container.container-main.container-order-form, body .container.container-main.container-cart { width: 100% !important; } } @media (min-width: 1360px) and (max-width: 1599px) { body .container.container-main.container-order-form, body .container.container-main.container-cart { width: 90% !important; } } .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.js-vcustom-hideEmailStep .client-profile-data .accordion-toggle > span:before, body.v-custom-step-payment .payment-data .accordion-toggle > span:not(.payment-edit-link):before, body.v-custom-step-shipping .shipping-data .accordion-toggle:before, body.v-custom-step-profile .client-profile-data .accordion-toggle > span:before, body.v-custom-step-email .client-pre-email h3.client-pre-email-h span:before, body.v-custom-step-profile .client-pre-email h3.client-pre-email-h 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-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-profile .client-pre-email h3.client-pre-email-h span:before { background: #1a73e8; border-color: #1a73e8; 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'; width: 10px; } .client-profile-data .accordion-toggle > span:before { content: '2'; width: 10px; } .shipping-data .accordion-toggle:before { content: '3'; width: 10px; } .payment-data .accordion-toggle > span:not(.payment-edit-link):before { content: '4'; width: 10px; } 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, 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-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-cart .checkout-steps_item_cart .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: #1a73e8; border-color: #1a73e8; } 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: #1a73e8; border-color: #1a73e8; } 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: #1a73e8; border-color: #1a73e8; } 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: #1a73e8; border-color: #1a73e8; } 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; } @media (max-width: 690px) { .checkout-steps { display: none !important; } } .checkout-steps_bar_inner-active { width: 0; background: #1a73e8; } .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: #1a73e8; margin: 0px 5px; min-width: 10px; } .checkout-steps_item .text { clear: both; display: flex; align-items: center; color: #999; font-weight: 500; cursor: pointer; pointer-events: none; } .checkout-steps_item .text:before { content: ''; width: 7px; height: 7px; background: #1a73e8; border: 2px solid #1a73e8; 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; } .mz-checkout__header { display: flex; width: 100%; height: 104px; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #d6d6d5; } @media screen and (max-width: 1025px) { .mz-checkout__header { height: 76px; } } .mz-checkout__header .mz-checkout__container { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 1440px; padding: 20px 32px; position: relative; } @media screen and (max-width: 1025px) { .mz-checkout__header .mz-checkout__container { align-items: center; } } .mz-checkout__header .mz-checkout__container .mz-checkout__links { display: flex; align-items: center; justify-content: center; gap: 16px; } .mz-checkout__header .mz-checkout__container .mz-checkout__links a { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #1d1c1c; font-weight: 400; line-height: 18px; letter-spacing: 0.5%; transition: color 0.3s ease, border-bottom-color 0.3s ease, text-decoration-color 0.3s ease; padding-bottom: 2px; } .mz-checkout__header .mz-checkout__container .mz-checkout__links a:hover { border-bottom: 1px solid #d6d6d5; color: #d6d6d5; } .mz-checkout__header .mz-checkout__container .mz-checkout__icons { display: flex; align-items: center; justify-content: center; gap: 8px; } .mz-checkout__header .mz-checkout__container .mz-checkout__header--logo { max-height: 100%; position: absolute; right: 44.5%; } @media screen and (max-width: 1025px) { .mz-checkout__header .mz-checkout__container .mz-checkout__header--logo { max-width: 110px; max-height: 45px; } } @media screen and (max-width: 768px) { .mz-checkout__container { padding: 16px; align-items: center; } .mz-checkout__header--logo { margin: 0 auto; } .mz-checkout__links { position: relative; width: 24px; height: 24px; display: block; } .mz-checkout__links a { display: none; } } .mz-checkout__footer { display: flex; flex-direction: column; border-top: 1px solid #e6e6e6; width: 100%; margin: 0 auto; } .mz-checkout__footer .mz-checkout__footer-container { max-width: 1440px; margin: 0 auto; padding: 0 28px; } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top { display: flex; width: 100%; align-items: flex-start; justify-content: space-evenly; margin-top: 28px; gap: 20px; } @media screen and (max-width: 768px) { .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top { flex-direction: column; } } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content { width: 25%; max-width: 25%; display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: flex-start; } @media screen and (max-width: 768px) { .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content { width: 100%; max-width: 100%; } } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content .mz-checkout__footer-block-content-title { margin-top: 0; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0%; text-transform: uppercase; color: #333; } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content .mz-checkout__footer-block-content-images { display: flex; flex-wrap: wrap; gap: 12px; } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content .mz-checkout__footer-block-content-text { margin-bottom: 0; font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0%; color: #333; } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content .mz-checkout__footer-block-content-links { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .mz-checkout__footer .mz-checkout__footer-container .mz-checkout__footer-content-top .mz-checkout__footer-block-content .mz-checkout__footer-block-content-links a { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0%; color: #000; text-decoration: none; border-bottom: 1px solid #000; padding-bottom: 2px; } .mz-checkout__footer .mz-checkout__footer-content-bottom { background-color: #c10016; width: 100%; height: 76px; margin: 0 auto; margin-top: 28px; } .mz-checkout__footer .mz-checkout__footer-content-bottom .mz-checkout__footer-content-bottom-container { max-width: 1440px; display: flex; align-items: center; justify-content: space-between; height: 76px; padding: 0 28px; margin: 0 auto; } .mz-checkout__footer .mz-checkout__footer-content-bottom .mz-checkout__footer-content-bottom-container p { margin: 0 !important; font-family: 'Brilliant Cut Pro', sans-serif; font-size: 12px; font-weight: 600; line-height: 25px; text-transform: uppercase; color: #fff; } .mz-checkout__footer .mz-checkout__footer-content-bottom .mz-checkout__footer-content-bottom-container .mz-checkout__footer-content-bottom-info-1 { display: flex; align-items: center; justify-content: center; gap: 28px; } @media screen and (max-width: 768px) { .mz-checkout__footer .mz-checkout__footer-content-bottom .mz-checkout__footer-content-bottom-container .mz-checkout__footer-content-bottom-info-1 { display: none; } } .mz-checkout__footer .mz-checkout__footer-content-bottom .mz-checkout__footer-content-bottom-container .mz-checkout__footer-content-bottom-info-1 a { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 0.8px; font-weight: 600; text-decoration: none; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 2px; } .cart { border: none; padding: 0; } body.v-custom-step-cart .main-header .header-link { display: block; } body.v-custom-cart-empty #cart-title, body.v-custom-cart-empty #shipping-preview-container, body.v-custom-cart-empty .summary-template-holder, body.v-custom-cart-empty .checkout-steps, body.v-custom-cart-empty .cart-more-options { display: none !important; } body.v-custom-cart-empty .cart-template-holder { margin: 0 auto; } .empty-cart-content { padding: 25px 24px 32px 24px; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; background-color: #fff; } .empty-cart-content .empty-cart-title { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 18px; line-height: 26px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; color: #1d1d1c; } .empty-cart-content .empty-cart-message { font-size: 16px; font-weight: 400; font-family: 'Fancy Cut Pro', sans-serif; line-height: 22px; letter-spacing: 0.5%; color: #000; text-align: center; } .empty-cart-content .empty-cart-links { display: none; } .empty-cart-content .empty-cart-content-custom { width: 100vw; padding: 0 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .empty-cart-content .empty-cart-content-custom img { padding: 0 24px; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__links { display: flex; flex-direction: column; align-items: center; justify-content: center; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__links .empty-cart-content-custom__title { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase; color: #000; margin-top: 24px; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__links .empty-cart-content-custom__discover { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; border-bottom: 1px solid #000; padding-bottom: 2px; color: #000; cursor: pointer; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__links .empty-cart-content-custom__discover:hover { text-decoration: none; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__go-home { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0.8px; text-transform: uppercase; color: #000; cursor: pointer; margin-top: 12px; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; gap: 8px; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__go-home p { border-bottom: 1px solid #000; padding-bottom: 2px; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__go-home:hover { text-decoration: none; } .empty-cart-content .empty-cart-content-custom .empty-cart-content-custom__go-home::before { content: ''; display: inline-block; width: 16px; height: 16px; background-image: url('/arquivos/cartier-left-icon-checkout.png'); background-repeat: no-repeat; background-position: center; border-bottom: none; position: relative; bottom: 4px; } h1#cart-title { display: none !important; } .cart-more-options, .cart-template-holder .cart { padding: 0 30px; background: #fff; margin: 0; border-radius: 4px; } @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 td.product-image img { background-color: #fff; } .cart .cart-items-header p { margin-bottom: 30px; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 22px; line-height: 28px; letter-spacing: 0.5%; text-transform: uppercase; color: #1d1d1c; } .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 { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 16px; line-height: 140%; letter-spacing: 0%; color: #211e1f; } .table.cart-items thead tr th.product { width: calc(100% - 260px) !important; max-width: 320px; padding: 0; } .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.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; margin-left: 124px; margin-right: 77px; } .table.cart-items thead tr th.product-price, .table.cart-items thead tr th.quantity-price { order: 5; } @media screen and (max-width: 1025px) { .table.cart-items thead tr th.product-price, .table.cart-items thead tr th.quantity-price { order: 4 !important; } } .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:first-child { border: none; } } .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: flex; flex-direction: column; padding: 10px 0; align-items: start; } .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 { max-width: 220px; } .table.cart-items tbody tr td.product-name a { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase; color: #000; } .table.cart-items tbody tr td.product-name .brand .brand-name { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #000; } .table.cart-items tbody tr td.product-name small.seller { display: none; } .table.cart-items tbody tr td.product-name .product-item-attachment-offerings { display: 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 .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 .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 { 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 .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 .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 .add-item-attachment-container + p { display: none; } @media (min-width: 769px) { .table.cart-items tbody tr td.product-name { width: calc(100% - 325px) !important; } } .table.cart-items tbody tr td.product-name .seller { display: block; } @media (max-width: 767px) { .table.cart-items tbody tr td.product-price { float: left !important; margin-left: 90px !important; margin-bottom: 14px !important; margin-top: -10px !important; } } .table.cart-items tbody tr td.product-price .best-price .new-product-price { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase; color: #000; } .table.cart-items tbody tr td.item-remove .item-link-remove { border: 1px solid #e7e7e7; border-radius: 50%; width: 12.4px; height: 12.4px; display: block; line-height: 0; } .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: 0; margin-bottom: 14px; } .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: 12px; } .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: #999; } .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: 5%; position: relative; bottom: 40%; width: 20px !important; } @media (max-width: 690px) { .table.cart-items tbody tr td.item-remove { top: 8px !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 { position: relative; bottom: 35%; order: 4; margin-left: 96px; margin-right: 77px; } @media (min-width: 1200px) and (max-width: 1350px) { .table.cart-items tbody tr td.quantity { margin-left: 76px; margin-right: 57px; } } .table.cart-items tbody tr td.quantity input { border: unset !important; font-family: 'Brilliant Cut Pro', sans-serif; color: #575757; font-size: 16px; line-height: 24px; font-weight: 400; } .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 { bottom: 40%; display: block !important; } .table.cart-items tbody tr td .field-help { background: #1a73e8; border-color: #1a73e8; } .table.cart-items tbody tr td i.icon-question-sign { color: #1a73e8; } .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(40px + 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 td.quantity input { line-height: inherit; } .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: 4px; 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; 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, .table.cart-items tbody > tr[data-parentitemindex] { display: none; } .table.cart-items tbody > tr.v-custom-indexed-item + .item-unavailable, .table.cart-items tbody > tr[data-parentitemindex] + .item-unavailable { display: none; } .table.cart-items td.product-image a { overflow: hidden; border-radius: 4px; } .table.cart-items td.product-image a { margin-right: 20px; } .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 { display: flex; align-items: center; padding: 6px; border-radius: 4px; border: 1px solid #e7e7e7; float: left; min-width: 30px; text-align: center; justify-content: center; color: #575757; } .table.cart-items td.quantity input { margin: 0; width: 30px !important; height: 30px !important; padding: 0; border: none !important; box-shadow: none; color: #575757; } .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; color: #575757; } .table.cart-items td.quantity .item-quantity-change i:before { font-weight: bold; font-size: 22px; width: 25px; height: 25px; line-height: 25px; color: #575757; border-radius: 100%; } .table.cart-items td.quantity .item-quantity-change > p { margin: 0; } .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; margin-left: 0 !important; } .table.cart-items td.product-name { 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: 9px; height: 9px; position: relative; bottom: 25%; } .summary-template-holder { background: #fff; padding: 24px 28px; text-align: left; width: 380px !important; box-sizing: border-box; position: sticky; top: 20px; border: 1px solid #1d1d1c; border-radius: 0; } .summary-template-holder .summary-totalizers, .summary-template-holder .summary-coupon-wrap { width: 100% !important; } .summary-template-holder .summary-totalizers .coupon-fields, .summary-template-holder .summary-coupon-wrap .coupon-fields { display: none; } .summary-template-holder .cart-more-options { display: none !important; } .summary-template-holder .table .totalizers-list .Items { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #1d1d1c; padding-top: 16px; } .summary-template-holder .table .totalizers-list .vcustom-benefits-row { margin-top: 28px; } .summary-template-holder .table .totalizers-list .vcustom-benefits-row .vcustom-benefits-container { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; } .summary-template-holder .table .totalizers-list .vcustom-benefits-row .vcustom-benefit { display: flex; align-items: center; justify-content: flex-start; gap: 12px; } .summary-template-holder .table .totalizers-list .vcustom-benefits-row .vcustom-benefit img { height: 20px; width: 20px; } .summary-template-holder .table .totalizers-list .vcustom-benefits-row .vcustom-benefit p { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0.8px; text-transform: uppercase; color: #000; margin-bottom: 0; } .summary-template-holder .table .srp-summary-result { 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 .coupon-data { display: none !important; } .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 { width: 100%; text-decoration: underline; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div { display: flex; justify-content: space-between; align-items: center; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*='none'] { display: block !important; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*='none'] p.coupon-label { display: none; } .summary-template-holder .summary-coupon fieldset.coupon-fieldset > div[style*='flex'] p.coupon-label { display: none; } .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: #1a73e8; } .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 .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, .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 { width: 100%; box-sizing: border-box; } .summary-template-holder .cart-links-bottom .btn-success { font-weight: bold; } @media (max-width: 690px) { .summary-template-holder .cart-links-bottom { position: inherit !important; bottom: 0; width: 100%; left: 0; z-index: 10000; } .summary-template-holder .cart-links-bottom a { border-radius: 0; } } .summary-template-holder .accordion-inner { margin-top: 10px; } .summary-template-holder tr:not(.Shipping) { display: flex !important; justify-content: space-between; border: none !important; } .summary-template-holder tr:not(.Shipping).CustomTax:not(.CustomTax--total) { display: none !important; } .summary-template-holder tbody { border-top: 1px solid #cbcbcb; border-bottom: none; 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 { display: none; } .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: #1a73e8; } .summary-template-holder .btn-place-order-wrapper .btn-success { background-color: #000; color: #fff; width: 100%; border: none; padding: 8px 20px; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: 0.8px; text-transform: uppercase; border-radius: 0; } .summary-coupon { width: 100% !important; } .cart-select-gift-placeholder { width: auto !important; display: none !important; } .cart-more-options { width: 100% !important; margin: 0 !important; border: none; padding: 0; min-height: 0 !important; display: flex !important; flex-wrap: wrap; } .cart-more-options .cart-select-gift-placeholder { display: none !important; } .cart-more-options .vcustom-cart-note { background-color: #f9f9f9; padding: 16px; } .cart-more-options .vcustom-cart-note p { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #000; text-align: justify; } .cart-more-options .vcustom-cart-note p a { color: #000; text-decoration: underline; font-weight: 800; } .cart-more-options .vcustom-cart-continue { margin-top: 24px; display: flex; align-items: center; justify-content: flex-start; gap: 3px; } .cart-more-options .vcustom-cart-continue a { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0.8px; text-transform: uppercase; color: #000; padding-bottom: 2px; border-bottom: 1px solid #000; } .cart-more-options .vcustom-cart-continue a:hover { text-decoration: none; } .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: 4px; } .cart-more-options .srp-container .srp-delivery-info .b--light-gray { background: #fff; border-radius: 4px; } .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: #1d63be; } .cart-more-options .srp-container .onda-v1 .blue { color: #1a73e8; outline: none; } .cart-more-options .srp-container .onda-v1 .b--blue { border-color: #1a73e8; outline: none; } .cart-more-options .srp-container .onda-v1 .bg-blue { background: #1a73e8; 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 .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, .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 { height: 40px; outline: initial; border-radius: 4px; } .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 .vtex-pickup-points-modal-3-x-pickupViewMode .btn, .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, .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 { padding: 13px 0; } .summary-template-holder .vcustom-delivery-courtesy-block { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 14px; line-height: 150%; letter-spacing: 0%; color: #575757; } .summary-template-holder .vcustom-delivery-courtesy-block .text-delivery { font-weight: 600; } .summary-template-holder .vcustom-delivery-courtesy-block .text-courtesy { font-weight: 600; text-transform: uppercase; } .cart-more-options #shipping-preview-container { display: none !important; } .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: #1a73e8; } @media screen and (max-width: 768px) { .cart-template.full-cart.span12.active .summary-template-holder { margin: 0 auto !important; margin-top: 20px !important; } } .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; } table.cart-items tbody tr:last-child { border-bottom: 1px solid #e7e7e7 !important; margin-bottom: 20px !important; } .cart-more-options.span7 { padding: 0 30px !important; } .full-cart .summary-totalizers .info { font-size: 0; line-height: 0; } .full-cart .summary-totalizers .info::before { content: 'Total'; font-family: 'Brilliant Cut Pro', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #1d1d1c; } .full-cart .summary-totalizers .monetary a { font-family: 'Brilliant Cut Pro', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 24px; letter-spacing: 0.5px; color: #1d1d1c; } .container.container-main.container-cart .checkout-container.row-fluid.cart-active .cart-template.full-cart.span12.active .summary-template-holder .btn-place-order-wrapper .btn-success { margin-top: unset !important; font-size: 0 !important; height: 48px; position: relative; } .container.container-main.container-cart .checkout-container.row-fluid.cart-active .cart-template.full-cart.span12.active .summary-template-holder .btn-place-order-wrapper .btn-success::before { content: 'FInalizar Compra'; font-size: 12px; position: absolute; left: 27%; top: 30%; } .postal-code-for-sla { line-height: 20px !important; } .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: 12px; 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: #1a73e8; } .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: #1a73e8; } @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 { padding: 0 !important; border: none !important; box-shadow: none !important; font-size: 12px; font-weight: 400; pointer-events: none; cursor: text; background: none !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; } .vcustom--vtex-omnishipping-1-x-address label, .orderform-template-holder .step .input.text label { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #575757; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .js-v-custom-is-loading .vcustom--vtex-omnishipping-1-x-address:before, .js-v-custom-is-loadAddress #shipping-data .accordion-group.shipping-data:after, .orderform-template .cart-template.mini-cart .cart .cart-items:not(.v-loaded) li.item:after { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #a9a9a9; 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: #1a73e8; } @media (max-width: 768px) { .container.container-main.container-order-form { width: 100%; } } .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: 4px; 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: 0 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(40px + 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: #1a73e8; 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) { border-bottom: 1px solid #000; 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: unset; border: unset; opacity: 1; text-decoration: none; color: #000; transition: all ease 0.3s; padding: 11px; text-align: center; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0); 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: #000; } .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 { border: 1px solid #1a73e8; } .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; border: none; padding: 11px; padding: 0; } .orderform-template-holder #payment-data p.link.link-gift-card a { display: block; text-align: left; font-size: 12px !important; font-weight: bold; color: #000; text-transform: uppercase; font-family: 'Brilliant Cut Pro', sans-serif; letter-spacing: 0.5px; } .orderform-template-holder #payment-data p.link.link-gift-card:hover, .orderform-template-holder #payment-data p.link.link-gift-card:focus, .orderform-template-holder #payment-data p.link.link-gift-card:active { border: none !important; } .orderform-template-holder #payment-data .payment-group-list-btn { width: 100%; display: flex; flex-direction: column; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.Pix { order: 1; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.American { order: 2; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.Boleto { order: 3; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.PayMee { order: 4; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.PayMee .payment-group-item-text { visibility: hidden; font-size: 0 !important; display: flex; align-items: center; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.PayMee .payment-group-item-text::before { visibility: visible; margin-right: 7px; } .orderform-template-holder #payment-data .payment-group-list-btn .v-custom-payment-item-wrap.PayMee .payment-group-item-text::after { content: 'Transfer\EAncia banc\E1ria'; font-size: 12px; visibility: visible; } .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; color: #000; text-transform: uppercase; } .orderform-template-holder #payment-data .payment-group-item { font-family: 'Brilliant Cut Pro', sans-serif; position: relative; height: 40px; text-transform: uppercase; letter-spacing: 0.5px; } .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 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px; } .orderform-template-holder #payment-data .payment-group-item.active:before { border-color: #1a73e8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 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; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Brilliant Cut Pro', sans-serif; white-space: nowrap; } @media (max-width: 1025px) { .orderform-template-holder #payment-data .gift-card-section.form-step.box-default label { margin-bottom: 12px; } } .orderform-template-holder #payment-data p.payment-discounts-options, .orderform-template-holder #payment-data p.gift-card-provider-options { display: flex; align-items: end; 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; } @media (max-width: 1025px) { .orderform-template-holder #payment-data p.payment-discounts-options, .orderform-template-holder #payment-data p.gift-card-provider-options { flex-flow: column; align-items: flex-start; } } .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 { font-size: 12px; color: #000; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Brilliant Cut Pro', sans-serif; width: 100% !important; padding: 0; } @media (max-width: 1025px) { .orderform-template-holder #payment-data input#payment-discounts-code { margin: 0 0 12px; } } .orderform-template-holder #payment-data #btn-add-gift-card { background: #000; color: #fff !important; padding: 8px 36px !important; font-family: 'Brilliant Cut Pro', sans-serif !important; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; border-radius: 0 !important; border: none !important; height: 40px; border-radius: 4px; } .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 { border-radius: unset; background: rgba(0, 0, 0, 0) !important; border: unset; color: #000; 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: #1a73e8; } .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 rgba(0, 0, 0, 0); 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 #999; 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: rgba(0, 0, 0, 0); border-bottom: unset; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active .payment-group-item-text:before { background: #1a73e8; border-color: #1a73e8; } .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: #1a73e8; } .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-payment-option h3 { display: none; } .orderform-template-holder .step .form-step #is-corporate-client { color: #1a73e8; } .orderform-template-holder .step.client-profile-data .client-notice.notice { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; letter-spacing: 0.5%; margin-top: -12px; } .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-addressInfo { order: 3; } .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: #1a73e8; } .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: #1a73e8; border-color: #1a73e8; border-radius: 4px; } .orderform-template-holder .step.shipping-data .vtex-pickup-points-modal-3-x-pickupViewOptionInctive { color: #1a73e8; border-color: #1a73e8; border-radius: 4px; } .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: #1a73e8; } .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: 4px; } .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: #1a73e8; } .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: #1a73e8; border-color: #1a73e8; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-pickupPointChange { border-color: #1a73e8; } .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: 40px; } .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: #1a73e8; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-container.shp-pickup-receiver .vtex-omnishipping-1-x-btn { color: #1a73e8; } .orderform-template-holder .step.shipping-data .vtex-omnishipping-1-x-dateLink { border-color: #d6d6d5; color: #000; } @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: 20px auto 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: #1a73e8; } .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: 4px; 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: 100% !important; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase; max-width: 230px; } .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: 4px; 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: #1a73e8; 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: #1a73e8; } .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 { width: 6px; } .orderform-template .cart-template.mini-cart .cart::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); border-radius: 4px; } .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: inherit; bottom: 0; width: 100%; left: 0; padding: 0; background: #fff; margin: 0 !important; margin-top: 24px !important; } .orderform-template .payment-confirmation-wrap .payment-submit-wrap button { border-radius: 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: 'Roboto', 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: 4px; 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: 0px !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; display: flex; width: 100%; } .steps-view > div, .gift-card-section > div, .App.iframe-credit-card-payment-group > div { width: 100%; } #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 + (40px - 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: #1a73e8; } #app-container .label-vertical-group.active { color: #1a73e8; 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: #999; } #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%; } #app-container .AddressForm .payment-billing-address-street { order: 1; } #app-container .AddressForm .payment-billing-address-complement { order: 2; } #app-container .AddressForm .payment-billing-address-city { order: 3; } #app-container .AddressForm .payment-billing-address-state { order: 4; } #app-container .AddressForm .PostalCode { order: 5; } @media screen and (max-width: 768px) { .orderform-template .payment-confirmation-wrap .payment-submit-wrap, .orderform-template .payment-confirmation-wrap button { margin-top: 22px !important; background-color: rgba(0, 0, 0, 0); } } @media (max-width: 1025px) { .orderform-template-holder .step .form-step fieldset.box-client-info-pj { margin-top: 32px; } } .vtex-omnishipping-1-x-toggleActive { background-color: #000 !important; } .PaymentCardValue .input-prepend { align-items: center; } .PaymentCardValue .input-prepend .add-on { background: rgba(0, 0, 0, 0); border: none; } .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: 4px; 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 rgba(0, 0, 0, 0); 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: 4px; 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; } #shipping-data .accordion-group.shipping-data:after { opacity: 0; transition: all ease 0.3s; } .js-v-custom-is-loadAddress .vtex-omnishipping-1-x-warning { display: none !important; } .js-v-custom-is-loadAddress #shipping-data .accordion-group.shipping-data:after { content: ''; display: block; opacity: 1; left: 0; top: 0; width: 100%; height: 20px; z-index: 2; margin: 0 0 20px 0; border-radius: 3px; } .js-v-custom-is-loadAddress #postalCode-finished-loading + .mb5 { display: none !important; } .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; } body.v-custom-addressForm-on.v-custom-step-shipping .vtex-omnishipping-1-x-addressForm, body.v-custom-addressForm-on.v-custom-step-shipping .vtex-omnishipping-1-x-deliveryGroup, body.v-custom-addressForm-on.v-custom-step-shipping .vtex-omnishipping-1-x-submitPaymentButton { display: none; } .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; } body.v-custom-googleForm-on .alert-noStreet { 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; } 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.returningUser .vtex-omnishipping-1-x-addressFormPart1 .input.ship-postalCode { display: block; } 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 .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, .vcustom--vtex-omnishipping-1-x-address select.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: 4px; } .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; } .alert-noStreet { margin: 30px auto 0 auto; text-align: center; } .vtex-omnishipping-1-x-addressSummaryActive .address-summary.address-summary-MLT .postalCode:before { content: ' - '; } .vtex-omnishipping-1-x-shippingSectionTitle { font-size: 16px !important; color: #000 !important; line-height: 1.4; font-family: 'Fancy Cut Pro', sans-serif; margin-bottom: 24px !important; } .vtex-omnishipping-1-x-scheduledDeliveryList, .vtex-omnishipping-1-x-leanShippingGroupList { border-radius: 0 !important; max-width: 458px; } #scheduled-delivery-delivery p { visibility: hidden; font-size: 0; } #scheduled-delivery-delivery p::after { font-size: 12px; visibility: visible; content: 'Entrega Agendada'; } .vtex-omnishipping-1-x-schedule, .vtex-omnishipping-1-x-leanShippingOption { height: 50px; border-radius: 0; } body:before { display: none !important; } 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 .shipping-data .accordion-toggle:after { content: 'Endere\E7o de entrega'; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; } @media (max-width: 690px) { body.js-vcustom-hideEmailStep .shipping-data .accordion-toggle:after { font-size: 14px; } } body.js-vcustom-hideEmailStep .shipping-data .accordion-toggle { display: flex; align-items: center; font-size: 0; } 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 { 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; } } @font-face { font-family: 'Brilliant Cut Pro'; src: url('https://cartier.vtexassets.com/assets/vtex/assets-builder/cartier.store-theme/0.0.25/fonts/BrilliantCutPro-Medium.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Brilliant Cut Pro'; src: url('https://cartier.vtexassets.com/assets/vtex/assets-builder/cartier.store-theme/0.0.25/fonts/BrilliantCutPro-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Fancy Cut Pro'; src: url('https://cartier.vtexassets.com/assets/vtex/assets-builder/cartier.store-theme/0.0.25/fonts/FancyCutPro-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Fancy Cut Pro'; src: url('https://cartier.vtexassets.com/assets/vtex/assets-builder/cartier.store-theme/0.0.25/fonts/FancyCutPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Fancy Cut Pro'; src: url('https://cartier.vtexassets.com/assets/vtex/assets-builder/cartier.store-theme/0.0.25/fonts/FancyCutPro-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } body.debug-on > *:not( .container-main, .main-header, .main-footer, #vtexIdContainer, .vtex-front-messages-placeholder, .pac-container ) { display: none; } .custom-checkout-steps { padding: 24px 0; padding-left: 30px; margin-bottom: 30px; font-family: 'Fancy Cut Pro', sans-serif; position: relative; } @media screen and (max-width: 768px) { .custom-checkout-steps { margin-bottom: 28px; padding: 0; margin-top: 18px; } } .custom-checkout-steps .step-indicator { display: flex; justify-content: space-between; align-items: center; list-style: none; padding: 0; margin: 0; position: relative; } .custom-checkout-steps .step-indicator::before { content: ''; position: absolute; top: 40px; left: 0; right: 0; height: 2px; background-color: #d9d9d9; z-index: 1; } .custom-checkout-steps .step-indicator::after { content: ''; position: absolute; top: 40px; left: 0; height: 2px; width: var(--progress, 0%); background-color: #000; z-index: 2; transition: width 0.3s ease; } .custom-checkout-steps .step-indicator .step { flex: 1; text-align: center; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; font-weight: 500; color: #1d1c1c; letter-spacing: 0.5px; position: relative; z-index: 3; border: none; padding-bottom: 10px; } .custom-checkout-steps .step-indicator .step::before { content: ''; width: 10px; height: 10px; background-color: #d9d9d9; border-radius: 50%; position: absolute; top: 36px; left: 50%; transform: translateX(-50%); z-index: 4; } .custom-checkout-steps .step-indicator .step.active::before, .custom-checkout-steps .step-indicator .step.completed::before { background-color: #000; } .checkout-container { z-index: 0 !important; } .gift-msg-container { font-family: BrilliantCutPro, Verdana, sans-serif; display: flex; overflow: hidden; min-height: 30px; } .gift-msg-container .round-check { position: relative; min-width: 25px; } .gift-msg-container .round-check label { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; height: 16px; left: 0; top: 25%; position: absolute; width: 16px; } .gift-msg-container .round-check label:after { content: ''; height: 12px; width: 12px; background-color: #000; border-radius: 50%; left: 2px; opacity: 0; position: absolute; top: 1.5px; } .gift-msg-container .round-check input[type='checkbox'] { visibility: hidden; } .gift-msg-container .round-check input[type='checkbox']:checked + label:after { opacity: 1; } .gift-msg-container button { border: 0; padding: 8px 10px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); font-size: 13px !important; font-weight: 400; line-height: 1.4; color: #000; font-family: 'Brilliant Cut Pro', sans-serif; } @media screen and (min-width: 1025px) { .gift-msg-container button { font-size: 16px !important; text-transform: none; font-family: 'Fancy Cut Pro', sans-serif; } } .gift-msg-container > button { display: none; } .gift-msg-modal-backdrop { position: fixed; top: 0; left: 0; display: none; height: 100%; align-items: center; justify-content: center; width: 100%; z-index: 99; background: rgba(0, 0, 0, 0.7); } .gift-msg-modal-container { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); flex-direction: column; position: relative; background: #fff; border-radius: 2px; max-width: 604px; display: flex; width: 100%; } .gift-msg-modal-container:before { content: ''; display: block; height: 8px; width: 100%; background-color: #c10016; position: absolute; top: 0; left: 0; } .gift-msg-modal-container > * { padding: 0 25px; } .gift-msg-modal-header { border-bottom: 1px solid #e5e5e5; justify-content: space-between; flex-direction: row; align-items: center; position: relative; padding-top: 8px; display: flex; height: 56px; } @media (min-width: 769px) { .gift-msg-modal-header { height: 62px; } } .gift-msg-modal-header h2 { font-family: 'Brilliant Cut Pro'; letter-spacing: 1.6px; white-space: nowrap; text-align: center; line-height: 24px; font-weight: 600; font-size: 16px; width: 100%; margin: 0; } .gift-msg-modal-close { background-color: rgba(0, 0, 0, 0); text-transform: uppercase; position: absolute; line-height: 15px; font-weight: 700; font-size: 18px; padding: 4.8px; color: #333; right: 16px; border: 0; } @media (min-width: 769px) { .gift-msg-modal-close { right: 24px; } } .gift-msg-modal-container h3 { font-size: 14px; font-weight: 600; line-height: 22px; text-transform: uppercase; margin: 0; } .gift-msg-modal-container h4 { font-family: 'Brilliant Cut Pro'; margin: 30.4px 0 11.6px; letter-spacing: 0.3px; line-height: 14px; font-weight: 400; font-size: 12px; } .gift-msg-modal-container p { font-family: 'Fancy Cut Pro'; margin: 20px 0 16px; text-align: center; line-height: 22px; font-weight: 400; font-size: 16px; } .gift-msg-modal-container span { font-family: 'Brilliant Cut Pro'; text-align: right; line-height: 25px; font-weight: 400; font-size: 10px; margin: 0 0 14px; } .gift-msg-radio { display: flex; align-items: center; margin: 0 0 25px; } .gift-msg-radio input { accent-color: #211e1f; margin: 0 10px 0 0; } .gift-msg-radio label { font-family: 'Brilliant Cut Pro'; text-transform: uppercase; line-height: 18px; font-weight: 400; font-size: 12px; } .gift-msg-modal-form { padding: 0 25px 16px; display: flex; flex-direction: column; } .gift-msg-modal-text { border: 1px solid #d8d8d8; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; } .gift-msg-modal-text > * { margin: 0 auto; } .gift-msg-modal-container textarea { box-sizing: border-box; font-family: ProximaNova; font-style: normal; resize: none; border: 1px solid #d8d8d8; border-radius: 0; width: 100%; margin-top: 25px; text-align: center; } .gift-msg-modal-container textarea::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.3px; text-align: center; color: #555; -webkit-transform: translateY(40px); transform: translateY(40px); } .gift-msg-modal-container textarea::-moz-placeholder { font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.3px; text-align: center; color: #555; transform: translateY(40px); } .gift-msg-modal-container textarea:-ms-input-placeholder { font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.3px; text-align: center; color: #555; transform: translateY(40px); } .gift-msg-modal-container textarea::-ms-input-placeholder { font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.3px; text-align: center; color: #555; transform: translateY(40px); } .gift-msg-modal-container textarea::placeholder { font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.3px; text-align: center; color: #555; -webkit-transform: translateY(40px); transform: translateY(40px); } .gift-msg-modal-container button[type='submit'] { font-family: 'Brilliant Cut Pro'; text-transform: uppercase; background: #000; text-align: center; line-height: 12px; margin: 17px 0 0; font-weight: 600; font-size: 12px; color: #fff; height: 40px; width: 100%; border: 0; } .gift-msg-radio-group { display: flex; flex-direction: column; } .gift-msg-radio-button input[type='radio'] { opacity: 0; position: fixed; width: 0; } .gift-msg-radio-button label { font-family: 'Brilliant Cut Pro'; background-color: #f8f8f8; border: 1px solid #f8f8f8; display: inline-block; margin-right: 16.53px; letter-spacing: 0.3px; text-align: center; line-height: 40px; font-weight: 400; border-radius: 0; font-size: 13px; color: #555; height: 40px; width: 96px; } .gift-msg-radio-button input[type='radio']:focus + label, .gift-msg-radio-button label:hover { background-color: #ccc; border: 1px solid #ccc; } .gift-msg-radio-button input[type='radio']:checked + label { background-color: #fff; border-color: #1e1d1d; } .gift-msg-modal-form-message { font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.3px; color: red; padding: 10px 0; text-align: center; display: none; margin: 30px 0 0; } .gift-msg-modal-form-message.success { color: green; } .gift-msg-editor { display: none; justify-content: space-between; width: 100%; } .gift-msg-editor span { width: 50%; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Brilliant Cut Pro'; font-size: 12px; font-weight: 400; text-transform: uppercase; } .gift-msg-editor button { max-width: 172px; white-space: nowrap; width: 100%; } @media (min-width: 481px) { .gift-msg-editor { justify-content: flex-start; } .gift-msg-editor span { width: 20%; } } @media (min-width: 769px) { .gift-msg-modal-container { max-width: 604px; } .gift-msg-radio-group { flex-direction: row-reverse; justify-content: center; align-items: center; gap: 23px; } .gift-msg-radio { margin: 0; } .gift-msg-modal-form-message { text-align: left; } } @media (min-width: 1025px) { .gift-msg-editor { width: 50%; } .gift-msg-editor .gift-msg-editor span { font-size: 11px; font-weight: 400; width: 30%; } .gift-msg-container button { padding: 15px 8px; font-size: 12px; line-height: 12px; } .gift-msg-container .round-check label:after { top: 2.5px; } } .add-item-attachment-container, .cconf-attachment-gift-message, .cconf-attachment-presente, .clone-item, .item-attachments-content, .item-attachments-head, .item-attachments-name-embalagempresente, .item-attachments-name-gift-message, .item-attachments-name-mensagemembalagempresente, .product-item-attachment-offerings { display: none !important; } .orderform-template-holder .vcustom-checkout-title { padding: 12px 30px; } @media (max-width: 690px) { .orderform-template-holder .vcustom-checkout-title { font-size: 18px; padding: 0 20px; } } .orderform-template-holder .vcustom-checkout-title p { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 22px; line-height: 28px; letter-spacing: 0.5%; text-transform: uppercase; color: #1d1d1c; } @media (max-width: 690px) { .orderform-template-holder .vcustom-checkout-title p { font-size: 18px; padding: 0; margin: 0; } } .orderform-template-holder .input-small, .orderform-template-holder .input-xlarge { font-family: 'Brilliant Cut Pro', sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; letter-spacing: 0.5px !important; color: #939393 !important; } .orderform-template-holder .accordion-toggle span { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600 !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; color: #000 !important; } .orderform-template-holder .accordion-toggle span::before { background-color: rgba(0, 0, 0, 0) !important; color: #000 !important; border: none !important; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600 !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: 0.5px !important; } .orderform-template-holder #shipping-data .accordion-heading span { background-color: rgba(0, 0, 0, 0) !important; color: #000 !important; border: none !important; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600 !important; line-height: 24px !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; font-size: 0; display: flex; align-items: center; } .orderform-template-holder #shipping-data .accordion-toggle::before { background-color: rgba(0, 0, 0, 0) !important; color: #000 !important; border: none !important; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0.5px !important; } .orderform-template-holder .vcustom-required-note { text-align: right; margin-top: 21px; font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; color: #575757; } .orderform-template-holder .row-fluid { display: flex; flex-direction: column; gap: 16px; } .orderform-template-holder .row-fluid .step .accordion-body .form-step input[type='text'], .orderform-template-holder .row-fluid .step .accordion-body .form-step input[type='email'], .orderform-template-holder .row-fluid .step .accordion-body .form-step input[type='tel'], .orderform-template-holder .row-fluid .step .accordion-body .form-step input[type='number'], .orderform-template-holder .row-fluid .step .accordion-body .form-step input[type='password'] { border: none !important; border-bottom: 1px solid #000 !important; box-shadow: none !important; border-radius: 0 !important; height: 24px !important; } .orderform-template-holder .row-fluid .step .accordion-body .form-step .btn-success { background-color: #000; color: #fff; padding: 8px 36px; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: 0.8px; text-transform: uppercase; border-radius: 0; border: none; margin: unset !important; } .orderform-template-holder .row-fluid .box-info p { margin-bottom: 0; font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #575757; } .orderform-template-holder .links .pf-pj #is-corporate-client { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0%; text-decoration: underline; color: #1d1d1c; } .orderform-template-holder .newsletter-label { margin-top: 29px; } .orderform-template-holder .newsletter-label .opt-in-newsletter { width: 20px; height: 20px; } .orderform-template-holder .newsletter-label .newsletter-text { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0%; color: #353535; } .orderform-template-holder .link-box-edit:hover { color: #575757 !important; } .orderform-template-holder .link-box-edit::before { content: 'Editar'; font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #575757; text-decoration: none; border-bottom: 1px solid #575757; padding-bottom: 2px; text-transform: capitalize; } .orderform-template-holder .link-box-edit::before:hover { text-decoration: none; color: #575757 !important; } .orderform-template-holder .link-box-edit .icon-edit { display: none !important; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap .payment-group-item.active .payment-group-item-text:before { background: #000; border-color: #000; width: 12px; height: 12px; padding: 4px; } .orderform-template-holder #payment-data .v-custom-payment-item-wrap.active { box-shadow: none !important; } .iframe-credit-card-payment-group .CardForm div .PaymentCardNumber .FormFieldLabel { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #575757; } #creditCardpayment-card-0Number::before { background-image: url('/arquivos/cartier-creditcard-icon.png'); background-repeat: no-repeat; background-position: 8px center; background-size: 20px 20px; padding-left: 36px; } .PaymentCardFlags { display: none !important; } .ChangeNumberOfPayments a { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 12px !important; font-weight: bold; color: #000; text-transform: uppercase; } input[type='text'], input[type='email'], input[type='tel'], input[type='number'], input[type='password'] { border: none !important; border-bottom: 1px solid #000 !important; box-shadow: none !important; border-radius: 0 !important; height: 24px !important; min-width: 140px; } p.input small { display: none; } .btn-success, .vtex-omnishipping-1-x-submitPaymentButton .btn-success { background-color: #000 !important; color: #fff !important; padding: 8px 36px !important; font-family: 'Brilliant Cut Pro', sans-serif !important; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; border-radius: 0 !important; border: none !important; margin: unset !important; margin-top: 20px !important; } #client-profile-data:has(> .step.filled:not(.active)) { background-color: #f9f9f9; } #client-profile-data:has(> .step.filled:not(.active)) .client-profile-data { background-color: #f9f9f9; } #shipping-data:has(> .shipping-data:not(.active)) { background-color: #f9f9f9 !important; } #shipping-data:has(> .shipping-data:not(.active)) .vtex-omnishipping-1-x-shippingDataDev { background-color: #f9f9f9 !important; } .vtex-omnishipping-1-x-SummaryItemGroup { margin-bottom: unset !important; font-family: 'Fancy Cut Pro', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 22px !important; letter-spacing: 0.5% !important; color: #575757 !important; } .vtex-omnishipping-1-x-SummaryItemContent { font-size: 16px !important; } .vtex-omnishipping-1-x-SummaryItemPrice, .vtex-omnishipping-1-x-summaryChange { display: none !important; } .vtex-omnishipping-1-x-SummaryItemInfo { border: unset !important; } .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-shippingSectionTitle { display: none; } .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive { border: unset; background-color: #f9f9f9; border-radius: 4px; } .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary { background: url('/arquivos/cartier-home-icon.png') !important; background-position: 9px !important; background-repeat: no-repeat !important; background-size: initial !important; border: unset !important; } .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary span { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0%; color: #353535; } .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary a { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 800; font-size: 16px; line-height: 140%; letter-spacing: 0%; color: #353535; text-decoration: none; } .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary a:hover { text-decoration: none; } svg.vtex-omnishipping-1-x-svg path { fill: #000 !important; } .vtex-omnishipping-1-x-leanShippingTextLabelSingle span { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 15px; line-height: 150%; letter-spacing: 1.25%; color: #575757; } .vcustom-shipping-method-note p, .vcustom-shipping-info-note p { margin-bottom: unset; font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; color: #000; } .vcustom-shipping-method-note span, .vcustom-shipping-info-note span { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: 0.5px; color: #575757; width: 100%; text-align: end; } .vcustom-shipping-method-note-paragraph { margin-bottom: 24px !important; font-size: 18px !important; } .FormFieldLabel { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #575757; } #creditCardpayment-card-0Brand { border: none; border-bottom: 1px solid #000; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #939393; } .PaymentInstallments #creditCardpayment-card-0Brand { border: none; border-bottom: 1px solid #000; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #939393; border-radius: 0; } .PaymentCardDueDate #creditCardpayment-card-0Year, .PaymentCardDueDate #creditCardpayment-card-0Month { border: none !important; border-radius: 0; border-bottom: 1px solid #000 !important; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #939393; } .PaymentCardDueDate .payment-card-lash { margin-bottom: 0 !important; position: relative !important; top: 14px !important; font-size: 35px !important; color: #000 !important; font-weight: 100 !important; } .PaymentCardCVV { margin-top: 12px; } .PaymentCardCVVHelp { position: relative; left: 45px; } .PaymentCardCVV input#creditCardpayment-card-0Code { position: relative; top: 6px; } .PaymentCardHolderDocument #holder-document-0 { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #939393; } .PaymentCardHolderDocument #holder-document-0::placeholder { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #939393; } .CardForm .AddressToggle { margin-top: 24px; display: flex; justify-content: flex-start; align-items: center; gap: 8px; font-family: 'Fancy Cut Pro', sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; color: #000; } .CardForm .AddressToggle #address-toggle-0, .CardForm .AddressToggle #address-toggle-1 { width: 20px; height: 20px; border: 1px solid #000; margin: 0; accent-color: #fff; } .corporate-title { font-family: 'Brilliant Cut Pro', sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 0.5%; } .custom-cart-template-wrap { background-color: #f9f9f9 !important; } .custom-cart-template-wrap #go-to-cart-button { top: 18px !important; right: 24px !important; } .custom-cart-template-wrap #go-to-cart-button #orderform-minicart-to-cart { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 0; line-height: 0; letter-spacing: 0.5%; color: #575757; text-decoration: none; border-bottom: 1px solid #575757; padding-bottom: 2px; } .custom-cart-template-wrap #go-to-cart-button #orderform-minicart-to-cart:hover { text-decoration: none; } .custom-cart-template-wrap #go-to-cart-button #orderform-minicart-to-cart::before { content: 'Editar'; font-size: 16px; line-height: 22px; } .cart .cart-items .hproduct { display: grid; grid-template-columns: 60px 1fr; gap: 4px; padding: 16px 0; border-bottom: none !important; align-items: start; } .cart .cart-items .hproduct .url { grid-column: 1; align-self: start; } @media screen and (min-width: 768px) { .cart .cart-items .hproduct .url img { object-fit: cover; } } .cart .cart-items .hproduct .quantity-wrapper { grid-column: 2; font-family: 'Fancy Cut Pro', sans-serif; } .cart .cart-items .hproduct .quantity-wrapper .quantity-label { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; grid-column: 2; color: #575757; } .cart .cart-items .hproduct .brand { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0.5px; color: #000; margin-top: -20px; } .cart .cart-items .hproduct .size { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0.5px; color: #575757; } .cart .cart-items .hproduct .size span { color: #000; } .cart .cart-items .hproduct .description { margin-top: 8px !important; } .cart .cart-items .hproduct > .product-name, .cart .cart-items .hproduct > .quantity-label, .cart .cart-items .hproduct > .brand, .cart .cart-items .hproduct > .size, .cart .cart-items .hproduct > .quantity, .cart .cart-items .hproduct > .description { grid-column: 2; } .cart .cart-items .hproduct .product-details { display: flex; flex-direction: column; gap: 2px; } .cart .cart-items .hproduct .product-details .custom-quantity { font-family: 'Fancy Cut Pro', sans-serif; font-size: 13px; color: #575757; font-weight: 400; } .cart .cart-items .hproduct .product-details .custom-quantity .quantity.badge { margin-left: 4px; position: relative !important; } .cart .cart-items .hproduct .fn { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase; color: #000; } .cart .cart-items .hproduct .price { font-weight: 700; font-size: 15px; color: #000; margin: 0; } .cart .cart-items .hproduct .description { display: flex; flex-direction: column; gap: 4px; } .cart .cart-items .hproduct .description span { font-family: 'Fancy Cut Pro', sans-serif; font-size: 13px; line-height: 18px; color: #4f4f4f; font-weight: 400; text-align: start; } .cart .cart-items .hproduct .description .price { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase; color: #000; } .orderform-template .cart-template.mini-cart #go-to-cart-button { text-decoration: none !important; } .orderform-template .cart-template.mini-cart .quantity { font-family: 'Fancy Cut Pro', sans-serif !important; background-color: rgba(0, 0, 0, 0) !important; border: unset !important; color: #000 !important; font-size: 16px !important; line-height: 22px !important; position: relative !important; justify-content: center !important; box-shadow: unset !important; grid-column: 2 !important; padding: unset !important; top: 0 !important; } .wrapper-final-price-and-shipping { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #000; padding: 24px; margin-top: 24px; } .wrapper-final-price-and-shipping .summary-template-holder { width: 100% !important; } .wrapper-final-price-and-shipping .totalizers-list { border-top: unset !important; border-bottom: unset !important; } .wrapper-final-price-and-shipping .totalizers-list .vcustom-shipping-courtesy { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 14px; line-height: 150%; letter-spacing: 0%; color: #353535; padding-bottom: 16px; border-bottom: 1px solid #e7e7e7 !important; } .wrapper-final-price-and-shipping .totalizers-list .vcustom-shipping-courtesy .monetary { font-size: 12px; line-height: 140%; letter-spacing: 2%; text-transform: uppercase; color: #353535; } .wrapper-final-price-and-shipping .payment-confirmation-wrap { background-color: rgba(0, 0, 0, 0) !important; margin-top: -30px !important; } .wrapper-final-price-and-shipping .coupon-column { display: none !important; } .orderform-template .cart-template.mini-cart .summary-template-holder .summary > .summary-coupon-wrap { display: none !important; } .orderform-template .cart-template.mini-cart .summary-totalizers tbody td { color: unset !important; } .orderform-template .cart-template.mini-cart h2 { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase; color: #1d1c1c; } .summary-template-holder .table .totalizers-list .Items .info { font-size: 0; line-height: 0; } .summary-template-holder .table .totalizers-list .Items .info::before { content: 'Total'; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #1d1c1c; text-transform: uppercase; } .summary-template-holder .table .totalizers-list .Items .monetary { content: 'Total'; font-family: 'Brilliant Cut Pro', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #1d1c1c !important; } #payment-data-submit { height: 48px !important; } #payment-data-submit .icon-lock { display: none !important; } .vcustom-field-treatment > label { font-size: 14px; color: #575757; font-weight: 400; font-family: 'Fancy Cut Pro', sans-serif; margin-top: 4px; margin-bottom: 16px; } .vcustom-field-treatment-values { display: flex; align-items: center; gap: 24px; margin-bottom: 20px; flex-wrap: wrap; } .vcustom-field-treatment-values > label { display: flex; align-items: center; font-family: 'Brilliant Cut Pro', sans-serif; gap: 12px; font-size: 12px; color: #000; font-weight: 400; line-height: 1.4; letter-spacing: 0.8px; } .vcustom-field-treatment-values > label > input[type='radio'] { appearance: none; -webkit-appearance: none; background-color: #fff; margin: 0; width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; display: grid; place-content: center; transition: border-color 0.2s; } .vcustom-field-treatment-values > label > input[type='radio']:checked { border-color: #000; background-color: #fff; } .vcustom-field-treatment-values > label > input[type='radio']::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #000; opacity: 0; transition: opacity 0.2s; display: block; } .vcustom-field-treatment-values > label > input[type='radio']:checked::before { opacity: 1; } .vcustom-nativos-row { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: 'email cpf' 'firstName lastName' 'birthdate phone' 'rg issuing' 'pep public' 'publicType publicType'; gap: 24px; } .client-email.input.text.required { grid-area: email; } .client-document.input.pull-left.text.required.mask:not([style*='display: none']) { grid-area: cpf; } .client-first-name.input.pull-left.text.required { grid-area: firstName; } .client-last-name.input.pull-left.text.required { grid-area: lastName; } .client-birthdate.input.pull-left.text.required { grid-area: birthdate; } .client-phone.input.pull-left.text.required.mask:not([style*='display: none']) { grid-area: phone; } .vcustom-field-rg { grid-area: rg; } .vcustom-field-issuingAuthority { grid-area: issuing; } .vcustom-field-politicalExposedPerson { grid-area: pep; } .vcustom-field-occupyPublicPosition { grid-area: public; } .vcustom-field-occupyPublicPositionType { grid-area: publicType; } @media (max-width: 600px) { .vcustom-nativos-row { grid-template-columns: 1fr; grid-template-areas: 'email' 'cpf' 'firstName' 'lastName' 'birthdate' 'phone' 'rg' 'issuing' 'pep' 'public' 'publicType'; gap: 12px; } } .vcustom-nativos-row > p.client-email, .vcustom-nativos-row > p.client-first-name, .vcustom-nativos-row > p.client-last-name, .vcustom-nativos-row > p.client-document, .vcustom-nativos-row > p.client-phone, .vcustom-nativos-row > p.client-birthdate { float: unset !important; width: 100% !important; } .vcustom-field-birthdate, .vcustom-field-rg, .vcustom-field-issuingAuthority, .vcustom-field-politicalExposedPerson, .vcustom-field-occupyPublicPosition, .vcustom-field-occupyPublicPositionType { max-height: 61px; } .vcustom-field-birthdate > label, .vcustom-field-rg > label, .vcustom-field-issuingAuthority > label, .vcustom-field-politicalExposedPerson > label, .vcustom-field-occupyPublicPosition > label, .vcustom-field-occupyPublicPositionType > label { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; color: #575757; margin: 10px 0 5px 0; display: block; } .vcustom-field-birthdate > input, .vcustom-field-rg > input, .vcustom-field-issuingAuthority > input, .vcustom-field-politicalExposedPerson > input, .vcustom-field-occupyPublicPosition > input, .vcustom-field-occupyPublicPositionType > input { padding: 0; font-family: 'Brilliant Cut Pro', sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; letter-spacing: 0.5px !important; color: #939393 !important; } .vcustom-error-message { font-size: 11px; margin-top: 0; color: #dd4b39; } .vcustom-field-birthdate > input { padding: 0 !important; } .vcustom-field-birthdate > input::placeholder { font-family: 'Brilliant Cut Pro', sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; letter-spacing: 0.5px !important; color: #939393 !important; } p[data-bind*='emailSuggestionDomain'] { display: none !important; } .empty-cart-shelf { max-width: 1200px; width: 100%; margin: 0 auto; text-align: center; padding: 0 32px; position: relative; } @media (max-width: 767px) { .empty-cart-shelf { width: 70%; } } .empty-cart-shelf .shelf-empty-cart-title { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: 0.5px; text-transform: uppercase; color: #1d1c1c; margin-top: 61px; } .empty-cart-shelf .slick-prev, .empty-cart-shelf .slick-next { background: rgba(255, 255, 255, 0.8); color: #000; font-size: 24px; width: 40px; height: 40px; border-radius: 50%; z-index: 2; top: 40%; transform: translateY(-50%); transition: background 0.3s ease, color 0.3s ease; display: flex !important; align-items: center; justify-content: center; outline: none; } .empty-cart-shelf .slick-prev:hover, .empty-cart-shelf .slick-prev:focus, .empty-cart-shelf .slick-prev:active, .empty-cart-shelf .slick-next:hover, .empty-cart-shelf .slick-next:focus, .empty-cart-shelf .slick-next:active { color: #000; background: rgba(255, 255, 255, 0.8); } .empty-cart-shelf .slick-prev { left: -60px; } @media (max-width: 767px) { .empty-cart-shelf .slick-prev { left: -50px; } } .empty-cart-shelf .slick-next { right: -60px; } @media (max-width: 767px) { .empty-cart-shelf .slick-next { right: -30px; } } .empty-cart-shelf__products { width: 100%; } .empty-cart-shelf__products .slick-slide { padding: 0 8px; box-sizing: border-box; } .empty-cart-shelf__products .empty-cart-shelf__product-card { text-align: center; background: rgba(0, 0, 0, 0); margin: 0 auto; } .empty-cart-shelf__products .empty-cart-shelf__product-card a:hover { text-decoration: none; border: 1px solid #e7e7e7; } .empty-cart-shelf__products .empty-cart-shelf__product-card a { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 12px; } .empty-cart-shelf__products .empty-cart-shelf__product-card a .shelf-product-buy-button { width: 100%; background: #000; color: #fff; font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: 0.8px; text-transform: uppercase; border: none; padding: 9px 0; cursor: pointer; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } @media (max-width: 767px) { .empty-cart-shelf__products .empty-cart-shelf__product-card a .shelf-product-buy-button { opacity: 1; } } .empty-cart-shelf__products .empty-cart-shelf__product-card a:hover .shelf-product-buy-button { opacity: 1; transform: translateY(0); } .empty-cart-shelf__products .empty-cart-shelf__product-card a .empty-cart-shelf__image-wrapper { padding: 16px; width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; } .empty-cart-shelf__products .empty-cart-shelf__product-card a .empty-cart-shelf__image-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 0; } .empty-cart-shelf__products .empty-cart-shelf__product-card a .shelf-product-name, .empty-cart-shelf__products .empty-cart-shelf__product-card a .shelf-product-price { font-family: 'Brilliant Cut Pro', sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-transform: uppercase; color: #000; } .empty-cart-shelf__products .empty-cart-shelf__product-card a .shelf-product-subdescricao { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; color: #000; text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-transform: capitalize; } .product-name .size, .product-name .brand { font-family: 'Fancy Cut Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; color: #000; margin-top: 4px; } @media (max-width: 767px) { .product-name .size, .product-name .brand { display: block !important; } } .empty-cart-shelf__products { width: 100%; } .empty-cart-shelf__products .slick-track { display: flex !important; align-items: stretch; } .empty-cart-shelf__products .slick-slide { display: flex !important; justify-content: center; }