/* 
Site: rawart.com.br
Versão 3.0 / 2024
*/

/* Configurações gerais do código */
/* Edite só os valores como var(--primary), #f1f1f1 e 20px */

:root {

/* Cores gerais */
  /* Use códigos de cor ou o nome em inglês como red, black, pink... */
--primary: #8e4fb8;
--w: #ffffff;
--b: #000000;
  
/* ----- Configurações gerais ----- */  
  
/* Plano de fundo do checkout */ 
--body_bg: radial-gradient(#ffffff 20%, transparent), url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/bg.webp?v=1712416255); 
  
/* Cor da borda do box selecionado */ 
--select_box: var(--primary);
  
/* Borda arredondada */ --br: 20px;  
  

/* ----- Topbar ----- */ 
  
  /* ----- Altura da barra ----- */   
     --topbar_size: 30px; /* 0 para desativar */
  /* ----- Cor de fundo ----- */  
     --topbar_bg: #24ac65;
  /* ----- Textos ----- */
     --topbar_text1: '5% DE DESCONTO NO PIX';
     --topbar_text2: 'COMPRE COM SEGURANÇA';
     --topbar_text3: 'SITE SEGURO';
  /* ----- Velocidade da troca de texto ----- */
     --topbar_speed: 10s;
  
  
/* ----- Cabeçalho ----- */
  
/* Link da sua logo aqui, não precisa ser SVG. */ 
  --logo: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/Rawart_Logo_-_Copia.png?v=1711647764);  
/* Tamanho da logo */ 
  --logo_size: 150px;
/* Cor de fundo - desktop */ 
  --header_bg: var(--primary);  
/* Cor de fundo - celular */ 
  --header_bg_mb: var(--primary);   
  
  
/* ----- Barra lateral ----- */
  
/* Cor de fundo */ --block4_bg: linear-gradient(34deg, transparent 24%, white 60%);
  
  
/* ----- Rodapé ----- */  
  
/* Logo e cor de fundo no rodapé */  

--footer_bg: transparent;
--footer_logo: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/Ativo_8_-_Copia_a3a4a598-44af-4754-b317-b9e9708ac966.png?v=1712415810);  
  
/* Tamanho da logo no rodapé */ --footer_logo_size: 40px;
  
}

/* Geral */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 15px;
}
::-webkit-scrollbar-track {
    background: var(--body_bg);
    border-radius: var(--br);
}
html {
    display: flex;
    justify-content: center;
    align-items: stretch
}
.modal#modal-transaction-error .modal-content, .v-modal#modal-transaction-error .modal-content {
    background: linear-gradient(318deg, white 95%, red 0);
    border-radius: var(--br);
    border: 0;
    box-shadow: 0 0 10px -5px var(--b);
}
.overlay {z-index: 10000}
.custom-checkout {
    width: 100%;
    background: var(--body_bg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
}
.content.clearfix {
    min-height: auto;
    padding: calc(var(--topbar_size) + 8rem) 0 0;
}
.inner-body {
    width: calc(100% - 350px);
    height: 100%;
}
.checkout-finalization .inner-body, .empty-cart .inner-body {width: 100%}
.container {
    width: 95%;
}
.login .content.clearfix, .login .inner-body {
    width: 100%;
}
.col-checkout-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-checkout .holder-number, .holder-cols-checkout .box-checkout.active .box-title .holder-number {
    background: var(--primary);
    border-radius: 4px !important;
}
.btn-primary, .holder-cols-checkout .box-checkout:not(.active):not(.disabled):not(.box-resume):not(.box-payment) .holder-number {
   background: var(--primary) !important;
}
.holder-cols-checkout .box-checkout:not(.active):not(.disabled):not(.box-resume):not(.box-payment) .title, .holder-cols-checkout .box-checkout:not(.active):not(.disabled):not(.box-resume):not(.box-payment) .green, .finalization-pix .price-total .-value, .finalization-wallet .price-total .-value {
   color: var(--primary) !important;
}
.holder-cols-checkout .payments .billet-price, 
.holder-cols-checkout .payments .deposit-price, 
.holder-cols-checkout .payments .pix-price, 
.box-checkout.active .title.f-h2.ctx-title.bold, 
.holder-cols-checkout .container-shipment .option .inner-label .price,
.holder-cols-checkout .box-checkout.box-resume .cart_total,
.form-horizontal .holder-input.valid:after,
.btn-tertiary, .yampi-purple, .finalization-pix .pix-total .-value, .holder-cols-checkout .cart-resume .detail.total {
  color: var(--primary) !important;
}
@media (max-width:1065px) {
.inner-body {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.custom-checkout {
    min-width: 100%;
 }
.content.clearfix, .container {
    width: 100%;
}  
}

/* Topbar */

header::before {
    background: var(--topbar_bg);
    position: absolute;
    display: flex !important;
    top: 0;
    width: 100%;
    height: var(--topbar_size);
    font-size: 17px;
    font-weight: 600;
    color: var(--w);
    line-height: 1 !important;
    text-shadow: 0 2px 3px #0000005e;
    animation: text_move var(--topbar_speed) infinite linear;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}  
@keyframes text_move {
  0% {content: var(--topbar_text1)}
  50% {content: var(--topbar_text2)}
  100% {content: var(--topbar_text3)}
}

/* Cabeçalho | Header */

header.clearfix {
    background: var(--header_bg);
    position: fixed;
    width: calc(100% - 350px);
    display: flex;
    height: calc(30px + var(--logo_size));
    z-index: 1000;
    padding: var(--topbar_size) 0 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, transparent, var(--w) 50%, transparent) 1;
    backdrop-filter: blur(8px);
    align-items: center;
    box-shadow: 0 0 19px -4px var(--b);
}
.login header.clearfix, .checkout-finalization header.clearfix, .empty-cart header.clearfix {
    width: 100%;
}
.holder-logo {
    display: flex;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
}
#header-logo::before {
    content: '';
    background: var(--logo);
    background-repeat: no-repeat;
    background-size: var(--logo_size);
    background-position: center;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 200;
    margin: 0 auto;
    width: var(--logo_size);
    height: 100%;
    pointer-events: all;
}
.img-logo {
    min-height: var(--logo_size);
}
.logo {display:none !important}
.item-security svg {
    fill: white;
    width: 110px;
    height: 150px;
}

@media (max-width: 1065px) {
header.clearfix {
    background: var(--header_bg_mb);
    width: 100%;
    z-index: 3000;
} 
.item-security svg {
    width: 110px !important;
    height: 150px;
}    
}
  
/* Estrutura geral */

/* Produtos recomendados */

.holder-recomm {
  border: 2px solid var(--primary);
  border-radius: var(--br);
}

.item-recomm form {
    display: inline-flex;
    padding: 10px;
    border: 2px solid var(--primary);
    border-radius: var(--br);
    justify-content: center;
}
.item-recomm form .photos {
    margin: 0 0 16px;
    border: 1px solid #00000012;
    border-radius: var(--br);
}
.item-recomm form .details {
    text-align: center;
}

@media (min-width: 769px) {
.disabled {border: 1px solid #dfdfdf !important}
}  

/* Ícones no celular */  

@media (max-width: 1065px) {
.steps-checkout {
    display: flex !important;
    justify-content: center;
}    
.checkout-step {
    background: white;
    margin: 0 5px;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: var(--br);
} 
.checkout-step .holder-icon {
    border-radius: var(--br) !important;
} 
.checkout-step.enabled.active {
    border: 2px solid var(--primary);0
}  
.steps-checkout .connect {
    background: none !important;
    height: 1px !important;
    border-radius: var(--br);
}    
.checkout-step.enabled .holder-icon {
    background: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/dados.svg?v=1712416847);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 66%;
    background-color: var(--primary);
    border-radius: 0 0 var(--br) var(--br);
    border: 2px solid var(--primary);
    padding: 7px;
    margin: 14px 0 11px 0;
    font-size: 0;   
}  
.checkout-step:nth-child(2).enabled .holder-icon {
    background: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/truck.svg?v=1712416979);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    background-color: var(--primary);
    border-radius: 0 0 var(--br) var(--br);
    border: 2px solid var(--primary);
    padding: 7px;
    margin: 14px 0 11px 0;
    font-size: 0; 
}  
.checkout-step:nth-child(3).enabled .holder-icon {  
    background: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/card_1.svg?v=1712417029);
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 80%;
    background-color: var(--primary);
    border-radius: 0 0 var(--br) var(--br);
    border: 2px solid var(--primary);
    padding: 7px;
    margin: 14px 0 11px 0;
    font-size: 0;   
}  
.checkout-step.disabled:nth-child(2) .holder-icon {
    background: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/dados.svg?v=1712416847);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    background-color: #bdbdbd;
    border-radius: 0 0 var(--br) var(--br);
    border: 2px solid #bdbdbd;
    padding: 7px;
    margin: 14px 0 11px 0;
    font-size: 0;
} 
.checkout-step.disabled:nth-child(3) .holder-icon {
    background: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/truck.svg?v=1712416979);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-color: #bdbdbd;
    border-radius: 0 0 var(--br) var(--br);
    border: 2px solid #bdbdbd;
    padding: 7px;
    margin: 14px 0 11px 0;
    font-size: 0;
}  
.checkout-step:nth-child(3) .holder-icon {
    background: url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/card_1.svg?v=1712417029);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-color: #bdbdbd;
    border-radius: 0 0 var(--br) var(--br);
    border: 2px solid #bdbdbd;
    padding: 7px;
    margin: 14px 0 11px 0;
    font-size: 0;
  }  
}

/* Blocos em geral */

.holder-cols-checkout .box-checkout {
    border-radius: var(--br);
}
.holder-cols-checkout .col-checkout.col-1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.col-checkout:not(:has(.box-addresses)) .box-customer {
    min-width: 100%;
}
.holder-cols-checkout .box-checkout:not(.active):not(.disabled):not(.box-resume):not(.box-payment) {
    background: #ffffff24;
    border: 1px solid #0000001f;
    backdrop-filter: blur(3px);
    box-shadow: 0 0 6px -5px var(--b);
}
.box-checkout.box-checkout.active {
    background: #ffffffab !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 0 6px -5px var(--b) !important;
    border: 2px solid var(--select_box) !important;
}
.box-checkout.box-checkout.active .box-title {
    border-right: 0px solid var(--primary);
}
.box-customer, .box-addresses {
    max-width: 48% !important;
}
@media (max-width: 1065px) {
.box-checkout.box-checkout {
    min-width: 100%;
 }
}

/* Bloco 1 */

@media (max-width: 768px) {
.box-checkout.active {
    margin: 0 auto !important;
    border-radius: 20px !important;
 }
}

/* Bloco 3 */

.holder-cols-checkout .col-checkout.col-2 {
    padding: 0;
    width: 100%;
}
.box-checkout.box-payment.link-box-checkout {
    background: #ffffff78;
    border: 1px solid #0000001f;
    backdrop-filter: blur(2px);
    box-shadow: 0 0 6px -5px var(--b);
    border-radius: var(--br);
}
.box-payment.active:after {
    content: '10% de desconto pagando com PIX ou cartão';
    background: #ffffff;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 30px;
    margin: 6px 0;
    border: 2px solid var(--primary);
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: var(--primary);
    border-radius: var(--br);
}
.holder-cols-checkout .payments .payment {
    border-radius: var(--br);
}
.holder-cols-checkout .payments .payment:hover {
    background: #fbfbfb;
    border: 1px solid var(--primary);
}
.holder-cols-checkout .payments .payment.selected {
    background: #fbfbfb;
    border: 2px solid var(--primary);
}
/* Cartão - PIX - Boleto */
[for="payment-credit-card"] .holder-icheck::after, [for="payment-pix"] .holder-icheck::after, [for="payment-billet"] .holder-icheck::after { 
    background: var(--primary);
    font-size: 11px;
    font-weight: 500;
    color: var(--w);
    padding: 6px 10px;
    border: 2px solid var(--primary);
    border-radius: var(--br);
    top: 10px;
    right: 10px;
    position: absolute;
}
/* Cartão */
[for="payment-credit-card"] .holder-icheck::after { 
    content: 'APROVAÇÃO IMEDIATA';
}
/* PIX */
[for="payment-pix"] .discount-flag {display:none} /* Oculta a etiqueta de desconto padrão */
[for="payment-pix"] .holder-icheck::after { 
    content: 'APROVAÇÃO IMEDIATA';
}
/* Boleto */
[for="payment-billet"] .discount-flag {display:none} /* Oculta a etiqueta de desconto padrão */
[for="payment-billet"] .holder-icheck::after {
    content: 'APROVAÇÃO EM 3 DIAS';
}
@media (min-width: 500px) {
[for="payment-pix"] .discount-flag, [for="payment-billet"] .discount-flag {
    background: none !important;
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: var(--primary) !important;
    padding: 6px 10px !important;
    border: 2px solid var(--primary);
    border-radius: var(--br) !important;
    top: 10px;
    right: 165px !important;
}
}
@media (min-width: 900px) {
[for="payment-pix"] .discount-flag, [for="payment-billet"] .discount-flag {
    font-size: 11px;
    font-weight: 500;
    right: 173px !important;
}
/* Imagem do cartão */
.jp-card-container {
    height: 220px !important;
    max-width: 400px !important;
    margin: 0 0px 0 -35px !important;
}    
}
@media (max-width: 1065px) {
[for="payment-credit-card"] .holder-icheck::after, [for="payment-pix"] .holder-icheck::after, [for="payment-billet"] .holder-icheck::after { 
    font-size: 10px;
    font-weight: 400;
} 
.box-checkout.box-checkout.active {backdrop-filter: none}  
.box-payment.active:after {
    position: relative;
    left: 0;
    width: 99.5%;
    margin: 0;
    padding: 14px 0;
    font-size: 12px;
    text-transform: uppercase;
}
}

/* Página de finalização no PIX */

.finalization-pix .container-title .-loader, .finalization-pix-in-installments .container-title .-loader, .finalization-wallet .container-title .-loader {
    background: var(--primary);
    color: var(--w);
}
.finalization-pix .container-title .-loader svg, .finalization-pix-in-installments .container-title .-loader svg, .finalization-wallet .container-title .-loader svg {
    fill: var(--w);
}
.finalization-pix .qr-code .-holder, .finalization-pix-in-installments .qr-code .-holder, .finalization-wallet .qr-code .-holder {
    border-radius: var(--br);
}

/* Página de finalização no Boleto */

.alert.alert-warning {
    background: white;
    color: var(--b);
    border: 0;
    box-shadow: 0 0 6px -3px var(--b);
    border-radius: var(--br);
    text-align: left;
}

/* Order Bump */

.js-orderbumps {
    max-width: 100%;
}
.orderbump {
    background: #fff;
    border: 1px dashed var(--primary);
    border-radius: var(--br);
}
.holder_orderbumps {
    position: relative;
}
.orderbump_button {
    background: var(--primary);
}
.orderbump_button:hover {
    background: var(--primary);
    opacity: 0.8;
}
.orderbump_price {
    color: var(--primary) !important;
}
.orderbumps_offer-title, .orderbumps_offer-total {
    background: var(--w);
    font-size: 14px;
    color: var(--primary);
    border: 1px dashed var(--primary);
}
.orderbumps-items-holder .orderbumps_offer-title, .orderbumps-items-holder .orderbumps_offer-total {
    border: 0;
}
.orderbumps_flex.-center {
    position: absolute;
    top: -14px;
    right: 50px;
    justify-content: left;
}
@media (max-width: 1065px) {
.js-orderbumps {
    display: inline-block;
    width: 100%;
    margin: 1rem 0 0;
}
.orderbumps_flex.-center {
    top: -14px;
    right: 0;
    left: 0;
    justify-content: center;
}
.orderbump_product {margin: 18px 0 0}
}

/* Popup de Desconto */

.btn-purple:not(.btn-text) {
    background: var(--primary);
    color: var(--w);
}
.btn-purple:not(.btn-text):hover {
    background: var(--primary);
    opacity: 0.8;
}

/* Bloco 4 */

.holder-cols-checkout .box-checkout.box-resume {
    background: var(--block4_bg);
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 350px;
    top: 0;
    right: 0;
    border: 0;
    border-radius: 0;
    z-index: 1001;
    box-shadow: 0 0 0 0;
    filter: drop-shadow(-6px 4px 20px);
    color: #0000002b;
}
.holder-cols-checkout .cart-resume {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: var(--br);
    overflow: hidden;
}
.item-row.item-holder-quantity-price.c-text.medium:after {
    content: 'ÚLTIMO DIA DE PROMOÇÃO';
    background: var(--primary);
    display: block;
    width: max-content;
    margin: 5px 0 0 0;
    padding: 7px;
    text-align: center;
    color: white;
    border-radius: var(--br);
}
.value.js-cart-total {
    font-size: 25px !important;
}
.value.js-cart-total:after {
    content: 'em até 12x no cartão';
    display: flex;
    margin: 6px 0 0 0;
    left: 0;
    font-size: 14px;
    color: #666666;
}
@media (min-width: 1690px) {
.holder-cols-checkout .box-checkout.box-resume {max-width: 21vw}
}
@media (max-width: 1065px) {
.holder-cols-checkout .box-checkout.box-resume {
    background: white;
    position: relative;
    max-width: 100%;
    border: 1px solid #00000017;
    border-radius: var(--br);
    filter: none;
}
.holder-cols-checkout .box-checkout.box-resume:not(.opened) {
    background: white;
    border: 1px solid #00000017;
    border-radius: var(--br);
}  
}

/* Coluna Comentários | testimonials */

.holder-cols-checkout .col-checkout.col-4 {
    min-width: 100% !important;
}
.container-testimonials {
    max-width: 100% !important;
    border-radius: var(--br);
    box-shadow: 0 0 0;
}
.container-testimonials .testimonials {
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 35rem;
    display: flex;
    margin: 0 0 30px;
    padding: 0;
    border: 0;
    border-radius: var(--br);
    flex-wrap: wrap;
    justify-content: space-between;
}
.container-testimonials:before {
    content: 'Avaliações sobre o produto';
    position: relative;
    display: block;
    width: 100%;
    margin: 50px 0 15px;
    padding: 0 0 17px;
    border-bottom: 4px solid;
    border-image: linear-gradient(to right, var(--primary) 8rem, transparent 0) 1;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    text-align: left;
}
.container-testimonials .box-testimonial, .container-testimonials .box-testimonial:last-child {
    background: linear-gradient(225deg, var(--primary) -29rem, var(--w) 35%);
    width: auto;
    margin: 10px 0;
    padding: 5px 10px;
    border: 2px solid var(--primary);
    border-radius: var(--br);
    overflow: hidden;
}
.container-testimonials .box-testimonial__photo {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
} 
.container-testimonials .box-testimonial__infos .infos__name, .container-testimonials .box-testimonial__infos .infos__text {
    margin: 0;
    padding: 0;    
}
@media (max-width:1065px) { 
.container-testimonials .box-testimonial, .container-testimonials .box-testimonial:last-child {
    width: 100%;
}   
}

/* Rodapé */

footer {
    background: var(--footer_bg);
    position: relative;
    display: flex;
    width: 88%;
    max-width: calc(1190px - 0rem);
    margin: 3rem auto;
    /* padding: 2rem; */
    /* border: 1px solid #ebebeb; */
    border-radius: var(--br);
    /* box-shadow: 0 0 20px -10px var(--b); */
    flex-direction: column;
    align-items: flex-start;
    /* backdrop-filter: blur(23px); */
}
.checkout-finalization footer {
    background: none;
    position: relative;
    border: 0;
    box-shadow: 0 0 0;
}
.login footer {
    display: none;
    width: 100%;
}
footer .container {
    margin: 0;
    padding: 30px 0 0;
    border: 0 solid;
}
footer .payment-methods-holder, footer .store-info-holder, footer .contact-holder, footer .security-label {
    display: none;
}
footer::after {
    content: '©️ 2024 - Todos os direitos reservados'
             '\A\A CNPJ: 010.573.521/0001-91'
             '\A Av. das Nações Unidas, nº 3.003, Bonfim, Osasco/SP – CEP 06233-90';
             /* \A serve para pular uma linha */
    display: block;
    padding: 5px 0;
    margin-top: 15px;
    font-size: 14px;
    color: #000000;
    white-space: pre-wrap;
    line-height: 1.8;
    text-align: left;
} 

/* Selos no rodapé */

footer::before {
    content: '';
    background: var(--footer_logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: var(--footer_logo_size);
    display: flex;
    position: relative;
}
footer .container::before {
    content: '';
    background:url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/selo.svg?v=1712416452);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 70px;
    display: flex;
    position: relative;
}
footer .container::after {
    content:'';
    background:url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/card.svg?v=1712416483);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 45%;
    height: 50px;
    display: flex;
    position: relative;
}

/* Fim dos selos no rodapé */

/* Rodapé - Configurações para celular */ 

@media (max-width:1065px) { 
footer {
    background: linear-gradient(0deg, #ebebeb, transparent);
    position: relative;
    width: 100%;
    margin: 3rem auto 0;
    padding: 40px 0;
    border: 0;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0;
    backdrop-filter: blur(0);
}  
footer .container {padding: 0}  
footer::after {
    content: '©️ 2024 - Todos os direitos reservados' '\A'
             'CNPJ: 010.573.521/0001-91' '\A'
             'Av. das Nações Unidas, nº 3.003, Bonfim, Osasco/SP – CEP 06233-90.';
             /* O '\A' serve para pular uma linha */
    width: 80%;
    display: block;
    padding: 5px 25px;
    margin: 22px auto 0;
    text-align: center;
    white-space: pre-wrap;
    line-height: 1.8;
}  
  
/* Selos rodapé no celular */

footer::before {
    content:'';
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
footer .container::before {
    width: 80%;
    height: 110px;
    margin: 0 auto;
}
footer .container::after {
    content:'';
    background:url(https://cdn.shopify.com/s/files/1/0446/3502/9671/files/card_mb.svg?v=1712416520); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 70px;
  }
}

/* 
Criador: Walyson Patric
Site: rawart.com.br
Versão 3.0 / 2024
*/