/*! clfx-critico 266b41b7cd94edfe9d7bae58a00d0ed7 | CSS essencial do Carrinho Lateral Flex 1.11.0: so as regras usadas ao abrir as paginas; o frontend.css completo entra logo depois no mesmo lugar. Gerado por scratchpad clfx/gera-critico.js em 2026-09-26. */
:root{
--clfx-z-int-overlay: 10;
--clfx-z-int-gaveta: 20;
--clfx-z-int-painel: 30;
--clfx-z-int-portal: 40;
--clfx-z-gatilho: auto;
--clfx-z-gatilho-flutuante: 500000;
--clfx-z-alheia-cedida: 590000;
--clfx-z-raiz: 600000;
--clfx-z-aviso: 600200;
--clfx-z-loc-aba-sugeridos: 1010;
}
@font-face {
font-family: "clflex-icons";
src: url("../fonts/clflex-icons.eot?w0cuef");
src: url("../fonts/clflex-icons.eot?w0cuef#iefix") format("embedded-opentype"),
url("../fonts/clflex-icons.ttf?w0cuef") format("truetype"),
url("../fonts/clflex-icons.woff?w0cuef") format("woff"),
url("../fonts/clflex-icons.svg?w0cuef#clflex-icons") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
.clflex-markup,
.clflex-markup *{
box-sizing: border-box;
}
.clflex-markup{
content-visibility: visible !important;
font-family: var(--e-global-typography-text-font-family, inherit);
}
html.clflex-active,
body.clflex-active{
overflow: hidden !important;
}
.clflex-modal{
pointer-events: none;
position: relative;
z-index: var(--clfx-z-raiz);
}
.clflex-overlay,
.clflex-opac{
position: fixed;
inset: 0;
z-index: var(--clfx-z-int-overlay);
border: 0;
background: rgba(17, 24, 39, var(--clfx-overlay-opacity, .46));
opacity: 0;
visibility: hidden;
transition: opacity var(--clfx-speed, 250ms) ease-out, visibility var(--clfx-speed, 250ms) ease-out;
}
.clflex-container{
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: var(--clfx-z-int-painel);
width: var(--clfx-width, 420px);
max-width: 100vw;
height: 100vh;
height: 100dvh;
max-height: 100vh;
max-height: 100dvh;
background: var(--clfx-surface, #fff);
color: var(--clfx-text, #111827);
border: 0;
box-shadow: -4px 0 24px rgba(0, 0, 0, .08);
transform: translateX(105%);
transition: transform var(--clfx-speed, 250ms) ease-out;
display: flex;
flex-direction: column;
}
.clflex-header{
background: var(--clfx-surface, #fff);
border-bottom: 2px solid var(--clfx-border, #E5E7EB);
margin: var(--clfx-header-mt, 0) var(--clfx-header-mr, 0) var(--clfx-header-mb, 0) var(--clfx-header-ml, 0);
padding: var(--clfx-header-pt, var(--clfx-header-py, 15px)) var(--clfx-header-pr, var(--clfx-header-px, 15px)) var(--clfx-header-pb, var(--clfx-header-py, 15px)) var(--clfx-header-pl, var(--clfx-header-px, 15px));
}
.clflexh-top{
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: 32px;
gap: 8px;
}
.clflexb-icon.clflex-icon-bag2{
display: none;
}
.clflexh-text{
order: 1;
font-size: 16px;
font-weight: 700;
color: var(--clfx-text, #111827);
margin: 0;
padding: 0;
flex: 0 1 auto;
}
.clflexh-basket{
order: 2;
display: inline-flex;
align-items: center;
justify-content: center;
}
.clflexb-count,
.clflex-sc-count,
.clfx-elementor-trigger .clfx-cart-count,
.elementor-widget-clfx_cart_trigger .clfx-cart-count,
.clfx-markup .clflexh-basket .clfx-cart-count{
background: var(--clfx-trigger-count-bg, var(--clfx-primary, #F5620A));
color: var(--clfx-trigger-count-text, #18181B);
border-radius: 50px;
min-width: 22px;
height: 22px;
padding: 0 7px;
display: inline-flex;
font-family: var(--clfx-trigger-count-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit)));
align-items: center;
justify-content: center;
line-height: 1;
font-size: 12px;
font-weight: var(--clfx-trigger-count-weight, 700);
}
.clflex-header .clflexh-close,
.clflex-close{
order: 3;
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
width: var(--clfx-main-close-size, 32px);
height: var(--clfx-main-close-size, 32px);
border-style: var(--clfx-main-close-border-style, solid);
border-width: var(--clfx-main-close-bt, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-br, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-bb, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-bl, var(--clfx-main-close-border-width, 1px));
border-color: var(--clfx-main-close-border, var(--clfx-border, #E5E7EB));
border-radius: var(--clfx-main-close-rtl, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rtr, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rbr, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rbl, var(--clfx-main-close-radius, 50%));
background: var(--clfx-main-close-bg, var(--clfx-surface, #fff));
color: var(--clfx-main-close-color, var(--clfx-muted, #6B7280));
padding: 0;
cursor: pointer;
font-size: var(--clfx-main-close-icon-size, 18px);
line-height: 1;
box-shadow: var(--clfx-main-close-shadow, none);
transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.clflex-header .clflexh-close:hover,
.clflex-close:hover{
background: var(--clfx-main-close-hover-bg, var(--clfx-main-close-bg, var(--clfx-surface, #fff)));
color: var(--clfx-main-close-hover-color, #DC2626);
border-color: var(--clfx-main-close-hover-border, #DC2626);
box-shadow: var(--clfx-main-close-hover-shadow, var(--clfx-main-close-shadow, none));
}
.clflex-header .clflexh-close svg,
.clflex-close svg{
width: var(--clfx-main-close-icon-size, 18px);
height: var(--clfx-main-close-icon-size, 18px);
}
@keyframes clfx-trigger-pulse {
0% {
outline: 2px solid rgba(245, 98, 10, .40);
outline-offset: 0;
}
70% {
outline: 2px solid rgba(245, 98, 10, 0);
outline-offset: 9px;
}
100% {
outline: 2px solid rgba(245, 98, 10, 0);
outline-offset: 9px;
}
}
.clfx-markup .clflex-container,
.clflex-markup .clflex-container{
display: flex;
flex-direction: column;
height: 100vh;
height: 100dvh;
max-height: 100vh;
max-height: 100dvh;
}
.clfx-markup .clflex-body,
.clflex-markup .clflex-body{
flex: 1 1 auto;
min-height: 0;
position: relative;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
background: var(--clfx-surface, #fff);
}
.clfx-markup .clflex-products,
.clflex-markup .clflex-products{
min-height: 0;
}
.clfx-scrollbar-enabled .clflex-body{
scrollbar-width: var(--clfx-scrollbar-firefox-width, thin);
scrollbar-color: var(--clfx-scrollbar-thumb, rgba(17, 24, 39, 0.22)) var(--clfx-scrollbar-track, transparent);
padding-right: var(--clfx-scrollbar-area-padding-right, 0px);
}
.clfx-scrollbar-enabled .clflex-body::-webkit-scrollbar{
width: var(--clfx-scrollbar-width, 7px);
height: var(--clfx-scrollbar-width, 7px);
}
.clfx-scrollbar-enabled .clflex-body::-webkit-scrollbar-track{
background: var(--clfx-scrollbar-track, transparent);
border-radius: var(--clfx-scrollbar-radius, 999px);
}
.clfx-scrollbar-enabled .clflex-body::-webkit-scrollbar-thumb{
background-color: var(--clfx-scrollbar-thumb, rgba(17, 24, 39, 0.22));
border-radius: var(--clfx-scrollbar-radius, 999px);
border: var(--clfx-scrollbar-thumb-inset, 2px) solid var(--clfx-scrollbar-thumb-border, var(--clfx-surface, #fff));
background-clip: content-box;
opacity: var(--clfx-scrollbar-thumb-opacity, 1);
}
.clfx-scrollbar-enabled .clflex-body::-webkit-scrollbar-thumb:hover{
background-color: var(--clfx-scrollbar-thumb-hover, rgba(17, 24, 39, 0.36));
opacity: var(--clfx-scrollbar-thumb-hover-opacity, 1);
}
.clfx-scrollbar-enabled .clflex-body::-webkit-scrollbar-thumb:active{
background-color: var(--clfx-scrollbar-thumb-active, rgba(17, 24, 39, 0.46));
}
.clflex-products .clflex-product{
height: auto;
min-height: 50px;
padding: 8px 15px;
gap: 10px;
display: flex;
align-items: center;
background: var(--clfx-product-card-bg, var(--clfx-surface, #fff));
border-bottom: 1px solid var(--clfx-product-card-border, var(--clfx-border, #E5E7EB));
}
.clflex-products .clflex-product:last-of-type{
border-bottom: none;
}
.clflex-product .clflex-img-col{
width: var(--clfx-image, 60px);
height: var(--clfx-image, 60px);
flex: 0 0 var(--clfx-image, 60px);
}
.clflex-product .clflex-img-col img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 6px;
border: 1px solid var(--clfx-border, #E5E7EB);
padding: 2px;
background: #fff;
}
.clflex-product .clflex-sum-col{
flex: 1 1 auto;
min-width: 0;
}
.clflex-product .clflex-sm-info{
display: flex;
justify-content: space-between;
gap: 10px;
}
.clflex-product .clflex-pname,
.clflex-product .clflex-pname a{
font-weight: 700;
font-size: 13px;
line-height: var(--clfx-product-title-line-height, 1.25);
letter-spacing: var(--clfx-product-title-letter-spacing, 0);
color: var(--clfx-text, #111827);
display: block;
text-decoration: none;
}
.clflex-product .clflex-smr-ptotal,
.clflex-product .clflex-smr-ptotal .amount{
font-size: 13px;
font-weight: 700;
line-height: var(--clfx-product-price-line-height, 1.2);
letter-spacing: var(--clfx-product-price-letter-spacing, 0);
color: var(--clfx-text, #111827);
}
.clflex-product .clflex-smr-del{
width: 24px;
height: 24px;
flex: 0 0 24px;
border-radius: 50%;
border: 1px solid var(--clfx-border, #E5E7EB);
background: var(--clfx-surface, #fff);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #9CA3AF;
transition: all .15s ease;
font-size: 14px;
line-height: 1;
}
.clflex-product .clflex-smr-del:hover{
color: #DC2626;
border-color: #DC2626;
}
.clflex-product .clflex-qty-box{
margin-top: 6px;
padding: 1px;
border-radius: 6px;
border: 1px solid var(--clfx-border, #E5E7EB);
height: 28px;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.clflex-product .clflex-qty-box .clflex-chng{
border: 0;
font-size: 15px;
color: #9CA3AF;
padding: 2px 8px;
background: none;
cursor: pointer;
}
.clflex-product .clflex-qty-box .clflex-qty{
border: 0;
font-size: 12px;
font-weight: 700;
color: var(--clfx-primary, #F5620A);
text-align: center;
background: none;
min-width: 28px;
width: 34px;
padding: 0;
box-shadow: none;
}
.clflex-footer{
border-radius: 15px 15px 0 0;
margin: -5px 0 0;
padding: 5px 0 0;
position: relative;
box-shadow: none;
background: var(--clfx-surface, #fff);
width: 100%;
}
.clflex-ft-extras,
.clflex-ft-totals,
.clflex-ft-buttons-cont{
width: 100%;
}
.clflex-ftx-row{
background: var(--clfx-surface, #fff);
border: 0;
border-top: 1px solid var(--clfx-border, #E5E7EB);
padding: 9px 15px;
font-family: inherit;
font-size: 13px;
font-weight: 700;
color: var(--clfx-success, #16A34A);
display: flex;
align-items: center;
width: 100%;
cursor: pointer;
text-align: left;
}
.clflex-ft-totals{
display: flex;
flex-direction: column;
gap: 0;
padding: var(--clfx-totals-pt, var(--clfx-totals-py, 0)) 0 var(--clfx-totals-pb, var(--clfx-totals-py, 0)) 0;
background: var(--clfx-totals-bg, var(--clfx-surface, #fff));
border-top: 0;
}
.clflex-ft-amt-subtotal,
.clflex-ft-amt-shipping,
.clflex-ft-amt-discount,
.clflex-ft-amt-total{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background: var(--clfx-totals-row-bg, var(--clfx-surface, #fff));
border: 0;
border-radius: 0;
margin: 0;
padding: var(--clfx-totals-row-pt, var(--clfx-totals-row-py, 10px)) var(--clfx-totals-row-pr, var(--clfx-totals-row-px, 15px)) var(--clfx-totals-row-pb, var(--clfx-totals-row-py, 10px)) var(--clfx-totals-row-pl, var(--clfx-totals-row-px, 15px));
}
.clflex-ft-amt-subtotal,
.clflex-ft-amt-shipping,
.clflex-ft-amt-discount{
border-bottom: 1px solid var(--clfx-totals-row-border, var(--clfx-border, #E5E7EB));
}
.clflex-ft-amt-label{
color: var(--clfx-subtotal-label-color, #667);
font-family: var(--clfx-subtotal-label-font, var(--clfx-footer-label-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))));
font-size: var(--clfx-subtotal-label-size, var(--clfx-footer-label-size, 12px));
font-weight: var(--clfx-subtotal-label-weight, var(--clfx-footer-label-weight, 500));
}
.clflex-ft-amt-value{
color: var(--clfx-subtotal-value-color, var(--clfx-text, #111827));
font-family: var(--clfx-subtotal-value-font, var(--clfx-footer-label-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))));
font-size: var(--clfx-subtotal-value-size, var(--clfx-footer-label-size, 12px));
font-weight: var(--clfx-subtotal-value-weight, 700);
}
.clflex-ft-amt-total .clflex-ft-amt-label{
color: var(--clfx-total-label-color, #667);
font-family: var(--clfx-total-label-font, var(--clfx-footer-total-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))));
font-size: var(--clfx-total-label-size, var(--clfx-footer-total-size, 16px));
font-weight: var(--clfx-total-label-weight, var(--clfx-footer-total-weight, 700));
}
.clflex-ft-amt-total .clflex-ft-amt-value{
color: var(--clfx-total-value-color, var(--clfx-primary, #F5620A));
font-family: var(--clfx-total-value-font, var(--clfx-footer-total-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))));
font-size: var(--clfx-total-value-size, var(--clfx-footer-total-size, 16px));
font-weight: var(--clfx-total-value-weight, var(--clfx-footer-total-weight, 700));
}
.clflex-ft-amt-total{
margin-top: 0;
border-top: 0;
}
.clflex-ft-amt-total .clflex-ft-amt-label,
.clflex-ft-amt-total .clflex-ft-amt-value,
.clflex-ft-amt-total .amount{
font-weight: 700;
font-size: 16px;
}
.clflex-ft-amt-total .amount,
.clflex-ft-amt-total .clflex-ft-amt-value{
color: var(--clfx-primary, #F5620A);
}
.clflex-ft-buttons-cont{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 15px 15px;
}
.clflex-btn,
.clflex-ft-btn{
border-radius: var(--clfx-radius, 8px);
font-family: inherit;
font-weight: 700;
transition: all .2s ease;
text-decoration: none;
cursor: pointer;
}
.clflex-footer .clflex-ft-btn-checkout,
.clflex-footer .clflex-ft-btn-cart{
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 15px;
border-radius: var(--clfx-radius, 8px);
font-size: 14px;
width: 100%;
border: 0;
background: var(--clfx-checkout-button-bg, var(--clfx-primary, #F5620A));
color: var(--clfx-checkout-button-text, #fff);
}
.clflex-footer .clflex-ft-btn-checkout:hover,
.clflex-footer .clflex-ft-btn-cart:hover{
background: var(--clfx-checkout-button-hover-bg, var(--clfx-primary-hover, #D44D00));
color: var(--clfx-checkout-button-hover-text, #fff);
}
.clflex-footer .clflex-ft-btn-checkout::before{
content: ">";
font-size: 13px;
}
@keyframes shipping-progress-animation {
0% { background-position: 0 0; }
100% { background-position: 50px 50px; }
}
.clfx-postcode-form button.clflex-btn{
min-height: 45px;
}
.clflex-sl-apply-coupon,
.clfx-postcode-form{
display: flex;
flex-direction: column;
gap: 12px;
}
.clflex-sl-apply-coupon input,
.clfx-postcode-form input{
height: 45px;
border: 1.5px solid var(--clfx-border, #E5E7EB);
border-radius: var(--clfx-radius, 8px);
padding: 0 15px;
font-size: 14px;
width: 100%;
background: #F9FAFB;
}
.clflex-sl-apply-coupon input{
background: var(--clfx-coupon-input-bg, #F9FAFB);
border-color: var(--clfx-coupon-input-border, var(--clfx-border, #E5E7EB));
border-radius: var(--clfx-coupon-input-radius, var(--clfx-radius, 8px));
color: var(--clfx-coupon-input-text, var(--clfx-text, #111827));
font-family: var(--clfx-coupon-input-font, var(--e-global-typography-text-font-family, inherit));
font-size: var(--clfx-coupon-input-size, 14px);
font-weight: var(--clfx-coupon-input-weight, 500);
margin: var(--clfx-coupon-input-mt, 0) var(--clfx-coupon-input-mr, 0) var(--clfx-coupon-input-mb, 0) var(--clfx-coupon-input-ml, 0);
padding: var(--clfx-coupon-input-pt, 0) var(--clfx-coupon-input-pr, 15px) var(--clfx-coupon-input-pb, 0) var(--clfx-coupon-input-pl, 15px);
}
.clfx-postcode-form input{
background: var(--clfx-shipping-input-bg, #F9FAFB);
border-color: var(--clfx-shipping-input-border, var(--clfx-border, #E5E7EB));
border-radius: var(--clfx-shipping-input-radius, var(--clfx-radius, 8px));
color: var(--clfx-shipping-input-text, var(--clfx-text, #111827));
font-family: var(--clfx-shipping-input-font, var(--e-global-typography-text-font-family, inherit));
font-size: var(--clfx-shipping-input-size, 14px);
font-weight: var(--clfx-shipping-input-weight, 500);
margin: var(--clfx-shipping-input-mt, 0) var(--clfx-shipping-input-mr, 0) var(--clfx-shipping-input-mb, 0) var(--clfx-shipping-input-ml, 0);
padding: var(--clfx-shipping-input-pt, 0) var(--clfx-shipping-input-pr, 15px) var(--clfx-shipping-input-pb, 0) var(--clfx-shipping-input-pl, 15px);
}
.clflex-sl-apply-coupon input:focus,
.clfx-postcode-form input:focus{
border-color: var(--clfx-primary, #F5620A);
background: #fff;
outline: 3px solid rgba(245, 98, 10, .18);
}
.clflex-sl-apply-coupon input:focus{
border-color: var(--clfx-coupon-input-focus, var(--clfx-success, #16A34A));
}
.clfx-postcode-form input:focus{
border-color: var(--clfx-shipping-input-focus, var(--clfx-primary, #F5620A));
}
.clflex-sl-apply-coupon button.clflex-btn,
.clfx-postcode-form button.clflex-btn{
height: 45px;
background: var(--clfx-shipping-button-bg, var(--clfx-primary, #F5620A));
border: 0;
color: var(--clfx-shipping-button-text, #fff);
font-weight: var(--clfx-shipping-button-weight, 700);
font-size: var(--clfx-shipping-button-size, 14px);
font-family: var(--clfx-shipping-button-font, var(--e-global-typography-text-font-family, inherit));
text-transform: none;
border-radius: var(--clfx-shipping-button-radius, var(--clfx-radius, 8px));
cursor: pointer;
margin: var(--clfx-shipping-button-mt, 0) var(--clfx-shipping-button-mr, 0) var(--clfx-shipping-button-mb, 0) var(--clfx-shipping-button-ml, 0);
padding: var(--clfx-shipping-button-pt, 0) var(--clfx-shipping-button-pr, 15px) var(--clfx-shipping-button-pb, 0) var(--clfx-shipping-button-pl, 15px);
width: 100%;
}
.clflex-sl-apply-coupon button.clflex-btn{
background: var(--clfx-coupon-button-bg, var(--clfx-success, #16A34A));
color: var(--clfx-coupon-button-text, #fff);
font-family: var(--clfx-coupon-button-font, var(--e-global-typography-text-font-family, inherit));
font-size: var(--clfx-coupon-button-size, 14px);
font-weight: var(--clfx-coupon-button-weight, 700);
border-radius: var(--clfx-coupon-button-radius, var(--clfx-radius, 8px));
margin: var(--clfx-coupon-button-mt, 0) var(--clfx-coupon-button-mr, 0) var(--clfx-coupon-button-mb, 0) var(--clfx-coupon-button-ml, 0);
padding: var(--clfx-coupon-button-pt, 0) var(--clfx-coupon-button-pr, 15px) var(--clfx-coupon-button-pb, 0) var(--clfx-coupon-button-pl, 15px);
}
.clflex-sl-apply-coupon button.clflex-btn:hover{
background: var(--clfx-coupon-button-hover, #15803d);
}
.clfx-postcode-form button.clflex-btn:hover{
background: var(--clfx-shipping-button-hover, var(--clfx-primary-hover, #D44D00));
}
.clflex-empty-cart{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 52px 30px 30px;
text-align: center;
gap: 0;
background: var(--clfx-surface, #fff);
min-height: 55vh;
}
.clflex-empty-cart::before{
content: "\e903";
font-family: "clflex-icons";
font-size: 58px;
color: #D1D5DB;
display: block;
margin-bottom: 18px;
line-height: 1;
opacity: .72;
}
.clflex-empty-cart > span:not(.clfx-empty-icon){
font-family: var(--clfx-empty-title-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit)));
font-size: var(--clfx-empty-title-size, 15px);
font-weight: var(--clfx-empty-title-weight, 700);
color: var(--clfx-empty-title-color, var(--clfx-text, #111827));
display: block;
margin-bottom: 0;
line-height: 1.3;
}
.clflex-empty-cart > small{
display: block;
font-family: var(--clfx-empty-subtitle-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit)));
font-size: var(--clfx-empty-subtitle-size, 13px);
font-weight: var(--clfx-empty-subtitle-weight, 500);
color: var(--clfx-empty-subtitle-color, #9CA3AF);
margin-top: 6px;
}
.clflex-empty-cart .clflex-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: var(--clfx-empty-button-mt, 24px) var(--clfx-empty-button-mr, 0) var(--clfx-empty-button-mb, 0) var(--clfx-empty-button-ml, 0);
padding: var(--clfx-empty-button-pt, 13px) var(--clfx-empty-button-pr, 28px) var(--clfx-empty-button-pb, 13px) var(--clfx-empty-button-pl, 28px);
background: var(--clfx-empty-button-bg, var(--clfx-accessible, #9E3500));
color: var(--clfx-empty-button-text, #fff);
border-style: var(--clfx-empty-button-border-style, solid);
border-width: var(--clfx-empty-button-bt, var(--clfx-empty-button-border-width, 0)) var(--clfx-empty-button-br, var(--clfx-empty-button-border-width, 0)) var(--clfx-empty-button-bb, var(--clfx-empty-button-border-width, 0)) var(--clfx-empty-button-bl, var(--clfx-empty-button-border-width, 0));
border-color: var(--clfx-empty-button-border, transparent);
border-radius: var(--clfx-empty-button-rtl, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) var(--clfx-empty-button-rtr, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) var(--clfx-empty-button-rbr, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) var(--clfx-empty-button-rbl, var(--clfx-empty-button-radius, var(--clfx-radius, 8px)));
font-family: var(--clfx-empty-button-font, var(--e-global-typography-text-font-family, inherit));
font-size: var(--clfx-empty-button-size, 14px);
font-weight: var(--clfx-empty-button-weight, 700);
text-decoration: none;
cursor: pointer;
box-shadow: var(--clfx-empty-button-shadow, none);
}
.clflex-empty-cart .clflex-btn::before{
content: "<";
font-size: 14px;
}
.clflex-empty-cart .clflex-btn:hover{
background: var(--clfx-empty-button-hover, var(--clfx-accessible-hover, #7A2800));
border-color: var(--clfx-empty-button-hover-border, var(--clfx-empty-button-border, transparent));
color: var(--clfx-empty-button-hover-text, #fff);
box-shadow: var(--clfx-empty-button-hover-shadow, var(--clfx-empty-button-shadow, none));
}
.clflex-cart-trigger{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
margin: var(--clfx-trigger-mt, 0) var(--clfx-trigger-mr, 0) var(--clfx-trigger-mb, 0) var(--clfx-trigger-ml, 0);
padding: var(--clfx-trigger-pt, var(--clfx-trigger-py, 7px)) var(--clfx-trigger-pr, var(--clfx-trigger-px, 12px)) var(--clfx-trigger-pb, var(--clfx-trigger-py, 7px)) var(--clfx-trigger-pl, var(--clfx-trigger-px, 12px));
border-radius: var(--clfx-trigger-rtl, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rtr, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rbr, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rbl, var(--clfx-trigger-radius, 10px));
color: var(--clfx-trigger-text, #4B5563);
background: var(--clfx-trigger-bg, transparent);
transition: background .2s ease, color .2s ease;
position: relative;
border-style: var(--clfx-trigger-border-style, solid);
border-width: var(--clfx-trigger-bt, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-br, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-bb, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-bl, var(--clfx-trigger-border-width, 0px));
border-color: var(--clfx-trigger-border, transparent);
cursor: pointer;
text-decoration: none;
font-family: inherit;
}
.clflex-cart-trigger:hover{
background: var(--clfx-trigger-bg-hover, #F3F4F6);
color: var(--clfx-trigger-text-hover, #111827);
border-color: var(--clfx-trigger-hover-border, var(--clfx-trigger-border, transparent));
}
.clfx-shortcode-trigger,
.clfx-elementor-trigger{
background: var(--clfx-trigger-bg, #fff);
border-style: var(--clfx-trigger-border-style, solid);
border-color: var(--clfx-trigger-border, var(--clfx-border, #E5E7EB));
border-width: var(--clfx-trigger-bt, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-br, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-bb, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-bl, var(--clfx-trigger-border-width, 0px));
border-radius: var(--clfx-trigger-rtl, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rtr, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rbr, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rbl, var(--clfx-trigger-radius, 10px));
}
.clfx-elementor-widget{
display: flex;
width: 100%;
}
.clfx-elementor-align-center{
justify-content: center;
}
.clflex-sc-bkcont{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: static;
}
.clflex-sc-subt{
font-size: var(--clfx-trigger-label, 13px);
font-weight: 700;
margin-top: 3px;
}
.clflex-sc-bki{
font-size: var(--clfx-trigger-icon, 17px);
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
margin: 0;
}
.clflex-sc-bki::before{
content: "\e903";
font-family: "clflex-icons";
font-size: var(--clfx-trigger-icon, 17px);
}
.clflex-sc-count,
.clfx-elementor-trigger > .clfx-cart-count,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger > .clfx-cart-count{
position: absolute;
top: 2px;
right: 4px;
height: 16px;
min-width: 16px;
padding: 0 4px;
font-size: var(--clfx-trigger-count, 10px);
background: var(--clfx-trigger-count-bg, var(--clfx-primary, #F5620A));
color: var(--clfx-trigger-count-text, #18181B);
}
.clflex-drawer{
position: fixed;
top: 0;
right: var(--clfx-width, 420px);
bottom: 0;
z-index: var(--clfx-z-int-gaveta);
width: var(--clfx-drawer-width, 300px);
background: #fff;
border-right: 1px solid var(--clfx-border, #E5E7EB);
box-shadow: -3px 0 18px rgba(0, 0, 0, .05);
opacity: 0;
pointer-events: none;
transform: translateX(calc(100% + var(--clfx-width, 420px)));
transition: transform var(--clfx-speed, 250ms) ease-out, opacity .2s ease-out, visibility var(--clfx-speed, 250ms) ease-out;
visibility: hidden;
}
.clflex-drawer-header{
min-height: 32px;
margin: var(--clfx-suggested-header-mt, 0) var(--clfx-suggested-header-mr, 0) var(--clfx-suggested-header-mb, 0) var(--clfx-suggested-header-ml, 0);
padding: var(--clfx-suggested-header-pt, 10px) var(--clfx-suggested-header-pr, 15px) var(--clfx-suggested-header-pb, 10px) var(--clfx-suggested-header-pl, 15px);
display: flex;
justify-content: space-between;
align-items: center;
color: var(--clfx-text, #111827);
background: #fff;
border-bottom: 2px solid var(--clfx-border, #E5E7EB);
}
.clflex-drawer-header .clflex-drh-txt{
font-size: 13px;
font-weight: 700;
color: var(--clfx-text, #111827);
text-transform: uppercase;
letter-spacing: .5px;
margin: 0;
line-height: 1.2;
}
.clflex-drawer-header .clflex-toggle-drawer{
display: flex;
align-items: center;
justify-content: center;
width: var(--clfx-suggested-close-size, 34px);
height: var(--clfx-suggested-close-size, 34px);
min-width: var(--clfx-suggested-close-size, 34px);
background: var(--clfx-suggested-close-bg, #F3F4F6);
border-style: var(--clfx-suggested-close-border-style, solid);
border-width: var(--clfx-suggested-close-bt, var(--clfx-suggested-close-border-width, 1px)) var(--clfx-suggested-close-br, var(--clfx-suggested-close-border-width, 1px)) var(--clfx-suggested-close-bb, var(--clfx-suggested-close-border-width, 1px)) var(--clfx-suggested-close-bl, var(--clfx-suggested-close-border-width, 1px));
border-color: var(--clfx-suggested-close-border, var(--clfx-border, #E5E7EB));
border-radius: var(--clfx-suggested-close-rtl, var(--clfx-suggested-close-radius, 50%)) var(--clfx-suggested-close-rtr, var(--clfx-suggested-close-radius, 50%)) var(--clfx-suggested-close-rbr, var(--clfx-suggested-close-radius, 50%)) var(--clfx-suggested-close-rbl, var(--clfx-suggested-close-radius, 50%));
color: var(--clfx-suggested-close-color, #374151);
box-shadow: var(--clfx-suggested-close-shadow, none);
cursor: pointer;
transition: all .2s ease;
padding: 0;
}
.clflex-drawer-header .clflex-toggle-drawer:hover{
background: var(--clfx-suggested-close-hover-bg, #FFF0E8);
border-color: var(--clfx-suggested-close-hover-border, var(--clfx-primary, #F5620A));
color: var(--clfx-suggested-close-hover-color, var(--clfx-primary, #F5620A));
box-shadow: var(--clfx-suggested-close-hover-shadow, var(--clfx-suggested-close-shadow, none));
}
.clflex-drawer-header .clflex-toggle-drawer svg{
width: var(--clfx-suggested-close-icon-size, 15px);
height: var(--clfx-suggested-close-icon-size, 15px);
}
.clfx-sidebar-add-toast{
background: rgba(22, 163, 74, .1);
border: 1px solid rgba(22, 163, 74, .24);
border-radius: 8px;
color: var(--clfx-success, #16A34A);
font-family: var(--clfx-font, var(--e-global-typography-text-font-family, inherit));
font-size: 12px;
font-weight: 700;
line-height: 1.2;
margin: 8px 12px 0;
opacity: 0;
padding: 9px 11px;
pointer-events: none;
transform: translateY(-6px);
transition: opacity .2s ease, transform .2s ease;
}
.clflex-drawer .clflex-sp-product{
display: grid;
grid-template-columns: var(--clfx-suggested-image, 72px) minmax(0, 1fr) auto;
grid-template-areas: "imagem titulo titulo" "imagem preco acao";
column-gap: 12px;
row-gap: 6px;
align-items: start;
padding: 12px 16px;
border-bottom: 1px solid var(--clfx-border, #E5E7EB);
background: #fff;
transition: background-color .16s ease;
}
.clflex-drawer .clflex-sp-product:hover{
background: #F9FAFB;
}
.clflex-drawer .clflex-sp-left-col{
grid-area: imagem;
width: var(--clfx-suggested-image, 72px);
height: var(--clfx-suggested-image, 72px);
}
.clflex-drawer .clflex-sp-left-col img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 10px;
border: 1px solid var(--clfx-border, #E5E7EB);
background: #fff;
padding: 5px;
box-sizing: border-box;
}
.clflex-drawer .clflex-sp-right-col{ display: contents; }
.clflex-drawer .clflex-sp-title{ grid-area: titulo; min-width: 0; }
.clflex-drawer .clflex-sp-price{ grid-area: preco; align-self: center; }
.clflex-drawer .clflex-sp-title a{
color: var(--clfx-text, #111827);
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
}
.clflex-drawer .clflex-sp-price{
font-size: 13px;
font-weight: 700;
color: #374151;
white-space: nowrap;
margin: 0;
}
.clflex-drawer .clflex-sp-atc .add_to_cart_button{
background: var(--clfx-primary, #F5620A);
color: #fff;
border: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
padding: 7px 12px;
font-size: 11px;
font-weight: 700;
box-shadow: none;
line-height: 1;
white-space: nowrap;
cursor: pointer;
}
.clflex-drawer .clflex-sp-atc .add_to_cart_button:hover{
background: var(--clfx-primary-hover, #D44D00);
}
.clflex-updating{
display: none;
position: absolute;
inset: 0;
text-align: center;
z-index: 10;
}
.clflex-updating .clflex-icon-spinner2{
position: absolute;
top: 50%;
left: 50%;
width: 34px;
height: 34px;
margin: -17px 0 0 -17px;
border: 3px solid rgba(245, 98, 10, .18);
border-top-color: var(--clfx-primary, #F5620A);
border-radius: 50%;
animation: clfx-spin .7s linear infinite;
z-index: 2;
}
.clflex-updating .clflex-uopac{
position: absolute;
inset: 0;
background: rgba(255, 255, 255, .7);
}
@keyframes clfx-spin {
to { transform: rotate(360deg); }
}
@media (max-width: 767px){
.clflex-container{
width: var(--clfx-mobile-width, 93vw);
}
.clflex-drawer{
display: none;
}
.clflex-drawer-header{
padding: var(--clfx-suggested-header-pt, 8px) var(--clfx-suggested-header-pr, 12px) var(--clfx-suggested-header-pb, 8px) var(--clfx-suggested-header-pl, 12px);
min-height: 40px;
}
}
@media (min-width: 768px){
.clflex-ft-buttons-cont{
gap: 6px;
padding: 0 15px 10px;
}
.clflex-footer .clflex-ft-btn-checkout,
.clflex-footer .clflex-ft-btn-cart{
padding: 10px 15px;
font-size: 13px;
}
}
.clfx-markup button,
.clfx-markup input,
.clfx-markup select,
.clfx-markup textarea,
.elementor-widget-clfx_cart_trigger button{
-webkit-appearance: none !important;
appearance: none !important;
box-shadow: none !important;
font-family: var(--e-global-typography-text-font-family, inherit) !important;
letter-spacing: 0 !important;
max-width: none !important;
text-transform: none !important;
}
.clfx-markup svg,
.elementor-widget-clfx_cart_trigger svg{
display: block !important;
width: 1em !important;
height: 1em !important;
fill: currentColor !important;
flex: 0 1 auto !important;
}
.elementor-widget-clfx_cart_trigger > .elementor-widget-container{
border: 0 !important;
}
.clfx-markup .clflex-container{
overflow: visible !important;
}
.clfx-markup .clflex-overlay{
background: rgba(17, 24, 39, var(--clfx-overlay-opacity, .46)) !important;
border: 0 !important;
border-radius: 0 !important;
color: transparent !important;
cursor: pointer !important;
display: block !important;
outline: none !important;
padding: 0 !important;
}
.clfx-markup .clflex-overlay:hover,
.clfx-markup .clflex-overlay:focus,
.clfx-markup .clflex-overlay:active,
.elementor-kit-76 .clfx-markup button.clflex-overlay:hover,
.elementor-kit-76 .clfx-markup button.clflex-overlay:focus,
.elementor-kit-76 .clfx-markup button.clflex-overlay:active{
background: rgba(17, 24, 39, var(--clfx-overlay-opacity, .46)) !important;
border: 0 !important;
color: transparent !important;
outline: none !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger,
.clfx-markup .clflex-cart-trigger{
align-items: center !important;
appearance: none !important;
background: var(--clfx-trigger-bg, #fff) !important;
border-style: var(--clfx-trigger-border-style, solid) !important;
border-width: var(--clfx-trigger-bt, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-br, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-bb, var(--clfx-trigger-border-width, 0px)) var(--clfx-trigger-bl, var(--clfx-trigger-border-width, 0px)) !important;
border-color: var(--clfx-trigger-border, var(--clfx-border, #E5E7EB)) !important;
border-radius: var(--clfx-trigger-rtl, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rtr, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rbr, var(--clfx-trigger-radius, 10px)) var(--clfx-trigger-rbl, var(--clfx-trigger-radius, 10px)) !important;
box-shadow: none !important;
color: var(--clfx-trigger-text, #4B5563) !important;
cursor: pointer !important;
display: inline-flex !important;
flex-direction: column !important;
font-family: var(--clfx-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-trigger-label, 13px) !important;
font-style: normal !important;
font-weight: 700 !important;
gap: 2px !important;
justify-content: center !important;
line-height: 1 !important;
min-height: 0 !important;
min-width: 0 !important;
outline: none !important;
margin: var(--clfx-trigger-mt, 0) var(--clfx-trigger-mr, 0) var(--clfx-trigger-mb, 0) var(--clfx-trigger-ml, 0) !important;
padding: var(--clfx-trigger-pt, var(--clfx-trigger-py, 7px)) var(--clfx-trigger-pr, var(--clfx-trigger-px, 12px)) var(--clfx-trigger-pb, var(--clfx-trigger-py, 7px)) var(--clfx-trigger-pl, var(--clfx-trigger-px, 12px)) !important;
position: relative !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
white-space: nowrap !important;
width: auto !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover,
.clfx-markup .clflex-cart-trigger:hover{
background: var(--clfx-trigger-bg-hover, #F3F4F6) !important;
border-color: var(--clfx-trigger-hover-border, var(--clfx-trigger-border, var(--clfx-border, #E5E7EB))) !important;
color: var(--clfx-trigger-text-hover, #111827) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-bkcont,
.clfx-markup .clflex-sc-bkcont{
align-items: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
line-height: 1 !important;
position: static !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-bki,
.clfx-markup .clflex-sc-bki{
align-items: center !important;
color: currentColor !important;
display: flex !important;
flex: 0 0 auto !important;
font-size: var(--clfx-trigger-icon, 17px) !important;
height: var(--clfx-trigger-icon, 17px) !important;
justify-content: center !important;
line-height: 1 !important;
width: var(--clfx-trigger-icon, 17px) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-bki::before,
.clfx-markup .clflex-sc-bki::before,
.clfx-markup .clflex-empty-cart::before{
content: none !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-bki svg,
.clfx-markup .clflex-sc-bki svg{
display: block !important;
fill: currentColor !important;
flex: 0 0 auto !important;
height: var(--clfx-trigger-icon, 17px) !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
overflow: visible !important;
stroke: none !important;
width: var(--clfx-trigger-icon, 17px) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-bki svg path,
.clfx-markup .clflex-sc-bki svg path{
fill: currentColor !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-subt,
.clfx-markup .clflex-sc-subt{
color: inherit !important;
font-size: var(--clfx-trigger-label, 13px) !important;
font-weight: 700 !important;
line-height: 1 !important;
margin-top: 4px !important;
}
.elementor-widget-clfx_cart_trigger .clflex-sc-count,
.elementor-widget-clfx_cart_trigger .clfx-cart-count,
.clfx-markup .clflex-sc-count,
.clfx-markup .clflex-cart-trigger > .clfx-cart-count{
background: var(--clfx-trigger-count-bg, var(--clfx-primary, #F5620A)) !important;
border: 0 !important;
color: var(--clfx-trigger-count-text, #18181B) !important;
font-family: var(--clfx-trigger-count-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-trigger-count, 10px) !important;
font-weight: var(--clfx-trigger-count-weight, 700) !important;
}
.clfx-markup .clflexh-close,
.clfx-markup .clflex-smr-del,
.clfx-markup .clflex-toggle-drawer{
align-items: center !important;
border-radius: 50% !important;
display: inline-flex !important;
justify-content: center !important;
line-height: 1 !important;
padding: 0 !important;
text-align: center !important;
}
.clfx-markup .clflexh-close,
.clfx-markup .clflex-close{
background: var(--clfx-main-close-bg, #fff) !important;
border-style: var(--clfx-main-close-border-style, solid) !important;
border-width: var(--clfx-main-close-bt, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-br, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-bb, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-bl, var(--clfx-main-close-border-width, 1px)) !important;
border-color: var(--clfx-main-close-border, var(--clfx-border, #E5E7EB)) !important;
border-radius: var(--clfx-main-close-rtl, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rtr, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rbr, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rbl, var(--clfx-main-close-radius, 50%)) !important;
box-shadow: var(--clfx-main-close-shadow, none) !important;
color: var(--clfx-main-close-color, var(--clfx-muted, #6B7280)) !important;
height: var(--clfx-main-close-size, 32px) !important;
min-width: var(--clfx-main-close-size, 32px) !important;
width: var(--clfx-main-close-size, 32px) !important;
font-size: var(--clfx-main-close-icon-size, 18px) !important;
}
.clfx-markup .clflexh-close svg,
.clfx-markup .clflex-close svg{
height: var(--clfx-main-close-icon-size, 18px) !important;
width: var(--clfx-main-close-icon-size, 18px) !important;
}
.clfx-markup .clflex-smr-del{
background: #fff !important;
border: 1px solid var(--clfx-border, #E5E7EB) !important;
color: #9CA3AF !important;
}
.clfx-markup .clflex-smr-del svg,
.clfx-markup .clflex-ecl svg{
display: block !important;
fill: currentColor !important;
height: var(--clfx-product-remove-size, 13px) !important;
width: var(--clfx-product-remove-size, 13px) !important;
}
.clfx-markup .clflex-smr-del svg path,
.clfx-markup .clflex-ecl svg path{
fill: currentColor !important;
}
.clfx-markup .clflex-toggle-drawer{
background: var(--clfx-suggested-close-bg, #F3F4F6) !important;
border-style: var(--clfx-suggested-close-border-style, solid) !important;
border-width: var(--clfx-suggested-close-bt, var(--clfx-suggested-close-border-width, 1px)) var(--clfx-suggested-close-br, var(--clfx-suggested-close-border-width, 1px)) var(--clfx-suggested-close-bb, var(--clfx-suggested-close-border-width, 1px)) var(--clfx-suggested-close-bl, var(--clfx-suggested-close-border-width, 1px)) !important;
border-color: var(--clfx-suggested-close-border, var(--clfx-border, #E5E7EB)) !important;
border-radius: var(--clfx-suggested-close-rtl, var(--clfx-suggested-close-radius, 50%)) var(--clfx-suggested-close-rtr, var(--clfx-suggested-close-radius, 50%)) var(--clfx-suggested-close-rbr, var(--clfx-suggested-close-radius, 50%)) var(--clfx-suggested-close-rbl, var(--clfx-suggested-close-radius, 50%)) !important;
box-shadow: var(--clfx-suggested-close-shadow, none) !important;
color: var(--clfx-suggested-close-color, #374151) !important;
height: var(--clfx-suggested-close-size, 34px) !important;
min-width: var(--clfx-suggested-close-size, 34px) !important;
width: var(--clfx-suggested-close-size, 34px) !important;
}
.clfx-markup .clflex-toggle-drawer svg{
font-size: var(--clfx-suggested-close-icon-size, 15px) !important;
height: var(--clfx-suggested-close-icon-size, 15px) !important;
width: var(--clfx-suggested-close-icon-size, 15px) !important;
}
.clfx-markup .clflex-toggle-drawer:hover{
background: var(--clfx-suggested-close-hover-bg, #FFF0E8) !important;
border-color: var(--clfx-suggested-close-hover-border, var(--clfx-primary, #F5620A)) !important;
box-shadow: var(--clfx-suggested-close-hover-shadow, var(--clfx-suggested-close-shadow, none)) !important;
color: var(--clfx-suggested-close-hover-color, var(--clfx-primary, #F5620A)) !important;
}
.clfx-markup .clflexh-close:hover{
background: var(--clfx-main-close-hover-bg, var(--clfx-main-close-bg, #fff)) !important;
border-color: var(--clfx-main-close-hover-border, #DC2626) !important;
box-shadow: var(--clfx-main-close-hover-shadow, var(--clfx-main-close-shadow, none)) !important;
color: var(--clfx-main-close-hover-color, #DC2626) !important;
}
.clfx-markup .clflex-smr-del:hover{
background: #FEF2F2 !important;
border-color: #FECACA !important;
color: #DC2626 !important;
}
.clfx-markup .clflex-ftx-row{
background: #fff !important;
border: 0 !important;
border-radius: 0 !important;
border-top: 1px solid var(--clfx-border, #E5E7EB) !important;
color: var(--clfx-success, #16A34A) !important;
display: flex !important;
font-size: 13px !important;
font-weight: 700 !important;
gap: 6px !important;
height: auto !important;
justify-content: flex-start !important;
line-height: 1.25 !important;
padding: 10px 15px !important;
text-align: left !important;
width: 100% !important;
}
.clfx-markup .clflex-ftx-row:first-child{ border-top: 0 !important; }
.clfx-markup .clflex-ftx-row:hover{
background: #F9FAFB !important;
}
.clfx-markup .clflex-sl-apply-coupon button.clflex-btn,
.clfx-markup .clfx-postcode-form button.clflex-btn{
background: var(--clfx-shipping-button-bg, var(--clfx-primary, #F5620A)) !important;
border: 0 !important;
border-radius: var(--clfx-shipping-button-radius, var(--clfx-radius, 8px)) !important;
color: var(--clfx-shipping-button-text, #fff) !important;
display: flex !important;
font-family: var(--clfx-shipping-button-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-shipping-button-size, 14px) !important;
font-weight: var(--clfx-shipping-button-weight, 700) !important;
justify-content: center !important;
line-height: 1.2 !important;
margin: var(--clfx-shipping-button-mt, 0) var(--clfx-shipping-button-mr, 0) var(--clfx-shipping-button-mb, 0) var(--clfx-shipping-button-ml, 0) !important;
padding: var(--clfx-shipping-button-pt, 12px) var(--clfx-shipping-button-pr, 15px) var(--clfx-shipping-button-pb, 12px) var(--clfx-shipping-button-pl, 15px) !important;
text-align: center !important;
text-transform: none !important;
width: 100% !important;
}
.clfx-markup .clflex-sl-apply-coupon input,
.clfx-markup .clfx-postcode-form input{
border-style: solid !important;
border-width: 1.5px !important;
box-shadow: none !important;
line-height: 1.35 !important;
min-height: 45px !important;
width: 100% !important;
}
.clfx-markup .clflex-sl-apply-coupon input{
background: var(--clfx-coupon-input-bg, #F9FAFB) !important;
border-color: var(--clfx-coupon-input-border, var(--clfx-border, #E5E7EB)) !important;
border-radius: var(--clfx-coupon-input-radius, var(--clfx-radius, 8px)) !important;
color: var(--clfx-coupon-input-text, var(--clfx-text, #111827)) !important;
font-family: var(--clfx-coupon-input-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-coupon-input-size, 14px) !important;
font-weight: var(--clfx-coupon-input-weight, 500) !important;
margin: var(--clfx-coupon-input-mt, 0) var(--clfx-coupon-input-mr, 0) var(--clfx-coupon-input-mb, 0) var(--clfx-coupon-input-ml, 0) !important;
padding: var(--clfx-coupon-input-pt, 0) var(--clfx-coupon-input-pr, 15px) var(--clfx-coupon-input-pb, 0) var(--clfx-coupon-input-pl, 15px) !important;
}
.clfx-markup .clfx-postcode-form input{
background: var(--clfx-shipping-input-bg, #F9FAFB) !important;
border-color: var(--clfx-shipping-input-border, var(--clfx-border, #E5E7EB)) !important;
border-radius: var(--clfx-shipping-input-radius, var(--clfx-radius, 8px)) !important;
color: var(--clfx-shipping-input-text, var(--clfx-text, #111827)) !important;
font-family: var(--clfx-shipping-input-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-shipping-input-size, 14px) !important;
font-weight: var(--clfx-shipping-input-weight, 500) !important;
margin: var(--clfx-shipping-input-mt, 0) var(--clfx-shipping-input-mr, 0) var(--clfx-shipping-input-mb, 0) var(--clfx-shipping-input-ml, 0) !important;
padding: var(--clfx-shipping-input-pt, 0) var(--clfx-shipping-input-pr, 15px) var(--clfx-shipping-input-pb, 0) var(--clfx-shipping-input-pl, 15px) !important;
}
.clfx-markup .clflex-sl-apply-coupon input:focus{
border-color: var(--clfx-coupon-input-focus, var(--clfx-success, #16A34A)) !important;
outline: 3px solid rgba(22, 163, 74, .16) !important;
}
.clfx-markup .clfx-postcode-form input:focus{
border-color: var(--clfx-shipping-input-focus, var(--clfx-primary, #F5620A)) !important;
outline: 3px solid rgba(245, 98, 10, .18) !important;
}
.clfx-markup .clflex-sl-apply-coupon button.clflex-btn{
background: var(--clfx-coupon-button-bg, var(--clfx-success, #16A34A)) !important;
border-radius: var(--clfx-coupon-button-radius, var(--clfx-radius, 8px)) !important;
color: var(--clfx-coupon-button-text, #fff) !important;
font-family: var(--clfx-coupon-button-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-coupon-button-size, 14px) !important;
font-weight: var(--clfx-coupon-button-weight, 700) !important;
margin: var(--clfx-coupon-button-mt, 0) var(--clfx-coupon-button-mr, 0) var(--clfx-coupon-button-mb, 0) var(--clfx-coupon-button-ml, 0) !important;
padding: var(--clfx-coupon-button-pt, 12px) var(--clfx-coupon-button-pr, 15px) var(--clfx-coupon-button-pb, 12px) var(--clfx-coupon-button-pl, 15px) !important;
}
.clfx-markup .clfx-postcode-form button.clflex-btn:hover{
background: var(--clfx-shipping-button-hover, var(--clfx-primary-hover, #D44D00)) !important;
color: #fff !important;
}
.clfx-markup .clflex-sl-apply-coupon button.clflex-btn:hover{
background: var(--clfx-coupon-button-hover, #15803d) !important;
}
.clfx-markup .clflex-footer .clflex-ft-btn-checkout::before{
content: none !important;
}
.clfx-markup .clfx-empty-icon{
color: var(--clfx-empty-icon-color, #D1D5DB) !important;
display: block !important;
font-size: var(--clfx-empty-icon-size, 62px) !important;
margin-bottom: var(--clfx-empty-icon-mb, 18px) !important;
opacity: var(--clfx-empty-icon-opacity, .86) !important;
}
.clfx-markup .clfx-empty-icon svg{
fill: currentColor !important;
height: var(--clfx-empty-icon-size, 62px) !important;
width: var(--clfx-empty-icon-size, 62px) !important;
}
.clfx-markup .clfx-empty-icon svg path{
fill: currentColor !important;
}
.clfx-markup .clflex-empty-cart > span:not(.clfx-empty-icon){
color: var(--clfx-empty-title-color, var(--clfx-text, #111827)) !important;
font-family: var(--clfx-empty-title-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-empty-title-size, 15px) !important;
font-weight: var(--clfx-empty-title-weight, 700) !important;
}
.clfx-markup .clflex-empty-cart > small{
color: var(--clfx-empty-subtitle-color, #9CA3AF) !important;
font-family: var(--clfx-empty-subtitle-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-empty-subtitle-size, 13px) !important;
font-weight: var(--clfx-empty-subtitle-weight, 500) !important;
}
.clfx-markup .clflex-empty-cart .clflex-btn{
background: var(--clfx-empty-button-bg, var(--clfx-accessible, #9E3500)) !important;
border-style: var(--clfx-empty-button-border-style, solid) !important;
border-width: var(--clfx-empty-button-bt, var(--clfx-empty-button-border-width, 0)) var(--clfx-empty-button-br, var(--clfx-empty-button-border-width, 0)) var(--clfx-empty-button-bb, var(--clfx-empty-button-border-width, 0)) var(--clfx-empty-button-bl, var(--clfx-empty-button-border-width, 0)) !important;
border-color: var(--clfx-empty-button-border, transparent) !important;
border-radius: var(--clfx-empty-button-rtl, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) var(--clfx-empty-button-rtr, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) var(--clfx-empty-button-rbr, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) var(--clfx-empty-button-rbl, var(--clfx-empty-button-radius, var(--clfx-radius, 8px))) !important;
box-shadow: var(--clfx-empty-button-shadow, none) !important;
color: var(--clfx-empty-button-text, #fff) !important;
font-family: var(--clfx-empty-button-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-empty-button-size, 14px) !important;
font-weight: var(--clfx-empty-button-weight, 700) !important;
margin: var(--clfx-empty-button-mt, 24px) var(--clfx-empty-button-mr, 0) var(--clfx-empty-button-mb, 0) var(--clfx-empty-button-ml, 0) !important;
padding: var(--clfx-empty-button-pt, 13px) var(--clfx-empty-button-pr, 28px) var(--clfx-empty-button-pb, 13px) var(--clfx-empty-button-pl, 28px) !important;
text-decoration: none !important;
}
.clfx-markup .clflex-empty-cart .clflex-btn:hover{
background: var(--clfx-empty-button-hover, var(--clfx-accessible-hover, #7A2800)) !important;
border-color: var(--clfx-empty-button-hover-border, var(--clfx-empty-button-border, transparent)) !important;
box-shadow: var(--clfx-empty-button-hover-shadow, var(--clfx-empty-button-shadow, none)) !important;
color: var(--clfx-empty-button-hover-text, #fff) !important;
}
.clfx-markup .clflex-drawer{
opacity: 0 !important;
pointer-events: none !important;
transform: translateX(calc(100% + var(--clfx-width, 420px))) !important;
visibility: hidden !important;
}
.clfx-markup .clfx-suggested-tab-container{
align-items: center !important;
display: flex !important;
justify-content: flex-end !important;
left: 0 !important;
margin: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
top: var(--clfx-suggested-top, var(--clfx-suggested-tab-top, 84px)) !important;
transform: translateX(calc(-100% + 10px + var(--clfx-suggested-tab-offset, 0px))) !important;
transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
visibility: hidden !important;
width: 350px !important;
z-index: var(--clfx-z-loc-aba-sugeridos) !important;
}
.clfx-markup .clfx-suggested-tab{
--clfx-suggested-bg: var(--clfx-suggested-tab-bg, var(--clfx-primary, #F5620A));
--clfx-suggested-bg-hover: var(--clfx-suggested-tab-hover-bg, var(--clfx-primary-hover, #D44D00));
--clfx-suggested-color: var(--clfx-suggested-tab-text, #fff);
--clfx-suggested-color-hover: var(--clfx-suggested-tab-hover-text, #fff);
--clfx-suggested-gap: var(--clfx-suggested-tab-gap, 8px);
--clfx-suggested-border-hover: var(--clfx-suggested-tab-hover-border-color, var(--clfx-suggested-tab-border-color, transparent));
--clfx-suggested-tab-border-top: var(--clfx-suggested-tab-bt, var(--clfx-suggested-tab-border-width, 0px));
--clfx-suggested-tab-border-right: var(--clfx-suggested-tab-br, var(--clfx-suggested-tab-border-width, 0px));
--clfx-suggested-tab-border-bottom: var(--clfx-suggested-tab-bb, var(--clfx-suggested-tab-border-width, 0px));
--clfx-suggested-tab-border-left: var(--clfx-suggested-tab-bl, var(--clfx-suggested-tab-border-width, 0px));
--clfx-suggested-tab-bg-darken: color-mix(in srgb, var(--clfx-suggested-bg) 78%, #000);
--clfx-suggested-tab-hover-bg-darken: color-mix(in srgb, var(--clfx-suggested-bg-hover) 78%, #000);
align-items: center !important;
background: var(--clfx-suggested-bg) !important;
border-color: var(--clfx-suggested-tab-border-color, transparent) !important;
border-style: var(--clfx-suggested-tab-border-style, solid) !important;
border-width: var(--clfx-suggested-tab-border-top) var(--clfx-suggested-tab-border-right) var(--clfx-suggested-tab-border-bottom) var(--clfx-suggested-tab-border-left) !important;
box-shadow: -3px 0 14px rgba(0, 0, 0, .14) !important;
color: var(--clfx-suggested-color) !important;
cursor: pointer !important;
display: inline-flex !important;
font-family: var(--clfx-suggested-tab-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-suggested-tab-size, 12px) !important;
font-weight: var(--clfx-suggested-tab-weight, 700) !important;
gap: var(--clfx-suggested-gap) !important;
justify-content: center !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
min-height: var(--clfx-suggested-tab-height, 48px) !important;
overflow: visible !important;
padding: var(--clfx-suggested-tab-pt, var(--clfx-suggested-tab-py, 12px)) var(--clfx-suggested-tab-pr, var(--clfx-suggested-tab-px, 16px)) var(--clfx-suggested-tab-pb, var(--clfx-suggested-tab-py, 12px)) var(--clfx-suggested-tab-pl, var(--clfx-suggested-tab-px, 16px)) !important;
position: relative !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
white-space: nowrap !important;
width: auto !important;
writing-mode: horizontal-tb !important;
}
.clfx-markup .clfx-suggested-tab:hover{
background: var(--clfx-suggested-bg-hover) !important;
border-color: var(--clfx-suggested-border-hover) !important;
color: var(--clfx-suggested-color-hover) !important;
}
.clfx-markup .clfx-suggested-tab .clfx-icon-wrap{
align-items: center !important;
display: inline-flex !important;
flex: 0 0 auto !important;
font-size: 1.12em !important;
justify-content: center !important;
line-height: 1 !important;
}
.clfx-markup .clfx-suggested-tab .clfx-text-wrap{
display: inline-flex !important;
min-width: 0 !important;
}
.clfx-markup .clfx-suggested-tab.design-2{
border-radius: var(--clfx-suggested-tab-rtl, var(--clfx-suggested-tab-radius, 8px)) 0 0 var(--clfx-suggested-tab-rbl, var(--clfx-suggested-tab-radius, 8px)) !important;
box-shadow: -4px 4px 12px rgba(0, 0, 0, .1) !important;
padding: var(--clfx-suggested-tab-pt, 12px) var(--clfx-suggested-tab-pr, 16px) var(--clfx-suggested-tab-pb, 12px) var(--clfx-suggested-tab-pl, 14px) !important;
}
.clfx-markup .clfx-suggested-tab.design-2:hover{
padding-right: calc(var(--clfx-suggested-tab-pr, var(--clfx-suggested-tab-px, 16px)) + 4px) !important;
}
.clfx-markup .clfx-suggested-tab.design-2::after{
border-right: 8px solid transparent !important;
border-top: 8px solid var(--clfx-suggested-bg) !important;
border-top-color: var(--clfx-suggested-tab-bg-darken, var(--clfx-suggested-bg)) !important;
bottom: -8px !important;
content: "" !important;
position: absolute !important;
right: 0 !important;
z-index: 1 !important;
}
.clfx-markup .clfx-suggested-tab.design-2:hover::after{
border-top-color: var(--clfx-suggested-tab-hover-bg-darken, var(--clfx-suggested-bg-hover)) !important;
}
.clfx-markup .clfx-suggested-tab.design-2::before{
border-right: calc(8px + var(--clfx-suggested-tab-border-right)) solid transparent !important;
border-top: calc(8px + var(--clfx-suggested-tab-border-bottom)) solid var(--clfx-suggested-tab-border-color, transparent) !important;
bottom: calc(-8px - var(--clfx-suggested-tab-border-bottom)) !important;
content: "" !important;
pointer-events: none !important;
position: absolute !important;
right: calc(0px - var(--clfx-suggested-tab-border-right)) !important;
z-index: 0 !important;
}
.clfx-markup .clfx-suggested-tab.design-2:hover::before{
border-top-color: var(--clfx-suggested-border-hover) !important;
}
@keyframes clfx-pulse-gift {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.15) rotate(5deg);
}
}
@keyframes clfx-float-icon {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-3px);
}
}
.clfx-markup{
font-family: var(--clfx-font, var(--e-global-typography-text-font-family, inherit)) !important;
}
.clfx-markup .clflex-header{
background: var(--clfx-header-bg, #fff) !important;
margin: var(--clfx-header-mt, 0) var(--clfx-header-mr, 0) var(--clfx-header-mb, 0) var(--clfx-header-ml, 0) !important;
padding: var(--clfx-header-pt, var(--clfx-header-py, 15px)) var(--clfx-header-pr, var(--clfx-header-px, 15px)) var(--clfx-header-pb, var(--clfx-header-py, 15px)) var(--clfx-header-pl, var(--clfx-header-px, 15px)) !important;
}
.clfx-markup .clflexh-text{
color: var(--clfx-header-text, #111827) !important;
font-family: var(--clfx-header-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-header-size, 16px) !important;
font-weight: var(--clfx-header-weight, 700) !important;
font-style: var(--clfx-header-style, normal) !important;
letter-spacing: var(--clfx-header-letter-spacing, 0) !important;
line-height: var(--clfx-header-line-height, 1.2) !important;
text-decoration: var(--clfx-header-decoration, none) !important;
text-transform: var(--clfx-header-transform, none) !important;
}
.clfx-markup .clflexb-count{
background: var(--clfx-header-count-bg, var(--clfx-primary, #F5620A)) !important;
color: var(--clfx-header-count-text, #fff) !important;
font-family: var(--clfx-header-count-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-header-count-size, 12px) !important;
font-weight: var(--clfx-header-count-weight, 700) !important;
}
.clfx-markup .clflex-products .clflex-product{
background: var(--clfx-product-card-bg, var(--clfx-surface, #fff)) !important;
border-bottom-color: var(--clfx-product-card-border, var(--clfx-border, #E5E7EB)) !important;
margin: var(--clfx-product-card-mt, 0) var(--clfx-product-card-mr, 0) var(--clfx-product-card-mb, 0) var(--clfx-product-card-ml, 0) !important;
padding: var(--clfx-product-card-pt, var(--clfx-product-card-py, 8px)) var(--clfx-product-card-pr, var(--clfx-product-card-px, 15px)) var(--clfx-product-card-pb, var(--clfx-product-card-py, 8px)) var(--clfx-product-card-pl, var(--clfx-product-card-px, 15px)) !important;
}
.clfx-markup .clflex-product .clflex-sm-info{
align-items: flex-start !important;
}
.clfx-markup .clflex-product .clflex-pname,
.clfx-markup .clflex-product .clflex-pname a{
color: var(--clfx-product-title-color, #111827) !important;
font-family: var(--clfx-product-title-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-product-title-size, 13px) !important;
font-weight: var(--clfx-product-title-weight, 700) !important;
letter-spacing: var(--clfx-product-title-letter-spacing, 0) !important;
line-height: var(--clfx-product-title-line-height, 1.25) !important;
}
.clfx-markup .clfx-item-actions{
align-items: flex-end !important;
display: inline-flex !important;
flex: 0 0 auto !important;
flex-direction: column !important;
gap: 6px !important;
min-width: 92px !important;
}
.clfx-markup .clflex-product .clflex-smr-ptotal,
.clfx-markup .clflex-product .clflex-smr-ptotal .amount{
color: var(--clfx-product-price-color, #111827) !important;
font-family: var(--clfx-product-price-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-product-price-size, 13px) !important;
font-weight: var(--clfx-product-price-weight, 700) !important;
letter-spacing: var(--clfx-product-price-letter-spacing, 0) !important;
line-height: var(--clfx-product-price-line-height, 1.2) !important;
text-align: right !important;
white-space: nowrap !important;
}
.clfx-markup .clflex-product .clflex-smr-del{
font-size: var(--clfx-product-remove-size, 13px) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-qty{
-moz-appearance: textfield !important;
appearance: textfield !important;
font-size: var(--clfx-product-qty-size, 12px) !important;
line-height: 1 !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-qty::-webkit-outer-spin-button,
.clfx-markup .clflex-product .clflex-qty-box .clflex-qty::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0 !important;
}
.clfx-markup .clflex-drawer-header{
background: var(--clfx-suggested-header-bg, #fff) !important;
margin: var(--clfx-suggested-header-mt, 0) var(--clfx-suggested-header-mr, 0) var(--clfx-suggested-header-mb, 0) var(--clfx-suggested-header-ml, 0) !important;
padding: var(--clfx-suggested-header-pt, 10px) var(--clfx-suggested-header-pr, 15px) var(--clfx-suggested-header-pb, 10px) var(--clfx-suggested-header-pl, 15px) !important;
}
.clfx-markup .clflex-drawer-header .clflex-drh-txt{
color: var(--clfx-suggested-header-color, #111827) !important;
font-family: var(--clfx-suggested-header-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-suggested-header-size, 13px) !important;
font-weight: var(--clfx-suggested-header-weight, 700) !important;
letter-spacing: var(--clfx-suggested-header-letter-spacing, 0) !important;
line-height: var(--clfx-suggested-header-line-height, 1.2) !important;
text-transform: var(--clfx-suggested-header-transform, uppercase) !important;
}
.clfx-markup .clflex-drawer .clflex-sp-product{
background: var(--clfx-suggested-card-bg, #fff) !important;
border-bottom-color: var(--clfx-suggested-card-border, var(--clfx-border, #E5E7EB)) !important;
margin: var(--clfx-suggested-card-mt, 0) var(--clfx-suggested-card-mr, 0) var(--clfx-suggested-card-mb, 0) var(--clfx-suggested-card-ml, 0) !important;
padding: var(--clfx-suggested-card-pt, var(--clfx-suggested-card-py, 12px)) var(--clfx-suggested-card-pr, var(--clfx-suggested-card-px, 16px)) var(--clfx-suggested-card-pb, var(--clfx-suggested-card-py, 12px)) var(--clfx-suggested-card-pl, var(--clfx-suggested-card-px, 16px)) !important;
}
.clfx-markup .clflex-drawer .clflex-sp-left-col{
flex-basis: var(--clfx-suggested-image, 64px) !important;
height: var(--clfx-suggested-image, 64px) !important;
width: var(--clfx-suggested-image, 64px) !important;
}
.clfx-markup .clflex-drawer .clflex-sp-title a{
color: var(--clfx-suggested-title-color, #111827) !important;
font-family: var(--clfx-suggested-title-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-suggested-title-size, 12px) !important;
font-weight: var(--clfx-suggested-title-weight, 700) !important;
letter-spacing: var(--clfx-suggested-title-letter-spacing, 0) !important;
line-height: var(--clfx-suggested-title-line-height, 1.25) !important;
}
.clfx-markup .clflex-drawer .clflex-sp-price,
.clfx-markup .clflex-drawer .clflex-sp-price .amount{
color: var(--clfx-suggested-price-color, #374151) !important;
font-family: var(--clfx-suggested-price-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-suggested-price-size, 13px) !important;
font-weight: var(--clfx-suggested-price-weight, 700) !important;
letter-spacing: var(--clfx-suggested-price-letter-spacing, 0) !important;
line-height: var(--clfx-suggested-price-line-height, 1.2) !important;
}
.clfx-markup .clflex-drawer .clflex-sp-atc .add_to_cart_button{
background: var(--clfx-suggested-button-bg, var(--clfx-primary, #F5620A)) !important;
color: var(--clfx-suggested-button-text, #fff) !important;
font-family: var(--clfx-suggested-button-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-suggested-button-size, 11px) !important;
font-weight: var(--clfx-suggested-button-weight, 700) !important;
line-height: var(--clfx-suggested-button-line-height, 1) !important;
letter-spacing: var(--clfx-suggested-button-letter-spacing, 0) !important;
text-transform: var(--clfx-suggested-button-transform, none) !important;
border-style: var(--clfx-suggested-button-border-style, solid) !important;
border-width: var(--clfx-suggested-button-bt, var(--clfx-suggested-button-border-width, 0px)) var(--clfx-suggested-button-br, var(--clfx-suggested-button-border-width, 0px)) var(--clfx-suggested-button-bb, var(--clfx-suggested-button-border-width, 0px)) var(--clfx-suggested-button-bl, var(--clfx-suggested-button-border-width, 0px)) !important;
border-color: var(--clfx-suggested-button-border, transparent) !important;
border-radius: var(--clfx-suggested-button-rtl, var(--clfx-suggested-button-radius, 6px)) var(--clfx-suggested-button-rtr, var(--clfx-suggested-button-radius, 6px)) var(--clfx-suggested-button-rbr, var(--clfx-suggested-button-radius, 6px)) var(--clfx-suggested-button-rbl, var(--clfx-suggested-button-radius, 6px)) !important;
box-shadow: var(--clfx-suggested-button-shadow, none) !important;
margin: var(--clfx-suggested-button-mt, var(--clfx-suggested-button-my, 0px)) var(--clfx-suggested-button-mr, var(--clfx-suggested-button-mx, 0px)) var(--clfx-suggested-button-mb, var(--clfx-suggested-button-my, 0px)) var(--clfx-suggested-button-ml, var(--clfx-suggested-button-mx, 0px)) !important;
padding: var(--clfx-suggested-button-pt, var(--clfx-suggested-button-py, 7px)) var(--clfx-suggested-button-pr, var(--clfx-suggested-button-px, 12px)) var(--clfx-suggested-button-pb, var(--clfx-suggested-button-py, 7px)) var(--clfx-suggested-button-pl, var(--clfx-suggested-button-px, 12px)) !important;
}
.clfx-markup .clflex-drawer .clflex-sp-atc .add_to_cart_button:hover{
background: var(--clfx-suggested-button-hover, var(--clfx-primary-hover, #D44D00)) !important;
color: var(--clfx-suggested-button-text, #fff) !important;
border-color: var(--clfx-suggested-button-hover-border, var(--clfx-suggested-button-border, transparent)) !important;
box-shadow: var(--clfx-suggested-button-hover-shadow, var(--clfx-suggested-button-shadow, none)) !important;
}
.clfx-markup .clflex-ft-totals{
background: var(--clfx-totals-bg, var(--clfx-surface, #fff)) !important;
border-top: 1px solid var(--clfx-totals-border, var(--clfx-border, #E5E7EB)) !important;
gap: 0 !important;
padding: var(--clfx-totals-pt, var(--clfx-totals-py, 0)) 0 var(--clfx-totals-pb, var(--clfx-totals-py, 0)) 0 !important;
}
.clfx-markup .clflex-ft-amt-subtotal,
.clfx-markup .clflex-ft-amt-shipping,
.clfx-markup .clflex-ft-amt-total{
background: var(--clfx-totals-row-bg, transparent) !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: var(--clfx-totals-row-pt, var(--clfx-totals-row-py, 10px)) var(--clfx-totals-row-pr, var(--clfx-totals-row-px, 15px)) var(--clfx-totals-row-pb, var(--clfx-totals-row-py, 10px)) var(--clfx-totals-row-pl, var(--clfx-totals-row-px, 15px)) !important;
}
.clfx-markup .clflex-ft-amt-subtotal,
.clfx-markup .clflex-ft-amt-shipping{
border-bottom: 1px solid var(--clfx-totals-row-border, var(--clfx-border, #E5E7EB)) !important;
}
.clfx-markup .clflex-ft-amt-total{
border-top: 0 !important;
margin-top: 0 !important;
}
.clfx-markup .clfx-compact-totals,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals{
align-items: stretch !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 0 !important;
overflow: hidden !important;
padding: 10px 15px !important;
}
.clfx-markup .clfx-compact-totals > .clflex-ft-amt-subtotal,
.clfx-markup .clfx-compact-totals > .clflex-ft-amt-total,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals > .clflex-ft-amt-subtotal,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals > .clflex-ft-amt-total{
align-items: flex-start !important;
border: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding: 0 !important;
}
.clfx-markup .clfx-compact-totals > .clflex-ft-amt-subtotal,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals > .clflex-ft-amt-subtotal{
padding-right: 12px !important;
}
.clfx-markup .clfx-compact-totals > .clflex-ft-amt-total,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals > .clflex-ft-amt-total{
align-items: flex-end !important;
border-left: 1px solid var(--clfx-totals-row-border, var(--clfx-border, #E5E7EB)) !important;
padding-left: 12px !important;
text-align: right !important;
}
.clfx-markup .clfx-compact-totals .clflex-ft-amt-value,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals .clflex-ft-amt-value{
max-width: 100% !important;
overflow-wrap: anywhere !important;
}
.clfx-markup .clflex-ft-amt-subtotal .clflex-ft-amt-label{
color: var(--clfx-subtotal-label-color, var(--clfx-muted, #6B7280)) !important;
font-family: var(--clfx-subtotal-label-font, var(--clfx-footer-label-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-subtotal-label-size, var(--clfx-footer-label-size, 12px)) !important;
font-weight: var(--clfx-subtotal-label-weight, var(--clfx-footer-label-weight, 500)) !important;
}
.clfx-markup .clflex-ft-amt-subtotal .clflex-ft-amt-value,
.clfx-markup .clflex-ft-amt-subtotal .amount{
color: var(--clfx-subtotal-value-color, var(--clfx-text, #111827)) !important;
font-family: var(--clfx-subtotal-value-font, var(--clfx-footer-label-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-subtotal-value-size, var(--clfx-footer-label-size, 12px)) !important;
font-weight: var(--clfx-subtotal-value-weight, 600) !important;
}
.clfx-markup .clflex-ft-amt-total .clflex-ft-amt-label{
color: var(--clfx-total-label-color, var(--clfx-muted, #6B7280)) !important;
font-family: var(--clfx-total-label-font, var(--clfx-footer-total-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-total-label-size, var(--clfx-footer-total-size, 16px)) !important;
font-weight: var(--clfx-total-label-weight, var(--clfx-footer-total-weight, 700)) !important;
}
.clfx-markup .clflex-ft-amt-total .clflex-ft-amt-value,
.clfx-markup .clflex-ft-amt-total .amount{
color: var(--clfx-total-value-color, var(--clfx-primary, #F5620A)) !important;
font-family: var(--clfx-total-value-font, var(--clfx-footer-total-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-total-value-size, var(--clfx-footer-total-size, 16px)) !important;
font-weight: var(--clfx-total-value-weight, var(--clfx-footer-total-weight, 700)) !important;
}
.clfx-markup .clflex-footer .clflex-ft-btn-checkout,
.clfx-markup .clflex-footer .clflex-ft-btn-cart{
background: var(--clfx-checkout-button-bg, var(--clfx-primary, #F5620A)) !important;
color: var(--clfx-checkout-button-text, #fff) !important;
font-family: var(--clfx-checkout-button-font, var(--e-global-typography-text-font-family, inherit)) !important;
font-size: var(--clfx-checkout-button-size, 14px) !important;
font-weight: var(--clfx-checkout-button-weight, 700) !important;
margin: var(--clfx-checkout-button-mt, 0) var(--clfx-checkout-button-mr, 0) var(--clfx-checkout-button-mb, 0) var(--clfx-checkout-button-ml, 0) !important;
padding: var(--clfx-checkout-button-pt, 12px) var(--clfx-checkout-button-pr, 15px) var(--clfx-checkout-button-pb, 12px) var(--clfx-checkout-button-pl, 15px) !important;
}
.clfx-markup .clflex-footer .clflex-ft-btn-checkout:hover,
.clfx-markup .clflex-footer .clflex-ft-btn-cart:hover{
background: var(--clfx-checkout-button-hover-bg, var(--clfx-primary-hover, #D44D00)) !important;
color: var(--clfx-checkout-button-hover-text, #fff) !important;
}
@media (max-width: 767px){
.clfx-markup .clflex-drawer,
.clfx-markup .clflex-modal.clflex-active .clflex-drawer,
.clfx-markup .clflex-drawer.clfx-drawer-collapsed,
.clfx-markup .clfx-suggested-tab-container,
.clfx-markup .clfx-suggested-tab{
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
transform: none !important;
visibility: hidden !important;
}
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-simple-view,
.clfx-markup .clfx-trigger-simple-view{
align-items: center !important;
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
line-height: 1 !important;
position: static !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-complete-view,
.clfx-markup .clfx-trigger-complete-view{
align-items: center !important;
display: none !important;
flex-direction: row !important;
gap: 12px !important;
justify-content: center !important;
line-height: 1 !important;
position: static !important;
text-align: left !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-model-complete,
.clfx-markup .clfx-trigger-model-complete{
flex-direction: row !important;
gap: 12px !important;
text-align: left !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-model-complete .clfx-trigger-simple-view,
.clfx-markup .clfx-trigger-model-complete .clfx-trigger-simple-view{
display: none !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-model-complete .clfx-trigger-complete-view,
.clfx-markup .clfx-trigger-model-complete .clfx-trigger-complete-view{
display: inline-flex !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-complete-icon,
.clfx-markup .clfx-trigger-complete-icon{
color: var(--clfx-trigger-text, var(--clfx-primary, #D44D00)) !important;
height: var(--clfx-trigger-icon, 24px) !important;
position: relative !important;
width: var(--clfx-trigger-icon, 24px) !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-complete-icon svg,
.clfx-markup .clfx-trigger-complete-icon svg{
height: var(--clfx-trigger-icon, 24px) !important;
width: var(--clfx-trigger-icon, 24px) !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-complete-icon .clfx-cart-count,
.clfx-markup .clfx-trigger-complete-icon .clfx-cart-count{
background: var(--clfx-complete-count-bg, #18181B) !important;
color: var(--clfx-complete-count-text, #FFFFFF) !important;
height: 16px !important;
min-width: 16px !important;
padding: 0 4px !important;
position: absolute !important;
right: -8px !important;
top: -4px !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-complete-copy,
.clfx-markup .clfx-trigger-complete-copy{
align-items: flex-start !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
justify-content: center !important;
min-width: 0 !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-complete-copy .clflex-sc-subt,
.clfx-markup .clfx-trigger-complete-copy .clflex-sc-subt{
color: var(--clfx-muted, #6B7280) !important;
font-size: var(--clfx-trigger-label, 13px) !important;
font-weight: 400 !important;
line-height: 1.1 !important;
margin: 0 !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-total-value,
.clfx-markup .clfx-trigger-total-value{
color: var(--clfx-text, #111827) !important;
display: block !important;
font-size: var(--clfx-trigger-label, 13px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
margin: 0 !important;
white-space: nowrap !important;
}
@media (min-width: 768px) and (max-width: 1024px){
.elementor-widget-clfx_cart_trigger .clfx-trigger-tablet-simple,
.clfx-markup .clfx-trigger-tablet-simple{
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-tablet-simple .clfx-trigger-simple-view,
.clfx-markup .clfx-trigger-tablet-simple .clfx-trigger-simple-view{
display: inline-flex !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-tablet-simple .clfx-trigger-complete-view,
.clfx-markup .clfx-trigger-tablet-simple .clfx-trigger-complete-view{
display: none !important;
}
}
@media (max-width: 767px){
.elementor-widget-clfx_cart_trigger .clfx-trigger-mobile-simple,
.clfx-markup .clfx-trigger-mobile-simple{
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-mobile-simple .clfx-trigger-simple-view,
.clfx-markup .clfx-trigger-mobile-simple .clfx-trigger-simple-view{
display: inline-flex !important;
}
.elementor-widget-clfx_cart_trigger .clfx-trigger-mobile-simple .clfx-trigger-complete-view,
.clfx-markup .clfx-trigger-mobile-simple .clfx-trigger-complete-view{
display: none !important;
}
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clflex-sc-bkcont .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clflex-sc-bkcont .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger .clflex-sc-bkcont .clflex-sc-bki,
.clfx-markup .clflex-cart-trigger .clflex-sc-bkcont .clflex-sc-subt{
color: var(--clfx-trigger-text, var(--clfx-text, #18181B)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clflex-sc-bkcont .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clflex-sc-bkcont .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger:hover .clflex-sc-bkcont .clflex-sc-bki,
.clfx-markup .clflex-cart-trigger:hover .clflex-sc-bkcont .clflex-sc-subt{
color: var(--clfx-trigger-text-hover, var(--clfx-trigger-text, var(--clfx-text, #18181B))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-icon,
.clfx-markup .clflex-cart-trigger .clfx-trigger-complete-icon{
color: var(--clfx-complete-icon-color, var(--clfx-primary, #D44D00)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-copy .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger .clfx-trigger-complete-copy .clflex-sc-subt{
color: var(--clfx-complete-label-color, var(--clfx-muted, #6B7280)) !important;
font-family: var(--clfx-complete-label-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-complete-label-size, var(--clfx-trigger-label, 13px)) !important;
font-weight: var(--clfx-complete-label-weight, 400) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-complete-icon,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-complete-icon{
color: var(--clfx-trigger-text-hover, var(--clfx-complete-icon-color, var(--clfx-primary, #D44D00))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-complete-copy .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-complete-copy .clflex-sc-subt{
color: var(--clfx-trigger-text-hover, var(--clfx-complete-label-color, var(--clfx-muted, #6B7280))) !important;
}
.clfx-markup .clfx-price-stack{
display: contents;
}
.clfx-markup .clfx-unit-price{
display: none;
}
.clfx-markup.clfx-clear-position-top .clflex-products{
padding-top: 0 !important;
}
.clfx-clear-cart.clfx-clear-cart{
-webkit-appearance: none;
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
margin: 0;
padding: 4px 8px;
background: transparent;
border: 0;
border-radius: 8px;
box-shadow: none;
font: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
color: var( --clfx-muted, #6B7280 );
cursor: pointer;
transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
.clfx-clear-cart.clfx-clear-cart:hover,
.clfx-clear-cart.clfx-clear-cart:focus{
background: rgba( 220, 38, 38, .08 );
border: 0;
color: #DC2626;
}
.clfx-clear-cart.clfx-clear-cart svg{
width: 16px;
height: 16px;
flex: 0 0 auto;
}
.clfx-markup.clfx-product-card-model-2 .clflex-products{
padding: 10px 14px !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-products .clflex-product:not(.clflex-pt-btn-clear){
align-items: stretch !important;
background: var(--clfx-product-card-bg, #FFFFFF) !important;
border: 1px solid var(--clfx-product-card-border, var(--clfx-border, #E5E7EB)) !important;
border-radius: 14px !important;
box-shadow: none !important;
gap: 12px !important;
margin: 0 0 var(--clfx-product-card-gap, 10px) !important;
padding: var(--clfx-product-card-pt, var(--clfx-product-card-py, 12px)) var(--clfx-product-card-pr, var(--clfx-product-card-px, 12px)) var(--clfx-product-card-pb, var(--clfx-product-card-py, 12px)) var(--clfx-product-card-pl, var(--clfx-product-card-px, 12px)) !important;
transition: border-color .2s ease, box-shadow .2s ease !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-products .clflex-product:not(.clflex-pt-btn-clear):hover{
border-color: var(--clfx-product-card-hover-border, var(--clfx-primary, #D44D00)) !important;
box-shadow: none !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-img-col{
flex: 0 0 var(--clfx-image, 64px) !important;
height: var(--clfx-image, 64px) !important;
width: var(--clfx-image, 64px) !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-img-col img,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-img-col .clfx-preview-product-thumb{
border-radius: 8px !important;
height: 100% !important;
object-fit: cover !important;
padding: 0 !important;
width: 100% !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-sum-col{
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
justify-content: space-between !important;
min-height: var(--clfx-image, 64px) !important;
min-width: 0 !important;
padding-right: 96px !important;
position: relative !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-sm-info{
display: block !important;
min-width: 0 !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-pname,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-pname a{
display: block !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.clfx-markup.clfx-product-card-model-2 .clfx-item-actions{
align-items: flex-end !important;
bottom: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
min-width: 88px !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
}
.clfx-markup.clfx-product-card-model-2 .clfx-price-stack{
align-items: flex-end !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin-top: auto !important;
}
.clfx-markup.clfx-product-card-model-2 .clfx-unit-price{
display: none !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del{
background: transparent !important;
border-color: transparent !important;
color: var(--clfx-muted, #9CA3AF) !important;
height: 22px !important;
min-height: 22px !important;
min-width: 22px !important;
padding: 0 !important;
width: 22px !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del:hover{
background: transparent !important;
border-color: transparent !important;
color: #EF4444 !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-qty-box{
align-self: flex-start !important;
background: #FAFAF9 !important;
border-color: var(--clfx-border, #E5E7EB) !important;
border-radius: 6px !important;
height: var(--clfx-product-qty-height, 26px) !important;
margin: var(--clfx-product-qty-gap, 6px) 0 0 !important;
min-height: var(--clfx-product-qty-height, 26px) !important;
}
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-qty-box button,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-qty-box input{
font-size: 12px !important;
min-height: 26px !important;
}
@media (max-width: 480px){
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-sum-col{
padding-right: 78px !important;
}
.clfx-markup.clfx-product-card-model-2 .clfx-item-actions{
min-width: 72px !important;
}
}
.clfx-markup .clflex-icon-bag2::before,
.elementor-widget-clfx_cart_trigger .clflex-icon-bag2::before,
.clfx-elementor-trigger .clflex-icon-bag2::before{
content: "\e910";
}
.clfx-markup .clflex-smr-del,
.clfx-markup .clfx-remove{
color: var(--clfx-product-remove-color, #9CA3AF) !important;
font-size: var(--clfx-product-remove-size, 16px) !important;
}
.clfx-markup .clflex-smr-del:hover,
.clfx-markup .clfx-remove:hover{
color: var(--clfx-product-remove-hover-color, #B91C1C) !important;
}
.clfx-markup .clflex-product .clflex-smr-del,
.clfx-markup .clflex-product .clfx-remove{
align-items: center !important;
background: transparent !important;
border: 0 !important;
color: var(--clfx-product-remove-color, #9CA3AF) !important;
cursor: pointer !important;
display: inline-flex !important;
font-size: 18px !important;
height: auto !important;
justify-content: center !important;
line-height: 1 !important;
min-height: 28px !important;
min-width: 28px !important;
padding: 4px !important;
transition: background-color .15s ease, color .15s ease !important;
width: auto !important;
}
.clfx-markup .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-product .clfx-remove:hover{
background: rgba(220, 38, 38, 0.10) !important;
border-radius: 4px !important;
color: var(--clfx-product-remove-hover-color, #B91C1C) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-product .clflex-smr-del,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clfx-remove{
align-items: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 6px !important;
color: #DC2626 !important;
cursor: pointer !important;
display: inline-flex !important;
flex: 0 0 auto !important;
font-size: 16px !important;
height: 26px !important;
justify-content: center !important;
line-height: 1 !important;
min-height: 26px !important;
min-width: 26px !important;
overflow: visible !important;
padding: 4px !important;
transition: background-color .15s ease, color .15s ease !important;
width: 26px !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-product .clflex-smr-del:hover,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clfx-remove:hover{
background: rgba(220, 38, 38, 0.12) !important;
border-color: transparent !important;
color: var(--clfx-product-remove-hover-color, #B91C1C) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-product .clflex-smr-del,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clfx-remove{
align-items: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 6px !important;
color: var(--clfx-product-remove-color, #9CA3AF) !important;
cursor: pointer !important;
display: inline-flex !important;
flex: 0 0 auto !important;
height: 30px !important;
justify-content: center !important;
line-height: 1 !important;
min-height: 30px !important;
min-width: 30px !important;
overflow: visible !important;
padding: 4px !important;
transition: background-color .15s ease, color .15s ease !important;
width: 30px !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-product .clflex-smr-del:hover,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clfx-remove:hover{
background: rgba(220, 38, 38, 0.10) !important;
color: var(--clfx-product-remove-hover-color, #DC2626) !important;
}
.clfx-markup .clfx-trash-icons8,
.clfx-markup .clfx-trash-icons8-48{
fill: currentColor !important;
stroke: none !important;
}
.clfx-markup .clflex-products .clflex-product .clflex-smr-del .clfx-trash-icons8,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del .clfx-trash-icons8-48{
height: var(--clfx-product-remove-size, 18px) !important;
width: var(--clfx-product-remove-size, 18px) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-product .clflex-smr-del,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clfx-remove{
align-items: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 6px !important;
color: var(--clfx-product-remove-color, #9CA3AF) !important;
cursor: pointer !important;
display: inline-flex !important;
flex: 0 0 auto !important;
height: 30px !important;
justify-content: center !important;
line-height: 1 !important;
min-height: 30px !important;
min-width: 30px !important;
overflow: visible !important;
padding: 4px !important;
transition: background-color .15s ease, color .15s ease !important;
width: 30px !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-product .clflex-smr-del:hover,
.clfx-markup.clfx-product-card-model-2 .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clfx-remove:hover{
background: rgba(220, 38, 38, 0.10) !important;
color: var(--clfx-product-remove-hover-color, #DC2626) !important;
}
.clfx-markup.clfx-product-card-model-2.clfx-clear-position-top .clflex-products{
padding-top: 0 !important;
}
.clfx-markup .clflex-product .clflex-qty-box{
background: var(--clfx-qty-bg, #FAFAF9) !important;
border-color: var(--clfx-qty-border, #E5E7EB) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-qty{
color: var(--clfx-qty-text, #D44D00) !important;
font-size: var(--clfx-qty-size, var(--clfx-product-qty-size, 13px)) !important;
font-weight: var(--clfx-qty-weight, 700) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-chng{
color: var(--clfx-qty-button, #6B7280) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-chng:hover{
color: var(--clfx-qty-text, #D44D00) !important;
}
.clfx-markup.clfx-product-card-model-2.clfx-clear-position-top .clflex-products{
padding-top: 0 !important;
}
.clfx-markup .clflex-product .clflex-qty-box{
background: var(--clfx-qty-bg, #FAFAF9) !important;
border: 1px solid var(--clfx-qty-border, #E5E7EB) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-qty{
color: var(--clfx-qty-text, #D44D00) !important;
font-size: var(--clfx-qty-size, var(--clfx-product-qty-size, 13px)) !important;
font-weight: var(--clfx-qty-weight, 700) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-chng{
color: var(--clfx-qty-button, #6B7280) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-chng:hover{
color: var(--clfx-qty-button-hover, var(--clfx-qty-text, #D44D00)) !important;
}
.clfx-markup .clflex-smr-del:hover,
.clfx-markup .clfx-remove:hover{
color: var(--clfx-product-remove-hover-color, #B91C1C) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup.clfx-product-card-model-2 .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clfx-remove{
color: var(--clfx-product-remove-color, #9CA3AF) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup.clfx-product-card-model-2 .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clfx-remove:hover{
color: var(--clfx-product-remove-hover-color, #DC2626) !important;
}
.clfx-markup .clflex-product .clflex-qty-box .clflex-qty{
color: var(--clfx-qty-text, #D44D00) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup.clfx-product-card-model-2 .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clfx-remove{
background: transparent !important;
border: 0 !important;
color: var(--clfx-product-remove-color, #9CA3AF) !important;
font-size: var(--clfx-product-remove-size, 13px) !important;
height: calc(var(--clfx-product-remove-size, 13px) + 16px) !important;
min-height: calc(var(--clfx-product-remove-size, 13px) + 16px) !important;
min-width: calc(var(--clfx-product-remove-size, 13px) + 16px) !important;
width: calc(var(--clfx-product-remove-size, 13px) + 16px) !important;
}
.clfx-markup.clfx-product-card-model-1 .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup.clfx-product-card-model-2 .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del:hover,
.clfx-markup .clflex-products .clflex-product .clfx-remove:hover{
background: color-mix(in srgb, var(--clfx-product-remove-hover-color, #DC2626) 10%, transparent) !important;
color: var(--clfx-product-remove-hover-color, #DC2626) !important;
}
.clfx-markup .clflex-products .clflex-product .clflex-smr-del svg,
.clfx-markup .clflex-products .clflex-product .clfx-remove svg,
.clfx-markup .clflex-products .clflex-product .clflex-smr-del .clfx-native-icon,
.clfx-markup .clflex-products .clflex-product .clfx-remove .clfx-native-icon{
color: inherit !important;
display: block !important;
font-size: var(--clfx-product-remove-size, 13px) !important;
height: var(--clfx-product-remove-size, 13px) !important;
line-height: 1 !important;
width: var(--clfx-product-remove-size, 13px) !important;
}
.clfx-markup .clflex-products .clflex-product .clflex-smr-del svg:not(.clfx-trash-outline):not(.clfx-trash-curva):not(.clfx-trash-reta),
.clfx-markup .clflex-products .clflex-product .clfx-remove svg:not(.clfx-trash-outline):not(.clfx-trash-curva):not(.clfx-trash-reta){
fill: currentColor !important;
stroke: currentColor !important;
}
@media (max-width: 767px){
.clfx-markup .clflex-products .clflex-product .clflex-smr-del,
.clfx-markup .clflex-products .clflex-product .clfx-remove{
font-size: var(--clfx-product-remove-size, 13px) !important;
}
}
.clfx-markup.clfx-product-card-model-2.clfx-clear-position-top .clflex-products:not(:has(> .clfx-cart-summary-row:first-child)){
padding-top: 10px !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-bki,
.clfx-markup .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-bki,
.clfx-markup .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-bki{
color: var(--clfx-simple-icon-color, var(--clfx-trigger-text, var(--clfx-text, #18181B))) !important;
height: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-bki svg,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-bki svg,
.clfx-markup .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-bki svg,
.clfx-markup .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-bki svg{
height: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-simple-view .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover > .clflex-sc-bkcont .clflex-sc-bki,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-simple-view .clflex-sc-bki,
.clfx-markup .clflex-cart-trigger:hover > .clflex-sc-bkcont .clflex-sc-bki{
color: var(--clfx-simple-icon-hover-color, var(--clfx-trigger-text-hover, var(--clfx-simple-icon-color, var(--clfx-trigger-text, var(--clfx-text, #18181B))))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-subt,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-subt{
color: var(--clfx-simple-label-color, var(--clfx-trigger-text, var(--clfx-text, #18181B))) !important;
font-family: var(--clfx-simple-label-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-simple-label-size, var(--clfx-trigger-label, 13px)) !important;
font-weight: var(--clfx-simple-label-weight, 700) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-simple-view .clflex-sc-subt,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover > .clflex-sc-bkcont .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-simple-view .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger:hover > .clflex-sc-bkcont .clflex-sc-subt{
color: var(--clfx-simple-label-hover-color, var(--clfx-trigger-text-hover, var(--clfx-simple-label-color, var(--clfx-trigger-text, var(--clfx-text, #18181B))))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-icon,
.clfx-markup .clflex-cart-trigger .clfx-trigger-complete-icon{
color: var(--clfx-complete-icon-color, var(--clfx-primary, #D44D00)) !important;
height: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-icon svg,
.clfx-markup .clflex-cart-trigger .clfx-trigger-complete-icon svg{
height: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-complete-icon,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-complete-icon{
color: var(--clfx-complete-icon-hover-color, var(--clfx-trigger-text-hover, var(--clfx-complete-icon-color, var(--clfx-primary, #D44D00)))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-icon .clfx-cart-count,
.clfx-markup .clflex-cart-trigger .clfx-trigger-complete-icon .clfx-cart-count{
background: var(--clfx-complete-count-bg, var(--clfx-trigger-count-bg, #18181B)) !important;
color: var(--clfx-complete-count-text, var(--clfx-trigger-count-text, #FFFFFF)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-copy .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger .clfx-trigger-complete-copy .clflex-sc-subt{
color: var(--clfx-complete-label-color, var(--clfx-muted, #6B7280)) !important;
font-family: var(--clfx-complete-label-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-complete-label-size, var(--clfx-trigger-label, 13px)) !important;
font-weight: var(--clfx-complete-label-weight, 400) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-complete-copy .clflex-sc-subt,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-complete-copy .clflex-sc-subt{
color: var(--clfx-complete-label-hover-color, var(--clfx-trigger-text-hover, var(--clfx-complete-label-color, var(--clfx-muted, #6B7280)))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-total-value,
.clfx-markup .clflex-cart-trigger .clfx-trigger-total-value{
color: var(--clfx-complete-total-color, var(--clfx-text, #111827)) !important;
font-family: var(--clfx-complete-total-font, var(--clfx-font, var(--e-global-typography-text-font-family, inherit))) !important;
font-size: var(--clfx-complete-total-size, var(--clfx-trigger-label, 13px)) !important;
font-weight: var(--clfx-complete-total-weight, 700) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-total-value,
.clfx-markup .clflex-cart-trigger:hover .clfx-trigger-total-value{
color: var(--clfx-complete-total-hover-color, var(--clfx-trigger-text-hover, var(--clfx-complete-total-color, var(--clfx-text, #111827)))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-icon{
color: var(--clfx-complete-icon-color, var(--clfx-primary, #D44D00)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-complete-icon{
color: var(--clfx-complete-icon-hover-color, var(--clfx-trigger-text-hover, var(--clfx-complete-icon-color, var(--clfx-primary, #D44D00)))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger > .clflex-sc-bkcont .clflex-sc-bki{
color: var(--clfx-simple-icon-color, var(--clfx-trigger-text, var(--clfx-text, #18181B))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover .clfx-trigger-simple-view .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger:hover > .clflex-sc-bkcont .clflex-sc-bki{
color: var(--clfx-simple-icon-hover-color, var(--clfx-trigger-text-hover, var(--clfx-simple-icon-color, var(--clfx-trigger-text, var(--clfx-text, #18181B))))) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-complete-icon svg,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger .clfx-trigger-simple-view .clflex-sc-bki svg,
.elementor-widget-clfx_cart_trigger > .clflex-sc-bkcont .clflex-sc-bki svg{
fill: currentColor !important;
stroke: none !important;
}
.elementor-widget-clfx_cart_trigger{
box-sizing: border-box !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 1 auto !important;
}
.elementor-widget-clfx_cart_trigger .elementor-widget-container{
box-sizing: border-box !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
@media (min-width: 768px){
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete{
box-sizing: border-box !important;
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
text-align: left !important;
width: auto !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
overflow: visible !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete > .clfx-trigger-simple-view{
display: none !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete > .clfx-trigger-complete-view{
display: inline-flex !important;
align-items: center !important;
overflow: visible !important;
white-space: nowrap !important;
gap: 8px !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete .clfx-trigger-complete-icon{
flex: 0 0 auto !important;
overflow: visible !important;
height: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
font-size: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
line-height: 1 !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete .clfx-trigger-complete-icon svg{
height: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-complete-icon-size, var(--clfx-trigger-icon, 24px)) !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete .clfx-trigger-complete-copy{
display: flex !important;
flex-direction: column !important;
overflow: visible !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete .clflex-sc-subt,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-model-complete .clfx-trigger-total-value{
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
max-width: none !important;
}
}
@media (max-width: 767px){
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-mobile-simple{
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
text-align: center !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-mobile-simple > .clfx-trigger-complete-view{
display: none !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-mobile-simple > .clfx-trigger-simple-view{
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-mobile-simple .clfx-trigger-simple-view .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-mobile-simple > .clflex-sc-bkcont .clflex-sc-bki{
height: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
font-size: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
line-height: 1 !important;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple{
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
text-align: center !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple > .clfx-trigger-complete-view{
display: none !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple > .clfx-trigger-simple-view{
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple .clfx-trigger-simple-view .clflex-sc-bki,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple > .clflex-sc-bkcont .clflex-sc-bki{
height: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
font-size: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
line-height: 1 !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple .clfx-trigger-simple-view .clflex-sc-bki svg,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger.clfx-trigger-tablet-simple > .clflex-sc-bkcont .clflex-sc-bki svg{
height: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
width: var(--clfx-simple-icon-size, var(--clfx-trigger-icon, 24px)) !important;
}
}
.elementor-widget-clfx_cart_trigger,
.elementor-widget-wcad_account_dropdown{
width: auto !important;
max-width: 100% !important;
flex: 0 1 auto !important;
}
.elementor-widget-clfx_cart_trigger .clfx-elementor-widget,
.elementor-widget-wcad_account_dropdown .wcad-account-dropdown-wrap{
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
vertical-align: middle;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger{
max-width: 100% !important;
box-sizing: border-box !important;
}
.elementor-widget-wcad_account_dropdown .wcad-account-dropdown{
max-width: 100% !important;
box-sizing: border-box !important;
}
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger,
.clfx-markup .clflex-cart-trigger,
.elementor-widget-clfx_cart_trigger .clflex-cart-trigger *,
.clfx-markup .clflex-cart-trigger *{
transition: color var(--clfx-trigger-transition-duration, 0.3s) ease-in-out,
background-color var(--clfx-trigger-transition-duration, 0.3s) ease-in-out,
border-color var(--clfx-trigger-transition-duration, 0.3s) ease-in-out,
box-shadow var(--clfx-trigger-transition-duration, 0.3s) ease-in-out,
fill var(--clfx-trigger-transition-duration, 0.3s) ease-in-out,
stroke var(--clfx-trigger-transition-duration, 0.3s) ease-in-out,
transform var(--clfx-trigger-transition-duration, 0.3s) ease-in-out !important;
}
.clfx-markup.clfx-summary-action-inline .clfx-unified-inline-actions,
.clfx-markup .clfx-cart.clfx-summary-action-inline .clfx-unified-inline-actions{
border-top: 1px solid var(--clfx-inline-border, #E5E7EB) !important;
display: flex !important;
flex: 0 0 auto !important;
flex-direction: column !important;
min-width: 0 !important;
overflow-x: hidden !important;
width: 100% !important;
}
.clfx-markup.clfx-summary-action-inline .clfx-unified-row,
.clfx-markup .clfx-cart.clfx-summary-action-inline .clfx-unified-row{
background: var(--clfx-surface, #FFFFFF) !important;
border: 0 !important;
border-bottom: 1px solid var(--clfx-inline-border, #E5E7EB) !important;
box-shadow: none !important;
box-sizing: border-box !important;
min-width: 0 !important;
overflow: hidden !important;
position: relative !important;
transition: background-color .18s ease, border-color .18s ease !important;
width: 100% !important;
}
.clfx-markup .clfx-unified-head{
align-items: center !important;
display: flex !important;
justify-content: space-between !important;
min-height: 46px !important;
min-width: 0 !important;
padding: 6px 12px !important;
}
.clfx-markup .clfx-unified-main{
align-items: center !important;
appearance: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--clfx-inline-label-color, #374151) !important;
cursor: pointer !important;
display: flex !important;
flex: 1 1 auto !important;
gap: 9px !important;
justify-content: flex-start !important;
margin: 0 !important;
min-width: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.clfx-markup .clfx-inline-action-toggle{
-webkit-tap-highlight-color: transparent !important;
}
.clfx-markup .clfx-unified-value{
align-items: flex-end !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
gap: 2px !important;
margin-left: auto !important;
min-width: 0 !important;
}
.clfx-markup .clfx-unified-value strong{
font-weight: var(--clfx-inline-label-weight, 600) !important;
}
.clfx-markup .clfx-inline-action-body[hidden]{
display: none !important;
}
.clfx-markup .clfx-inline-action-body{
box-sizing: border-box !important;
display: block !important;
max-height: 0 !important;
min-width: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
padding: 0 12px !important;
transform: translateY(-4px) !important;
transition: max-height .22s cubic-bezier(.22, 1, .36, 1), opacity .16s ease, padding .22s ease, transform .22s cubic-bezier(.22, 1, .36, 1) !important;
width: 100% !important;
}
.clfx-markup .clfx-inline-action-body form{
align-items: center !important;
display: grid !important;
gap: 7px !important;
grid-template-columns: minmax(0, 1fr) auto !important;
margin: 0 !important;
min-width: 0 !important;
width: 100% !important;
}
.clfx-markup .clfx-inline-action-notices{
box-sizing: border-box !important;
margin-top: 7px !important;
min-width: 0 !important;
width: 100% !important;
}
.clfx-markup .clfx-inline-action-notices[hidden]{
display: none !important;
}
@media (max-width:520px){
.clfx-markup .clfx-unified-head{
min-height: 50px !important;
padding-block: 3px !important;
padding-inline: 14px !important;
}
.clfx-markup .clfx-inline-action-toggle{
min-height: 44px !important;
touch-action: manipulation !important;
align-self: stretch !important;
}
.clfx-markup .clfx-inline-action-body{
padding-inline: 14px !important;
}
}
html.clfx-shipping-selector-open{
overflow: hidden !important;
}
.clfx-markup.clfx-summary-action-inline .clfx-unified-head,
.clfx-markup .clfx-cart.clfx-summary-action-inline .clfx-unified-head{
box-sizing: border-box !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 10px !important;
}
.clfx-markup .clfx-unified-shipping .clfx-unified-main{
display: grid !important;
gap: 7px !important;
grid-template-columns: auto minmax(0, 1fr) auto auto !important;
}
.clfx-markup .clfx-unified-shipping .clfx-unified-value{
display: contents !important;
}
.clfx-markup .clfx-unified-shipping .clfx-unified-label,
.clfx-markup .clfx-unified-shipping .clfx-shipping-current-method{
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transition: opacity 160ms cubic-bezier(.2,.7,.2,1), transform 160ms cubic-bezier(.2,.7,.2,1) !important;
white-space: nowrap !important;
}
.clfx-markup .clfx-unified-shipping .clfx-unified-value strong{
grid-column: 3 !important;
grid-row: 1 !important;
white-space: nowrap !important;
}
.clfx-markup .clfx-unified-shipping .clfx-unified-chevron{
grid-column: 4 !important;
grid-row: 1 !important;
}
.clfx-markup .clfx-compact-totals,
.clfx-markup.clfx-summary-action-inline .clflex-ft-totals{
padding: 6px 12px !important;
}
@media (max-width: 767px), (hover: none) and (pointer: coarse){
.clfx-markup .clfx-unified-head,
.clfx-markup .clfx-unified-coupon > .clfx-unified-head,
.clfx-markup .clfx-unified-shipping > .clfx-unified-head{
box-sizing: border-box !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 10px !important;
}
.clfx-markup .clfx-unified-coupon .clfx-inline-action-toggle,
.clfx-markup .clfx-unified-shipping .clfx-inline-action-toggle{
height: 44px !important;
min-height: 44px !important;
padding: 0 !important;
}
}
@media (prefers-reduced-motion: reduce){
.clfx-markup .clfx-unified-shipping .clfx-unified-label,
.clfx-markup .clfx-unified-shipping .clfx-shipping-current-method{
transition: none !important;
}
}
.clfx-markup .clfx-unified-coupon > .clfx-unified-head,
.clfx-markup .clfx-unified-shipping > .clfx-unified-head{
overflow: hidden !important;
position: relative !important;
}
@media (max-width: 767px){
.clfx-markup .clfx-unified-row > .clfx-unified-head,
.clfx-markup .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head,
.clfx-markup.clfx-summary-action-inline .clfx-unified-row > .clfx-unified-head,
.clfx-markup.clfx-summary-action-inline .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head{
align-items: center !important;
box-sizing: border-box !important;
display: flex !important;
gap: 6px !important;
min-height: 52px !important;
padding: 4px 12px !important;
}
.clfx-markup .clfx-unified-row .clfx-unified-label,
.clfx-markup.clfx-summary-action-inline .clfx-unified-row .clfx-unified-label,
.clfx-markup .clfx-unified-coupon.clfx-inline-action-open > .clfx-unified-head > .clfx-unified-main .clfx-unified-label,
.clfx-markup .clfx-unified-shipping.clfx-inline-action-open > .clfx-unified-head > .clfx-unified-main .clfx-unified-label,
.clfx-markup.clfx-summary-action-inline .clfx-unified-coupon.clfx-inline-action-open > .clfx-unified-head > .clfx-unified-main .clfx-unified-label,
.clfx-markup.clfx-summary-action-inline .clfx-unified-shipping.clfx-inline-action-open > .clfx-unified-head > .clfx-unified-main .clfx-unified-label{
font-size: var(--clfx-inline-label-size, 12px) !important;
font-weight: var(--clfx-inline-label-weight, 600) !important;
line-height: 1.2 !important;
}
}
.clfx-markup .clflex-container{
container-name: clfx-inline-cart;
container-type: inline-size;
}
@media (max-width: 340px){
.clfx-markup .clfx-unified-row .clfx-unified-label,
.clfx-markup.clfx-summary-action-inline .clfx-unified-row .clfx-unified-label{
font-size: min(var(--clfx-inline-label-size, 12px), 12px) !important;
}
}
@container clfx-inline-cart (max-width: 318px){
.clfx-markup .clfx-unified-row .clfx-unified-label,
.clfx-markup.clfx-summary-action-inline .clfx-unified-row .clfx-unified-label{
font-size: min(var(--clfx-inline-label-size, 12px), 12px) !important;
}
}
@supports not (container-type: inline-size){
@media (max-width: 480px){
.clfx-markup .clfx-unified-row .clfx-unified-label,
.clfx-markup.clfx-summary-action-inline .clfx-unified-row .clfx-unified-label{
font-size: min(var(--clfx-inline-label-size, 12px), 12px) !important;
}
}
}
.clfx-external-shell .clflex-overlay{
background: var(--clfx-shell-overlay, #111827) !important;
opacity: 0;
transition: opacity var(--clfx-speed, 250ms) ease-out,
visibility 0s linear var(--clfx-speed, 250ms);
}
.clfx-markup .clfx-external-shell .clflex-overlay:hover,
.clfx-markup .clfx-external-shell .clflex-overlay:focus,
.clfx-markup .clfx-external-shell .clflex-overlay:active{
background: var(--clfx-shell-overlay, #111827) !important;
}
.clfx-external-shell .clflex-container{
top: var(--clfx-shell-top, 10px);
right: var(--clfx-shell-right, 8px);
bottom: var(--clfx-shell-bottom, 10px);
width: var(--clfx-width, 420px);
max-width: calc(100vw - var(--clfx-shell-right, 8px) - 8px);
height: auto;
max-height: calc(100vh - var(--clfx-shell-top, 10px) - var(--clfx-shell-bottom, 10px));
max-height: calc(100dvh - var(--clfx-shell-top, 10px) - var(--clfx-shell-bottom, 10px));
background: var(--clfx-shell-bg, var(--clfx-surface, #fff));
border-style: var(--clfx-shell-border-style, solid);
border-width: var(--clfx-shell-border-width, 1px);
border-color: var(--clfx-shell-border, var(--clfx-border, #E5E7EB));
border-radius: var(--clfx-shell-radius, 18px);
box-shadow: var(--clfx-shell-shadow, 0 18px 48px rgba(10, 20, 13, .16));
opacity: 0;
pointer-events: none;
transform: translate3d(calc(100% + 24px), 0, 0) scale(.985);
transform-origin: right center;
transition: transform var(--clfx-speed, 250ms) cubic-bezier(.22, 1, .36, 1),
opacity calc(var(--clfx-speed, 250ms) * .72) ease-out,
visibility 0s linear var(--clfx-speed, 250ms);
visibility: hidden;
will-change: transform, opacity;
}
.clfx-external-shell .clflex-drawer{
top: var(--clfx-shell-top, 10px);
right: min(
calc(var(--clfx-width, 420px) + var(--clfx-shell-right, 8px) + var(--clfx-shell-drawer-gap, 8px)),
max(0px, calc(100vw - var(--clfx-drawer-width, 300px)))
);
bottom: var(--clfx-shell-bottom, 10px);
height: auto;
max-height: calc(100vh - var(--clfx-shell-top, 10px) - var(--clfx-shell-bottom, 10px));
max-height: calc(100dvh - var(--clfx-shell-top, 10px) - var(--clfx-shell-bottom, 10px));
border-style: var(--clfx-shell-border-style, solid);
border-width: var(--clfx-shell-border-width, 1px);
border-color: var(--clfx-shell-border, var(--clfx-border, #E5E7EB));
border-radius: var(--clfx-shell-radius, 18px);
box-shadow: var(--clfx-shell-shadow, 0 18px 48px rgba(10, 20, 13, .16));
overflow: hidden;
transform-origin: right center;
transition: transform var(--clfx-speed, 250ms) cubic-bezier(.22, 1, .36, 1),
opacity calc(var(--clfx-speed, 250ms) * .72) ease-out,
visibility 0s linear var(--clfx-speed, 250ms);
}
.clfx-external-shell .clflexh-close{
background: transparent !important;
border: 0 !important;
border-radius: var(--clfx-main-close-rtl, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rtr, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rbr, var(--clfx-main-close-radius, 50%)) var(--clfx-main-close-rbl, var(--clfx-main-close-radius, 50%)) !important;
box-shadow: none !important;
height: max(44px, var(--clfx-main-close-size, 44px)) !important;
min-height: 44px !important;
min-width: 44px !important;
overflow: hidden !important;
position: relative !important;
width: max(44px, var(--clfx-main-close-size, 44px)) !important;
}
.clfx-external-shell .clflexh-close::before{
background: var(--clfx-main-close-bg, var(--clfx-surface, #fff));
border-style: var(--clfx-main-close-border-style, solid);
border-width: var(--clfx-main-close-bt, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-br, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-bb, var(--clfx-main-close-border-width, 1px)) var(--clfx-main-close-bl, var(--clfx-main-close-border-width, 1px));
border-color: var(--clfx-main-close-border, var(--clfx-border, #E5E7EB));
border-radius: inherit;
box-shadow: var(--clfx-main-close-shadow, none);
content: "";
inset: 2px;
position: absolute;
transform: scale(1);
transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
z-index: 0;
}
.clfx-external-shell .clflexh-close svg{
display: block;
pointer-events: none;
position: relative;
transform: rotate(0deg);
transition: transform var(--clfx-main-close-duration, 420ms) cubic-bezier(.22, 1, .36, 1);
z-index: 1;
}
.clfx-external-shell .clflexh-close:hover::before,
.clfx-external-shell .clflexh-close:focus-visible::before{
background: var(--clfx-main-close-hover-bg, #FEF2F2);
border-color: var(--clfx-main-close-hover-border, #FCA5A5);
box-shadow: var(--clfx-main-close-hover-shadow, var(--clfx-main-close-shadow, none));
}
.clfx-external-shell .clflexh-close:hover svg,
.clfx-external-shell .clflexh-close:focus-visible svg{
transform: rotate(var(--clfx-main-close-rotation, 90deg));
}
.clfx-external-shell .clflexh-close:active::before{
transform: scale(.92);
}
@media (max-width: 767px){
.clfx-external-shell .clflex-container{
top: var(--clfx-shell-top, 10px);
right: var(--clfx-shell-right, 8px);
bottom: var(--clfx-shell-bottom, 10px);
left: var(--clfx-shell-right, 8px);
width: auto;
max-width: none;
height: auto;
max-height: calc(100vh - var(--clfx-shell-top, 10px) - var(--clfx-shell-bottom, 10px));
max-height: calc(100dvh - var(--clfx-shell-top, 10px) - var(--clfx-shell-bottom, 10px));
overflow-x: hidden !important;
border-radius: var(--clfx-shell-radius, 18px);
}
}
@media (prefers-reduced-motion: reduce){
.clfx-external-shell .clflex-overlay,
.clfx-external-shell .clflex-container,
.clfx-external-shell .clflex-drawer,
.clfx-external-shell .clflexh-close,
.clfx-external-shell .clflexh-close::before,
.clfx-external-shell .clflexh-close svg{
transition-duration: .01ms !important;
transition-delay: 0s !important;
}
}
.clfx-external-shell .clflex-updating{
border-radius: inherit;
overflow: hidden;
}
.clfx-external-shell .clflex-container > .clflex-header{
border-top-left-radius: max(0px, calc(var(--clfx-shell-radius, 18px) - var(--clfx-shell-border-width, 1px)));
border-top-right-radius: max(0px, calc(var(--clfx-shell-radius, 18px) - var(--clfx-shell-border-width, 1px)));
}
.clfx-external-shell .clflex-container > .clflex-footer{
border-bottom-right-radius: max(0px, calc(var(--clfx-shell-radius, 18px) - var(--clfx-shell-border-width, 1px)));
border-bottom-left-radius: max(0px, calc(var(--clfx-shell-radius, 18px) - var(--clfx-shell-border-width, 1px)));
}
.clfx-external-shell .clflex-container:not(:has(.clflex-footer)) > .clflex-body{
border-bottom-right-radius: max(0px, calc(var(--clfx-shell-radius, 18px) - var(--clfx-shell-border-width, 1px)));
border-bottom-left-radius: max(0px, calc(var(--clfx-shell-radius, 18px) - var(--clfx-shell-border-width, 1px)));
}
.clfx-markup .clfx-external-shell .clflex-overlay{
background: var(--clfx-shell-overlay, #111827) !important;
}
.clfx-markup .clfx-external-shell .clflex-overlay:hover,
.clfx-markup .clfx-external-shell .clflex-overlay:focus,
.clfx-markup .clfx-external-shell .clflex-overlay:active{
background: var(--clfx-shell-overlay, #111827) !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: transparent !important;
opacity: var(--clfx-overlay-opacity, .46) !important;
outline: none !important;
transition: none !important;
}
.clfx-markup .clfx-external-shell .clflex-container,
.clfx-markup .clfx-external-shell .clflex-container:hover,
.clfx-markup .clfx-external-shell .clflex-container:focus,
.clfx-markup .clfx-external-shell .clflex-container:focus-within,
.clfx-markup .clfx-external-shell .clflex-container:active{
background: var(--clfx-shell-bg, var(--clfx-surface, #fff)) !important;
}
.clfx-markup .clfx-external-shell .clflex-body,
.clfx-markup .clfx-external-shell .clflex-body:hover,
.clfx-markup .clfx-external-shell .clflex-body:focus,
.clfx-markup .clfx-external-shell .clflex-body:focus-within,
.clfx-markup .clfx-external-shell .clflex-body:active{
background: var(--clfx-surface, #fff) !important;
}
.clfx-markup .clfx-external-shell .clflex-drawer{
opacity: 0;
pointer-events: none;
transform: translate3d(calc(100% + var(--clfx-shell-drawer-gap, 8px)), 0, 0) scale(.985);
transform-origin: right center;
transition: transform var(--clfx-speed, 300ms) cubic-bezier(.22, 1, .36, 1),
opacity calc(var(--clfx-speed, 300ms) * .68) ease-out,
visibility 0s linear var(--clfx-speed, 300ms);
visibility: hidden;
will-change: transform, opacity;
}
.clfx-markup .clfx-unified-inline-actions{ display: grid; gap: 10px; padding: 0 12px; margin: 0 0 12px; }
.clfx-markup .clfx-inline-action{ background: #fff; border: 1px solid #F0E8E0; border-radius: 14px; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 6px 18px -8px rgba(15,23,42,.08); overflow: hidden; }
.clfx-markup .clfx-inline-action .clfx-unified-main{ background: transparent !important; }
.clfx-markup .clflex-footer{ background: #fff; border: 1px solid #F0E8E0; border-radius: 14px; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 8px 22px -8px rgba(15,23,42,.12); margin: 10px 12px 14px; width: auto; }
.clfx-markup .clfx-unified-inline-actions{ display: grid !important; gap: 10px !important; padding: 0 12px !important; margin: 0 0 12px !important; }
.clfx-markup .clfx-inline-action{ background: #fff !important; border: 1px solid #F0E8E0 !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 6px 18px -8px rgba(15,23,42,.08) !important; overflow: hidden !important; }
.clfx-markup .clflex-footer{ border-radius: 14px !important; }
.clflex-header .clfx-clear-cart-header{order:3;margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:6px 8px;cursor:pointer;font:inherit;font-size:12px;line-height:1;color:var(--clfx-muted,#6B7280);color:color-mix(in srgb, var(--clfx-header-text, #111827) 72%, transparent);color:var(--clfx-clear-cart-color,color-mix(in srgb, var(--clfx-header-text, #111827) 72%, transparent));border-radius:var(--clfx-radius,8px);transition:color .18s ease,background-color .18s ease}
.clflex-header .clfx-clear-cart-header:hover{color:var(--clfx-clear-cart-hover-color,#DC2626);background:rgba(220,38,38,.08)}
.clflex-header .clfx-clear-cart-header svg{width:16px;height:16px;flex:0 0 auto}
.clflex-header .clfx-clear-cart-header + .clflexh-close,.clflex-header .clfx-clear-cart-header + .clflex-close{margin-left:0}
@media (max-width:480px){
.clflex-header .clfx-clear-cart-header{padding:6px;gap:0}
.clflex-header .clfx-clear-cart-header span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
.clfx-markup:has(.clflex-empty-cart) .clfx-clear-cart-header,
.clflex-container:has(.clflex-empty-cart) .clfx-clear-cart-header{display:none!important}
.clfx-markup .clflexh-top > .clfx-clear-cart-header{margin-left:auto!important}
.clfx-markup:has(.clflex-empty-cart) .clflexh-top > .clflexh-close{margin-left:auto!important}
@media (max-width:480px){
.clfx-markup .clflex-header .clfx-clear-cart-header span{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important}
.clfx-markup .clflex-header .clflexh-top > .clfx-clear-cart-header{width:auto!important;max-width:none!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 8px!important;height:26px!important}
.clfx-markup .clflexh-top > .clflexh-text{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-inline-actions{gap:6px!important;margin:0 0 8px!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row{min-height:0!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-head{height:32px!important;min-height:32px!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-main{height:30px!important;min-height:30px!important;padding:0 8px!important;gap:6px!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-label{font-size:12px!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-value{font-size:12px!important;gap:0!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-chevron svg{width:13px!important;height:13px!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:hover,
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:hover > .clfx-unified-head,
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:hover .clfx-unified-main,
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-inline-action[data-clfx-inline]:hover{background:#FFFFFF!important;background-color:#FFFFFF!important;background-image:none!important}
@media (min-width:768px){
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row > .clfx-unified-head > .clfx-mini-action-danger:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row > .clfx-unified-head > .clfx-mini-action-danger:hover:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row > .clfx-unified-head > .clfx-mini-action-danger:focus:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row > .clfx-unified-head > .clfx-mini-action-danger:focus-visible:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row > .clfx-unified-head > .clfx-mini-action-danger:active:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head > .clfx-mini-action-danger:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head > .clfx-mini-action-danger:hover:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head > .clfx-mini-action-danger:focus:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head > .clfx-mini-action-danger:focus-visible:not(:hover),
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row.clfx-inline-action-open > .clfx-unified-head > .clfx-mini-action-danger:active:not(:hover){width:24px!important;max-width:24px!important;min-width:24px!important;flex:0 0 24px!important;flex-basis:24px!important}
}
@media (max-width:767px){
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:not(.clfx-inline-action-open) > .clfx-unified-head{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 10px!important;gap:8px!important;align-items:center!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:not(.clfx-inline-action-open) > .clfx-unified-head > .clfx-unified-main{flex:1 1 auto!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:not(.clfx-inline-action-open) .clfx-unified-label{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:not(.clfx-inline-action-open) .clfx-unified-value{flex:0 0 auto!important;white-space:nowrap!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row:not(.clfx-inline-action-open) .clfx-unified-chevron{flex:0 0 14px!important;margin-left:0!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-unified-row .clfx-unified-chevron svg{width:14px!important;height:14px!important}
}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas{--clfx-inline-input-height:32px}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-inline-action-body{padding:0 10px!important}
.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clflex-sl-apply-coupon,.clfx-markup.clfx-acoes-compactas.clfx-acoes-compactas.clfx-acoes-compactas .clfx-postcode-form{gap:8px!important}
.clflex-drawer .clflex-sp-atc{
grid-area: acao;
display: flex;
align-items: center;
justify-self: end;
align-self: center;
}
.clflex-drawer .clflex-sp-title a{
-webkit-line-clamp: 3;
font-size: 12.5px;
line-height: 1.35;
letter-spacing: -.005em;
}
.clflex-drawer .clflex-sp-product:last-child{border-bottom:0}
.clflex-drawer .clflex-sp-product{border-bottom-color:#F1F3F7}
.clflex-drawer .clflex-sp-title a{color:#17203A;text-decoration:none;font-weight:600}
.clflex-drawer .clflex-sp-title a:hover{color:var(--clfx-primary,#F5620A)}
.clflex-drawer .clflex-sp-price{color:#0D1B3E}
.clflex-drawer .clflex-sp-atc .add_to_cart_button{letter-spacing:.01em;box-shadow:none;transition:background-color .18s ease}
.clflex-drawer .clflex-sp-atc .add_to_cart_button:hover{box-shadow:none;transform:none}
.clflex-drawer .clflex-sp-atc .add_to_cart_button:active{transform:none}
.clflex-drawer .clflex-drawer-header{border-bottom-width:1px;border-bottom-color:transparent;border-bottom-color:color-mix(in srgb, var(--clfx-suggested-header-color, #111827) 14%, transparent)}
.clflex-drawer .clflex-drawer-header .clflex-drh-txt{letter-spacing:.04em}
.clfx-markup .clfx-inline-action-body[hidden]{ display: block !important; }
.clfx-markup .clfx-inline-action-body{ visibility: hidden !important; transition: max-height .22s cubic-bezier(.22,1,.36,1), opacity .16s ease, padding .22s ease, transform .22s cubic-bezier(.22,1,.36,1), visibility .22s ease !important; }
.clfx-markup .clflex-sl-apply-coupon button.clflex-btn, .clfx-markup .clfx-postcode-form button.clflex-btn{font-weight:600!important}
.clfx-markup .clfx-unified-coupon .clfx-unified-icon{font-size:16px!important;width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important}
.clfx-markup .clfx-postcode-form button.clflex-btn:hover, .clfx-markup .clfx-postcode-form button.clflex-btn:focus-visible{color:var(--clfx-shipping-button-hover-text, var(--clfx-shipping-button-text, #fff))!important}
.clfx-markup .clfx-unified-icon-svg{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;flex:0 0 auto!important}
.clfx-markup .clfx-unified-icon-svg svg{display:block!important;height:1em!important;width:auto!important;fill:currentColor}
body.e-off-canvas__no-scroll:not(.clflex-active) .clflex-cart-trigger,
body.e-off-canvas__no-scroll:not(.clflex-active) .clfx-floating-trigger,
body.e-off-canvas__no-scroll:not(.clflex-active) .clfx-shortcode-trigger,
body.e-off-canvas__no-scroll:not(.clflex-active) .clfx-elementor-trigger,
body.e-off-canvas__no-scroll:not(.clflex-active) .clfx-elementor-widget{
z-index: var(--clfx-z-gatilho);
pointer-events: none;
}
body.clfx-camada-aberta.clfx-camada-aberta:not(.clflex-active) .clflex-cart-trigger,
body.clfx-camada-aberta.clfx-camada-aberta:not(.clflex-active) .clfx-floating-trigger,
body.clfx-camada-aberta.clfx-camada-aberta:not(.clflex-active) .clfx-shortcode-trigger,
body.clfx-camada-aberta.clfx-camada-aberta:not(.clflex-active) .clfx-elementor-trigger,
body.clfx-camada-aberta.clfx-camada-aberta:not(.clflex-active) .clfx-elementor-widget{
z-index: var(--clfx-z-gatilho);
pointer-events: none;
}
body.e-off-canvas__no-scroll .e-off-canvas .clflex-cart-trigger.clflex-cart-trigger,
body.e-off-canvas__no-scroll .e-off-canvas .clfx-floating-trigger.clfx-floating-trigger,
body.e-off-canvas__no-scroll .e-off-canvas .clfx-shortcode-trigger.clfx-shortcode-trigger,
body.e-off-canvas__no-scroll .e-off-canvas .clfx-elementor-trigger.clfx-elementor-trigger,
body.e-off-canvas__no-scroll .e-off-canvas .clfx-elementor-widget.clfx-elementor-widget,
body:not(.clfx-sem-camada) .e-off-canvas .clflex-cart-trigger.clflex-cart-trigger,
body:not(.clfx-sem-camada) .e-off-canvas .clfx-floating-trigger.clfx-floating-trigger,
body:not(.clfx-sem-camada) .e-off-canvas .clfx-shortcode-trigger.clfx-shortcode-trigger,
body:not(.clfx-sem-camada) .e-off-canvas .clfx-elementor-trigger.clfx-elementor-trigger,
body:not(.clfx-sem-camada) .e-off-canvas .clfx-elementor-widget.clfx-elementor-widget{
pointer-events: auto;
}
html.clflex-active .e-off-canvas{
z-index: var(--clfx-z-alheia-cedida);
}
.clfx-markup .clfx-unified-inline-actions{display: grid !important; gap: 8px !important; padding: 0 14px !important; margin: 0 0 8px !important; }
.clfx-markup.clfx-summary-action-inline .clfx-unified-inline-actions, .clfx-markup .clfx-unified-inline-actions{border-top: 0 !important; }
.clfx-markup.clfx-summary-action-inline .clfx-inline-action[data-clfx-inline], .clfx-markup .clfx-inline-action[data-clfx-inline]{background: #fff !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; border-radius: 10px !important; }
.clfx-markup.clfx-summary-action-inline .clfx-inline-action[data-clfx-inline]:hover, .clfx-markup .clfx-inline-action[data-clfx-inline]:hover, .clfx-markup .clfx-inline-action[data-clfx-inline]:hover .clfx-unified-head{background: #fff !important; border-color: #E5E7EB !important; }
.clfx-markup.clfx-summary-action-inline .clfx-inline-action[data-clfx-inline] .clfx-inline-action-body, .clfx-markup .clfx-inline-action[data-clfx-inline] .clfx-inline-action-body{background: #fff !important; border-radius: 0 0 10px 10px !important; }
.clfx-markup.clfx-summary-action-inline .clfx-inline-action[data-clfx-inline] .clfx-unified-head, .clfx-markup.clfx-summary-action-inline .clfx-inline-action[data-clfx-inline] .clflex-ftx-row, .clfx-markup .clfx-inline-action[data-clfx-inline] .clfx-unified-head, .clfx-markup .clfx-inline-action[data-clfx-inline] .clflex-ftx-row{background: #fff !important; border-radius: 10px 10px 0 0 !important; }
.clfx-markup .clfx-inline-action .clfx-unified-main{background: transparent !important; }
.clfx-markup .clfx-external-shell .clflex-footer{background: var(--clfx-footer-bg, transparent) !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; width: 100% !important; }
.clfx-markup .clfx-external-shell{--clfx-surface: #F4F6FA !important; }
.clfx-markup .clfx-external-shell .clflex-body{background: #F4F6FA !important; }
.clfx-markup .clfx-external-shell .clflex-header{background: var(--clfx-header-bg, #fff) !important; border-bottom: 0 !important; }
.clfx-markup .clflex-product .clflex-variacao,
.clflex-product .clflex-variacao{
display: block;
margin: 1px 0 var( --clfx-product-variation-gap, 4px );
font-size: var( --clfx-product-variation-size, 12px );
font-weight: 600;
line-height: 1.3;
color: var( --clfx-product-variation-color, var( --clfx-muted, #6B7280 ) );
}
.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-external-shell .clflex-footer.clflex-footer{
border-radius: 0 0 var(--clfx-shell-radius, 18px) var(--clfx-shell-radius, 18px) !important;
}
.clfx-markup .clfx-external-shell .clflex-footer.clflex-footer{
padding-top: 0 !important;
}
.clfx-markup .clfx-external-shell .clflex-ft-extras{
background: var(--clfx-inline-actions-bg, transparent) !important;
display: flow-root !important;
padding-top: 5px !important;
}
@media (max-width: 767px){
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body input{
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
font-size: 13px !important;
line-height: 1.2 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body button.clflex-btn{
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
font-size: 13px !important;
line-height: 1.2 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body input,
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body button,
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body form{
transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
animation: none !important;
}
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row.clfx-unified-row.clfx-inline-shipping,
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row.clfx-unified-row.clfx-unified-coupon{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body{
transition-property: opacity, transform, visibility !important;
transition-duration: .16s, .22s, .22s !important;
transition-timing-function: ease, cubic-bezier(.22, 1, .36, 1), ease !important;
transition-delay: 0s, 0s, 0s !important;
}
}
@media (prefers-reduced-motion: reduce){
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clfx-unified-row.clfx-unified-row > .clfx-inline-action-body.clfx-inline-action-body{
transition-property: none !important;
}
}
.clfx-markup.clfx-markup.clfx-markup.clfx-markup.clfx-markup .clflex-drawer-header{
border-bottom-color: var(--clfx-suggested-header-border, rgba(255, 255, 255, 0.14)) !important;
}
.clfx-ship-widget{display:flex;align-items:center;justify-content:var(--clfx-ship-justify,flex-start);width:100%;}
.clfx-ship-widget .clfx-ship-trigger{
flex:var(--clfx-ship-grow, 0) 1 auto;
justify-content:var(--clfx-ship-espalha, flex-start);
display:inline-flex;align-items:center;
gap:var(--clfx-ship-gap,8px);
padding:var(--clfx-ship-padding,5px 10px);
border-radius:var(--clfx-ship-radius,10px);
border:var(--clfx-ship-border-width,1px) solid var(--clfx-ship-border-color,#E5E7EB);
background:var(--clfx-ship-bg,transparent);
color:inherit;cursor:pointer;text-align:left;
font:inherit;line-height:1.2;
max-width:100%;
transition:background-color .18s ease,border-color .18s ease,color .18s ease;
-webkit-appearance:none;appearance:none;
}
.clfx-ship-widget .clfx-ship-trigger:hover,
.clfx-ship-widget .clfx-ship-trigger:focus{
background:var(--clfx-ship-bg-hover,var(--clfx-ship-bg,#F3F4F6));
border-color:var(--clfx-ship-border-color-hover,var(--clfx-ship-border-color,#D1D5DB));
color:inherit;
}
.clfx-ship-widget .clfx-ship-trigger:hover .clfx-ship-trigger__value,
.clfx-ship-widget .clfx-ship-trigger:focus-visible .clfx-ship-trigger__value{
text-decoration:underline;text-underline-offset:2px;
}
.clfx-ship-widget .clfx-ship-trigger__icon{
display:inline-flex;flex:0 0 auto;
width:var(--clfx-ship-icon-size,20px);height:var(--clfx-ship-icon-size,20px);
color:var(--clfx-ship-icon-color,var(--clfx-primary,#F5620A));
}
.clfx-ship-widget .clfx-ship-trigger__icon svg{width:100%;height:100%;display:block;}
.clfx-ship-widget .clfx-ship-trigger__text{display:flex;flex-direction:column;min-width:0;gap:1px;}
.clfx-ship-widget .clfx-ship-trigger__label{
font-size:var(--clfx-ship-label-size,11px);
line-height:1.15;
color:var(--clfx-ship-label-color,#6B7280);
white-space:nowrap;
}
.clfx-ship-widget .clfx-ship-trigger__value{
font-size:var(--clfx-ship-value-size,13px);
font-weight:var(--clfx-ship-value-weight,600);
line-height:1.2;
color:var(--clfx-ship-value-color,#111827);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.clfx-ship-hub-portal.clfx-ship-hub-portal{
position:fixed;inset:0;z-index:999995;
display:flex;align-items:center;justify-content:center;
padding:16px;
}
.clfx-ship-hub-portal[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__backdrop{
position:absolute;inset:0;width:100%;height:100%;
border:0;padding:0;margin:0;cursor:pointer;
background:rgba(17,24,39,.45);
opacity:0;transition:opacity .2s ease;
-webkit-appearance:none;appearance:none;
}
.clfx-ship-hub-portal .clfx-ship-hub__backdrop:hover,
.clfx-ship-hub-portal .clfx-ship-hub__backdrop:focus,
.clfx-ship-hub-portal .clfx-ship-hub__backdrop:active{background:rgba(17,24,39,.45);color:inherit;}
.clfx-ship-hub-portal .clfx-ship-hub__panel{
position:relative;z-index:1;
width:100%;max-width:min(var(--clfx-ship-hub-width-narrow, 480px), calc(100vw - 32px));
background:#fff;border-radius:16px;
box-shadow:0 24px 48px rgba(17,24,39,.22);
padding:20px;
opacity:0;transform:translateY(12px);
transition:opacity .2s ease,transform .2s ease,max-width .2s ease;
}
.clfx-ship-hub-portal .clfx-ship-hub__handle{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;}
.clfx-ship-hub-portal .clfx-ship-hub__heading{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;}
.clfx-ship-hub-portal .clfx-ship-hub__heading strong{font-size:18px;font-weight:700;color:#111827;line-height:1.25;}
.clfx-ship-hub-portal .clfx-ship-hub__heading small{font-size:13px;color:#6B7280;line-height:1.35;}
.clfx-ship-hub-portal .clfx-ship-hub__close{
flex:0 0 auto;width:32px;height:32px;
display:inline-flex;align-items:center;justify-content:center;
border:0;border-radius:8px;background:transparent;color:#6B7280;cursor:pointer;
transition:background-color .18s ease,color .18s ease;
-webkit-appearance:none;appearance:none;
}
.clfx-ship-hub-portal .clfx-ship-hub__close:hover,
.clfx-ship-hub-portal .clfx-ship-hub__close:focus{background:#F3F4F6;color:#111827;}
.clfx-ship-hub-portal .clfx-ship-hub__close svg{width:18px;height:18px;display:block;}
.clfx-ship-hub-portal .clfx-ship-hub__form{display:flex;align-items:flex-end;gap:10px;}
.clfx-ship-hub-portal .clfx-ship-hub__field{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0;}
.clfx-ship-hub-portal .clfx-ship-hub__field-label{font-size:12px;font-weight:600;color:#374151;}
.clfx-ship-hub-portal .clfx-ship-hub__input{
width:100%;height:46px;
padding:0 12px;
border:1.5px solid #D1D5DB;border-radius:10px;
font-size:16px;color:#111827;background:#fff;
transition:border-color .18s ease,box-shadow .18s ease;
}
.clfx-ship-hub-portal .clfx-ship-hub__input:focus{
outline:none;
border-color:var(--clfx-primary,#F5620A);
box-shadow:0 0 0 3px rgba(245,98,10,.15);
}
.clfx-ship-hub-portal .clfx-ship-hub__submit{
flex:0 0 auto;height:46px;padding:0 20px;
border:0;border-radius:10px;cursor:pointer;
background:var(--clfx-primary,#F5620A);color:var(--clfx-primary-text,#fff);
font-size:14px;font-weight:700;
transition:filter .18s ease,opacity .18s ease;
-webkit-appearance:none;appearance:none;
}
.clfx-ship-hub-portal .clfx-ship-hub__submit:hover,
.clfx-ship-hub-portal .clfx-ship-hub__submit:focus{filter:brightness(.94);background:var(--clfx-primary,#F5620A);color:var(--clfx-primary-text,#fff);}
.clfx-ship-hub-portal .clfx-ship-hub__note{margin:10px 0 0;font-size:13px;line-height:1.4;color:#374151;}
.clfx-ship-hub-portal .clfx-ship-hub__note[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__result{
margin-top:12px;padding:12px;
border-radius:10px;background:#F9FAFB;
font-size:14px;color:#111827;
}
.clfx-ship-hub-portal .clfx-ship-hub__result[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__foot{
display:flex;align-items:center;justify-content:space-between;gap:12px;
margin-top:16px;padding-top:14px;border-top:1px solid #F3F4F6;
}
.clfx-ship-hub-portal .clfx-ship-hub__lookup{font-size:13px;color:var(--clfx-ship-hub-lookup,#B45309);text-decoration:underline;}
.clfx-ship-hub-portal .clfx-ship-hub__lookup:hover,
.clfx-ship-hub-portal .clfx-ship-hub__lookup:focus-visible{color:var(--clfx-ship-hub-lookup-hover,var(--clfx-ship-hub-lookup,#92400E));}
@media (hover: none){
.clfx-ship-hub-portal{--clfx-ship-hub-lookup-hover:var(--clfx-ship-hub-lookup,#B45309);}
}
.clfx-ship-hub-portal .clfx-ship-hub__clear{
border:0;background:transparent;cursor:pointer;
font-size:13px;color:#6B7280;text-decoration:underline;padding:0;
-webkit-appearance:none;appearance:none;
}
.clfx-ship-hub-portal .clfx-ship-hub__clear:hover,
.clfx-ship-hub-portal .clfx-ship-hub__clear:focus{background:transparent;color:#B42318;}
.clfx-ship-hub-portal .clfx-ship-hub__clear[hidden]{display:none;}
body.clfx-ship-hub-aberto{overflow:visible;}
.clfx-ship-hub-portal .clfx-ship-hub__panel{
display:flex;flex-direction:column;
max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);
}
.clfx-ship-hub-portal .clfx-ship-hub__head{flex:0 0 auto;}
.clfx-ship-hub-portal .clfx-ship-hub__body{
flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;touch-action:pan-y;
}
.clfx-ship-hub-portal .clfx-ship-hub__backdrop{touch-action:none;}
.clfx-ship-hub-portal .clfx-ship-hub__blocks{margin-top:14px;}
.clfx-ship-hub-portal .clfx-ship-hub__blocks[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__block{display:flex;flex-direction:column;margin:0 0 14px;min-width:0;}
.clfx-ship-hub-portal .clfx-ship-hub__block[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__block:last-child{margin-bottom:0;}
.clfx-ship-hub-portal .clfx-ship-hub__block-title{
margin:0 0 6px;padding:0;
font-size:12px;font-weight:700;line-height:1.3;
text-transform:uppercase;letter-spacing:.04em;
color:var(--clfx-ship-hub-block-title, #374151);
}
.clfx-ship-hub-portal .clfx-ship-hub__rates{
list-style:none;margin:0;padding:0;
display:flex;flex-direction:column;gap:2px;
}
.clfx-ship-hub-portal .clfx-ship-hub__rates--produto{gap:0;}
.clfx-ship-hub-portal .clfx-ship-hub__hint{
margin:8px 0 0;font-size:11.5px;line-height:1.4;
color:var(--clfx-ship-hub-hint, #6B7280);
}
.clfx-ship-hub-portal .clfx-ship-hub__hint[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__solo{
display:flex;align-items:center;gap:6px;
margin:8px 0 0;padding:0 2px;
font-size:12.5px;font-weight:400;line-height:1.4;
color:var(--clfx-ship-hub-hint, #6B7280);
}
.clfx-ship-hub-portal .clfx-ship-hub__solo[hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__solo-icon{flex:0 0 auto;width:14px;height:14px;display:block;color:currentColor;}
.clfx-ship-hub-portal [data-clfx-ship-alert][hidden]{display:none;}
.clfx-ship-hub-portal .clfx-ship-hub__blocks{transition:opacity .15s ease;}
.clfx-ship-alert{
display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;
margin:0;padding:10px 12px;border-radius:10px;
background:var(--clfx-ship-hub-alert-bg, #F0FDF4);
border:1px solid var(--clfx-ship-hub-alert-border, #BBF7D0);
color:var(--clfx-ship-hub-alert-color, #166534);
font-size:13px;line-height:1.4;text-align:left;
}
.clfx-ship-alert .clfx-ship-alert__icon{
flex:0 0 auto;width:16px;height:16px;margin-top:2px;display:block;
color:var(--clfx-ship-hub-alert-icon, #16A34A);
}
.clfx-ship-alert .clfx-ship-alert__text{display:flex;flex-direction:column;gap:2px;min-width:0;}
.clfx-ship-alert .clfx-ship-alert__title{display:block;font-size:14px;font-weight:700;line-height:1.4;color:inherit;}
.clfx-ship-alert .clfx-ship-alert__note{display:block;font-size:13px;font-weight:400;line-height:1.4;color:inherit;}
@media (min-width:768px){
.clfx-ship-hub-portal .clfx-ship-hub__blocks{
display:grid;grid-template-columns:1fr 1fr;
column-gap:var(--clfx-ship-hub-gap, 20px);row-gap:0;
align-items:stretch;
}
.clfx-ship-hub-portal .clfx-ship-hub__block{margin:0;}
.clfx-ship-hub-portal .clfx-ship-hub__blocks:not(.is-clfx-ship-uma-coluna) .clfx-ship-hub__block--carrinho{
border-left:1px solid #F3F4F6;
padding-left:var(--clfx-ship-hub-gap, 20px);
}
.clfx-ship-hub-portal .clfx-ship-hub__block--produto .clfx-ship-hub__hint{margin-top:auto;padding-top:8px;}
}
@media (max-width:640px){
.clfx-ship-hub-portal .clfx-ship-hub__panel{max-height:88vh;max-height:88dvh;}
}
@media (max-width:640px){
.clfx-ship-hub-portal.clfx-ship-hub-portal{align-items:flex-end;padding:0;}
.clfx-ship-hub-portal .clfx-ship-hub__panel{
max-width:none;
border-radius:18px 18px 0 0;
padding:14px 18px 22px;
transform:translateY(100%);
}
.clfx-ship-hub-portal .clfx-ship-hub__handle{
display:block;width:40px;height:4px;border-radius:999px;
background:#E5E7EB;margin:0 auto 12px;
}
.clfx-ship-hub-portal .clfx-ship-hub__form{flex-direction:column;align-items:stretch;}
.clfx-ship-hub-portal .clfx-ship-hub__submit{width:100%;}
}
@media (prefers-reduced-motion:reduce){
.clfx-ship-hub-portal .clfx-ship-hub__panel,
.clfx-ship-hub-portal .clfx-ship-hub__backdrop,
.clfx-ship-widget .clfx-ship-trigger{transition:none;}
}
.clfx-ship-widget .clfx-ship-trigger::after{
content:"";flex:0 0 auto;width:7px;height:7px;margin-inline-start:auto;
border-inline-end:1.5px solid currentColor;border-block-start:1.5px solid currentColor;
transform:rotate(45deg);opacity:.45;
display:var(--clfx-ship-seta, none);
}
.clfx-ship-widget .clfx-ship-trigger__text{flex:1 1 auto;}
.clfx-ps{
display:block;width:100%;box-sizing:border-box;
font-family:var(--e-global-typography-text-font-family, inherit);
color:var(--clfx-ps-service-color, #333);
}
.clfx-ps::after{
content:"";display:var(--clfx-ps-divider-display, none);
height:1px;width:100%;
margin-top:var(--clfx-ps-divider-gap, 14px);
background:var(--clfx-ps-divider-color, #EBEBEB);
}
.clfx-ps *{box-sizing:border-box;}
.clfx-ps input,.clfx-ps button,.clfx-ps a{font-family:inherit;}
.clfx-ps .clfx-ps__head{
display:flex;align-items:center;
gap:var(--clfx-ps-head-gap, 5px);
margin:0 0 var(--clfx-ps-head-margin, 8px);
}
.clfx-ps .clfx-ps__pin{
display:block;flex:0 0 auto;
width:var(--clfx-ps-pin-size, 14px);height:var(--clfx-ps-pin-size, 14px);
color:var(--clfx-ps-pin-color, var(--clfx-primary, #F5620A));
}
.clfx-ps .clfx-ps__pin svg{display:block;width:100%;height:100%;}
.clfx-ps .clfx-ps__title{
font-size:12px;font-weight:700;line-height:1;
text-transform:uppercase;letter-spacing:.3px;
color:var(--clfx-ps-title-color, #333);
}
.clfx-ps .clfx-ps__form{
display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;
gap:var(--clfx-ps-form-gap, 6px);
width:100%;margin:0;padding:0;
}
.clfx-ps .clfx-ps__input{
flex:1 1 auto;min-width:0;width:100%;height:auto;margin:0;
padding:var(--clfx-ps-input-padding, 9px 10px);
border:var(--clfx-ps-input-border-width, 1px) solid var(--clfx-ps-input-border, #D9D9D9);
border-radius:var(--clfx-ps-input-radius, 4px);
font-size:13px;line-height:1.4;
color:var(--clfx-ps-input-color, #333);
background:var(--clfx-ps-input-bg, #FFFFFF);
outline:none;box-shadow:none;
-webkit-appearance:none;appearance:none;
transition:border-color .2s ease,box-shadow .2s ease;
}
.clfx-ps .clfx-ps__input::placeholder{color:var(--clfx-ps-input-placeholder, #9CA3AF);opacity:1;}
.clfx-ps .clfx-ps__input:focus,.clfx-ps .clfx-ps__input:focus-visible{
outline:none;
border-color:var(--clfx-ps-input-focus, var(--clfx-primary, #F5620A));
box-shadow:0 0 0 1px var(--clfx-ps-input-focus, var(--clfx-primary, #F5620A));
}
.clfx-ps .clfx-ps__submit{
flex:0 0 auto;width:auto;min-width:0;height:auto;margin:0;
display:inline-flex;align-items:center;justify-content:center;
padding:var(--clfx-ps-button-padding, 9px 11px);
border:var(--clfx-ps-button-border-width, 0px) solid var(--clfx-ps-button-border, transparent);
border-radius:var(--clfx-ps-button-radius, 4px);
background:var(--clfx-ps-button-bg, var(--clfx-primary, #F5620A));
color:var(--clfx-ps-button-color, #FFFFFF);
font-size:12px;font-weight:700;line-height:1.4;
text-transform:none;letter-spacing:0;white-space:nowrap;
cursor:pointer;box-shadow:none;text-decoration:none;
-webkit-appearance:none;appearance:none;
transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.clfx-ps .clfx-ps__submit:hover,.clfx-ps .clfx-ps__submit:focus-visible{
background:var(--clfx-ps-button-bg-hover, var(--clfx-primary-hover, #D44D00));
color:var(--clfx-ps-button-color-hover, var(--clfx-ps-button-color, #FFFFFF));
border-color:var(--clfx-ps-button-border-hover, var(--clfx-ps-button-border, transparent));
box-shadow:none;text-decoration:none;
}
.clfx-ps .clfx-ps__submit:focus{outline:none;}
.clfx-ps .clfx-ps__lookup{
display:inline-block;
margin:var(--clfx-ps-lookup-margin, 8px) 0 0;
font-size:12px;font-weight:500;line-height:1.4;
color:var(--clfx-ps-lookup-color, var(--clfx-primary, #F5620A));
text-decoration:none;
transition:color .2s ease;
}
.clfx-ps .clfx-ps__lookup:hover,.clfx-ps .clfx-ps__lookup:focus-visible{
color:var(--clfx-ps-lookup-color-hover, var(--clfx-primary-hover, #D44D00));
text-decoration:underline;
}
.clfx-ps .clfx-ps__note{
margin:10px 0 0;font-size:12px;line-height:1.4;
color:var(--clfx-ps-note-color, #6B7280);
}
.clfx-ps .clfx-ps__note[hidden]{display:none;}
.clfx-ps .clfx-ps__list{
list-style:none;margin:var(--clfx-ps-result-margin, 15px) 0 0;padding:0;
display:flex;flex-direction:column;width:100%;
}
.clfx-ps .clfx-ps__list[hidden]{display:none;}
@media (hover: none){
.clfx-ps{
--clfx-ps-lookup-color-hover:var(--clfx-ps-lookup-color, var(--clfx-primary, #F5620A));
--clfx-ps-button-bg-hover:var(--clfx-ps-button-bg, var(--clfx-primary, #F5620A));
--clfx-ps-button-color-hover:var(--clfx-ps-button-color, #FFFFFF);
}
}