Ir directamente al contenido
========================================================= */
.side-panel-content--cart .ax-cart-header,
.cart-drawer .ax-cart-header,
.thb-cart-drawer .ax-cart-header,
.thb-mini-cart .ax-cart-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
padding: 18px !important;
}
.side-panel-content--cart .ax-cart-title,
.cart-drawer .ax-cart-title,
.thb-cart-drawer .ax-cart-title,
.thb-mini-cart .ax-cart-title {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin: 0 !important;
color: #16233d !important;
font-size: 24px !important;
line-height: 1.05 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
}
.side-panel-content--cart .ax-cart-count,
.cart-drawer .ax-cart-count,
.thb-cart-drawer .ax-cart-count,
.thb-mini-cart .ax-cart-count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 30px !important;
height: 30px !important;
padding: 0 10px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, rgba(33,67,214,.08), rgba(255,0,198,.12)) !important;
border: 1px solid rgba(33,67,214,.12) !important;
color: #16233d !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
.side-panel-content--cart .ax-cart-close,
.cart-drawer .ax-cart-close,
.thb-cart-drawer .ax-cart-close,
.thb-mini-cart .ax-cart-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 999px !important;
border: 1px solid #dce5f2 !important;
background: #ffffff !important;
color: #16233d !important;
box-shadow: 0 10px 26px rgba(18,34,63,.06) !important;
line-height: 1 !important;
text-align: center !important;
}
.side-panel-content--cart .ax-cart-close svg,
.cart-drawer .ax-cart-close svg,
.thb-cart-drawer .ax-cart-close svg,
.thb-mini-cart .ax-cart-close svg {
width: 14px !important;
height: 14px !important;
display: block !important;
margin: 0 !important;
transform: none !important;
}
.side-panel-content--cart .ax-cart-close:hover,
.cart-drawer .ax-cart-close:hover,
.thb-cart-drawer .ax-cart-close:hover,
.thb-mini-cart .ax-cart-close:hover {
color: #2143d6 !important;
border-color: rgba(33,67,214,.28) !important;
transform: translateY(-1px) !important;
}
.side-panel-content--cart .ax-cart-qty,
.cart-drawer .ax-cart-qty,
.thb-cart-drawer .ax-cart-qty,
.thb-mini-cart .ax-cart-qty {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px !important;
padding: 5px !important;
border: 1px solid #dce5f2 !important;
border-radius: 999px !important;
background: #ffffff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
gap: 2px !important;
}
.side-panel-content--cart .ax-cart-qty-btn,
.cart-drawer .ax-cart-qty-btn,
.thb-cart-drawer .ax-cart-qty-btn,
.thb-mini-cart .ax-cart-qty-btn {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
color: #16233d !important;
font-size: 18px !important;
line-height: 1 !important;
padding: 0 !important;
}
.side-panel-content--cart .ax-cart-qty-btn:hover,
.cart-drawer .ax-cart-qty-btn:hover,
.thb-cart-drawer .ax-cart-qty-btn:hover,
.thb-mini-cart .ax-cart-qty-btn:hover {
background: #f3f6fb !important;
color: #2143d6 !important;
}
.side-panel-content--cart .ax-cart-qty-input,
.cart-drawer .ax-cart-qty-input,
.thb-cart-drawer .ax-cart-qty-input,
.thb-mini-cart .ax-cart-qty-input {
width: 58px !important;
min-width: 58px !important;
height: 42px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
color: #16233d !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 42px !important;
text-align: center !important;
opacity: 1 !important;
appearance: textfield !important;
-moz-appearance: textfield !important;
-webkit-text-fill-color: #16233d !important;
}
.side-panel-content--cart .ax-cart-qty-input::-webkit-outer-spin-button,
.side-panel-content--cart .ax-cart-qty-input::-webkit-inner-spin-button,
.cart-drawer .ax-cart-qty-input::-webkit-outer-spin-button,
.cart-drawer .ax-cart-qty-input::-webkit-inner-spin-button,
.thb-cart-drawer .ax-cart-qty-input::-webkit-outer-spin-button,
.thb-cart-drawer .ax-cart-qty-input::-webkit-inner-spin-button,
.thb-mini-cart .ax-cart-qty-input::-webkit-outer-spin-button,
.thb-mini-cart .ax-cart-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.side-panel-content--cart .ax-cart-view-cart,
.cart-drawer .ax-cart-view-cart,
.thb-cart-drawer .ax-cart-view-cart,
.thb-mini-cart .ax-cart-view-cart {
min-height: 52px !important;
border: 1px solid transparent !important;
border-radius: 18px !important;
background:
linear-gradient(#ffffff, #ffffff) padding-box,
linear-gradient(135deg, #2143d6, #ff00c6) border-box !important;
color: #16233d !important;
box-shadow: 0 10px 26px rgba(18,34,63,.06) !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.side-panel-content--cart .ax-cart-view-cart:hover,
.cart-drawer .ax-cart-view-cart:hover,
.thb-cart-drawer .ax-cart-view-cart:hover,
.thb-mini-cart .ax-cart-view-cart:hover {
color: #2143d6 !important;
transform: translateY(-1px) !important;
box-shadow: 0 18px 40px rgba(18,34,63,.1) !important;
}
.side-panel-content--cart .ax-cart-view-cart span,
.cart-drawer .ax-cart-view-cart span,
.thb-cart-drawer .ax-cart-view-cart span,
.thb-mini-cart .ax-cart-view-cart span {
color: inherit !important;
}
@media only screen and (max-width: 767px) {
.side-panel-content--cart .ax-cart-title,
.cart-drawer .ax-cart-title,
.thb-cart-drawer .ax-cart-title,
.thb-mini-cart .ax-cart-title {
font-size: 22px !important;
}
.side-panel-content--cart .ax-cart-qty,
.cart-drawer .ax-cart-qty,
.thb-cart-drawer .ax-cart-qty,
.thb-mini-cart .ax-cart-qty {
min-height: 48px !important;
}
.side-panel-content--cart .ax-cart-qty-btn,
.cart-drawer .ax-cart-qty-btn,
.thb-cart-drawer .ax-cart-qty-btn,
.thb-mini-cart .ax-cart-qty-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
}
.side-panel-content--cart .ax-cart-qty-input,
.cart-drawer .ax-cart-qty-input,
.thb-cart-drawer .ax-cart-qty-input,
.thb-mini-cart .ax-cart-qty-input {
width: 52px !important;
min-width: 52px !important;
font-size: 17px !important;
}
}
