@media (max-width: 767px) {


/* =========================================================
   ATUALIZAR CARRINHO
   ========================================================= */

body.woocommerce-cart button[name="update_cart"] {
	position: absolute !important;
	left: -99999px !important;

	width: 1px !important;
	height: 1px !important;

	margin: 0 !important;
	padding: 0 !important;

	opacity: 0 !important;
	pointer-events: none !important;
}


/* =========================================================
   CUPOM — ACCORDION
   ========================================================= */

body.woocommerce-cart
td.actions {

	padding-top: 14px !important;
}


.leo-m8-coupon-card {
	width: 100% !important;

	margin: 0 !important;

	background: #fff !important;

	border: 1px solid #dde1e5 !important;
	border-radius: 10px !important;

	overflow: hidden !important;

	box-sizing: border-box !important;
}


.leo-m8-coupon-toggle {
	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	width: 100% !important;

	min-height: 54px !important;

	margin: 0 !important;
	padding: 0 15px !important;

	background: #fff !important;
	color: #111 !important;

	border: 0 !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	text-align: left !important;

	cursor: pointer !important;
}


.leo-m8-coupon-arrow {
	font-size: 19px !important;
	font-weight: 400 !important;

	transition: transform .2s ease !important;
}


.leo-m8-coupon-card.is-open
.leo-m8-coupon-arrow {

	transform: rotate(180deg) !important;
}


.leo-m8-coupon-body {
	display: none !important;

	padding: 0 12px 12px !important;
}


.leo-m8-coupon-card.is-open
.leo-m8-coupon-body {

	display: block !important;
}


.leo-m8-coupon-body .coupon {
	display: grid !important;

	grid-template-columns:
		minmax(0,1fr)
		auto !important;

	gap: 8px !important;

	width: 100% !important;

	float: none !important;
}


.leo-m8-coupon-body #coupon_code {
	width: 100% !important;
	min-width: 0 !important;

	height: 44px !important;

	margin: 0 !important;
	padding: 0 12px !important;

	border: 1px solid #d9dde1 !important;
	border-radius: 7px !important;

	background: #fff !important;

	font-size: 14px !important;

	box-sizing: border-box !important;
}


.leo-m8-coupon-body .coupon button {
	height: 44px !important;

	margin: 0 !important;
	padding: 0 13px !important;

	border-radius: 7px !important;

	white-space: nowrap !important;
}


/* =========================================================
   COLUNA DE TOTAIS
   ========================================================= */

body.woocommerce-cart
.ct-woocommerce-cart-form > .cart-collaterals {

	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;

	margin: 14px 0 0 !important;
	padding: 0 !important;
}


body.woocommerce-cart
.cart_totals {

	float: none !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;
}


body.woocommerce-cart
.cart_totals > h2 {

	display: none !important;
}


body.woocommerce-cart
.cart_totals table.shop_table {

	display: block !important;

	width: 100% !important;

	margin: 0 !important;

	background: transparent !important;

	border: 0 !important;
}


body.woocommerce-cart
.cart_totals table.shop_table tbody {

	display: flex !important;

	flex-direction: column !important;

	width: 100% !important;
}


/* =========================================================
   CARD ENTREGA
   ========================================================= */

body.woocommerce-cart
.cart_totals
tr.woocommerce-shipping-totals.shipping {

	order: 1 !important;

	display: block !important;

	width: 100% !important;

	margin: 0 0 14px !important;
	padding: 15px !important;

	background: #fff !important;

	border: 1px solid #dde1e5 !important;
	border-radius: 11px !important;

	box-sizing: border-box !important;
}


body.woocommerce-cart
tr.woocommerce-shipping-totals.shipping > th {

	display: block !important;

	width: 100% !important;

	margin: 0 0 12px !important;
	padding: 0 !important;

	color: transparent !important;

	font-size: 0 !important;
	line-height: 0 !important;

	border: 0 !important;
}


body.woocommerce-cart
tr.woocommerce-shipping-totals.shipping > th::before {

	content: "Entrega";

	display: block !important;

	color: #111 !important;

	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}


body.woocommerce-cart
tr.woocommerce-shipping-totals.shipping > td {

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;

	text-align: left !important;
}


/* =========================================================
   RECEBER / RETIRAR
   ========================================================= */

body.woocommerce-cart #shipping_method {

	display: grid !important;

	grid-template-columns:
		repeat(2,minmax(0,1fr)) !important;

	gap: 3px !important;

	width: 100% !important;

	margin: 0 0 15px !important;
	padding: 3px !important;

	background: #f1f1f1 !important;

	border: 0 !important;
	border-radius: 999px !important;

	box-shadow:
		0 3px 10px rgba(0,0,0,.09) !important;

	box-sizing: border-box !important;
}


body.woocommerce-cart
#shipping_method:has(> li:only-child) {

	grid-template-columns: 1fr !important;
}


body.woocommerce-cart
#shipping_method > li {

	position: relative !important;

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}


body.woocommerce-cart
#shipping_method
> li:has(input[value^="flat_rate"]) {

	order: 1 !important;
}


body.woocommerce-cart
#shipping_method
> li:has(input[value^="local_pickup"]) {

	order: 2 !important;
}


body.woocommerce-cart
#shipping_method input.shipping_method {

	position: absolute !important;

	width: 1px !important;
	height: 1px !important;

	opacity: 0 !important;
}


body.woocommerce-cart
#shipping_method label {

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;

	min-height: 42px !important;

	margin: 0 !important;
	padding: 0 8px !important;

	background: transparent !important;

	border: 1px solid transparent !important;
	border-radius: 999px !important;

	color: #999 !important;

	font-size: 0 !important;

	box-sizing: border-box !important;

	cursor: pointer !important;
}


body.woocommerce-cart
#shipping_method
input[value^="flat_rate"] + label::before {

	content: "RECEBER";

	font-size: 12px !important;
	font-weight: 600 !important;
}


body.woocommerce-cart
#shipping_method
input[value^="local_pickup"] + label::before {

	content: "RETIRAR";

	font-size: 12px !important;
	font-weight: 600 !important;
}


body.woocommerce-cart
#shipping_method
label .woocommerce-Price-amount {

	display: none !important;
}


body.woocommerce-cart
#shipping_method
input.shipping_method:checked + label {

	background: #fff !important;

	color: #d79f00 !important;

	border-color: #ffc400 !important;

	box-shadow:
		0 2px 7px rgba(0,0,0,.08) !important;
}


/* dado técnico de prazo */

.leo-delivery-days-data {

	display: none !important;
}


/* destino original continua disponível para JS */

body.woocommerce-cart
.woocommerce-shipping-destination {

	display: none !important;
}


/* =========================================================
   RECEBER X ITENS EM CEP
   ========================================================= */

.leo-m8-headline {

	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	gap: 10px !important;

	width: 100% !important;

	margin: 0 0 10px !important;

	color: #111 !important;

	font-size: 12px !important;
	font-weight: 600 !important;

	line-height: 1.4 !important;
}


.leo-m8-headline-text {

	min-width: 0 !important;
}


.leo-m8-headline strong {

	color: #e3aa00 !important;

	font-weight: 700 !important;
}


.leo-m8-alterar {

	flex: 0 0 auto !important;

	padding: 0 !important;

	background: transparent !important;

	color: #888 !important;

	border: 0 !important;

	font-size: 12px !important;
	font-weight: 600 !important;

	text-decoration: underline !important;

	cursor: pointer !important;
}


/* botão nativo continua existindo */

body.woocommerce-cart
.shipping-calculator-button {

	position: absolute !important;

	left: -99999px !important;

	width: 1px !important;
	height: 1px !important;

	overflow: hidden !important;

	opacity: 0 !important;
}


/* =========================================================
   CARD MODALIDADE
   ========================================================= */

.leo-m8-method {

	display: grid !important;

	grid-template-columns:
		minmax(0,1fr)
		auto !important;

	align-items: center !important;

	gap: 12px !important;

	width: 100% !important;

	min-height: 62px !important;

	margin: 0 !important;
	padding: 10px 12px !important;

	background: #fff !important;

	border: 1px solid #dde1e5 !important;
	border-radius: 8px !important;

	box-sizing: border-box !important;
}


.leo-m8-method-title {

	display: block !important;

	margin: 0 0 3px !important;

	color: #222 !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	line-height: 1.35 !important;
}


.leo-m8-method-subtitle {

	display: block !important;

	color: #777 !important;

	font-size: 13px !important;

	line-height: 1.4 !important;
}


.leo-m8-method-price {

	color: #777 !important;

	font-size: 12px !important;
	font-weight: 600 !important;

	white-space: nowrap !important;
}


.leo-m8-method-price.is-free {

	color: #19875c !important;
}


/* =========================================================
   ALTERAR ENDEREÇO — FORMULÁRIO NATIVO
   ========================================================= */

body.woocommerce-cart
.woocommerce-shipping-calculator {

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
}


body.woocommerce-cart
.shipping-calculator-form {

	margin: 12px 0 0 !important;
	padding: 12px !important;

	background: #fafafa !important;

	border: 1px solid #e1e3e5 !important;
	border-radius: 8px !important;

	box-sizing: border-box !important;
}


body.woocommerce-cart
.shipping-calculator-form .form-row {

	margin: 0 0 10px !important;
	padding: 0 !important;
}


body.woocommerce-cart
.shipping-calculator-form label {

	display: block !important;

	margin: 0 0 4px !important;

	font-size: 12px !important;
	font-weight: 600 !important;
}


body.woocommerce-cart
.shipping-calculator-form input.input-text,

body.woocommerce-cart
.shipping-calculator-form select,

body.woocommerce-cart
.shipping-calculator-form
.select2-container .select2-selection {

	width: 100% !important;

	height: 44px !important;
	min-height: 44px !important;

	border: 1px solid #d9dde1 !important;
	border-radius: 7px !important;

	background: #fff !important;

	box-sizing: border-box !important;
}


body.woocommerce-cart
.shipping-calculator-form input.input-text {

	padding: 0 11px !important;

	font-size: 14px !important;
}


body.woocommerce-cart
.shipping-calculator-form .select2-container {

	width: 100% !important;
}


body.woocommerce-cart
.shipping-calculator-form
.select2-selection__rendered {

	line-height: 42px !important;

	padding-left: 11px !important;

	font-size: 14px !important;
}


body.woocommerce-cart
.shipping-calculator-form
.select2-selection__arrow {

	height: 42px !important;
}


body.woocommerce-cart
.shipping-calculator-form button {

	width: 100% !important;

	height: 44px !important;

	margin-top: 2px !important;

	background: #111 !important;

	color: #fff !important;

	border: 0 !important;
	border-radius: 7px !important;

	font-size: 13px !important;
	font-weight: 700 !important;
}


/* =========================================================
   CARD FINANCEIRO
   ========================================================= */

body.woocommerce-cart
.cart_totals tr.cart-subtotal,

body.woocommerce-cart
.cart_totals tr.leo-m8-summary-shipping,

body.woocommerce-cart
.cart_totals tr.order-total {

	display: grid !important;

	grid-template-columns:
		1fr auto !important;

	align-items: center !important;

	width: 100% !important;

	background: #fff !important;

	box-sizing: border-box !important;
}


body.woocommerce-cart
.cart_totals tr.cart-subtotal {

	order: 2 !important;

	padding: 17px 15px 12px !important;

	border-top: 1px solid #dde1e5 !important;
	border-left: 1px solid #dde1e5 !important;
	border-right: 1px solid #dde1e5 !important;

	border-radius: 11px 11px 0 0 !important;
}


body.woocommerce-cart
.cart_totals tr.leo-m8-summary-shipping {

	order: 3 !important;

	padding: 0 15px 12px !important;

	border-left: 1px solid #dde1e5 !important;
	border-right: 1px solid #dde1e5 !important;
}


body.woocommerce-cart
.cart_totals tr.order-total {

	order: 4 !important;

	padding: 0 15px 17px !important;

	border-left: 1px solid #dde1e5 !important;
	border-right: 1px solid #dde1e5 !important;
	border-bottom: 1px solid #dde1e5 !important;

	border-radius: 0 0 11px 11px !important;
}


body.woocommerce-cart
.cart_totals tr.cart-subtotal > th,

body.woocommerce-cart
.cart_totals tr.cart-subtotal > td,

body.woocommerce-cart
.cart_totals tr.leo-m8-summary-shipping > th,

body.woocommerce-cart
.cart_totals tr.leo-m8-summary-shipping > td,

body.woocommerce-cart
.cart_totals tr.order-total > th,

body.woocommerce-cart
.cart_totals tr.order-total > td {

	display: block !important;

	width: auto !important;

	margin: 0 !important;
	padding: 8px 0 !important;

	background: transparent !important;

	border: 0 !important;

	font-size: 14px !important;
}


body.woocommerce-cart
.cart_totals tr.cart-subtotal > th,

body.woocommerce-cart
.cart_totals tr.cart-subtotal > td,

body.woocommerce-cart
.cart_totals tr.leo-m8-summary-shipping > th,

body.woocommerce-cart
.cart_totals tr.leo-m8-summary-shipping > td {

	border-bottom: 1px solid #ededed !important;
}


body.woocommerce-cart
.cart_totals tr.order-total > th,

body.woocommerce-cart
.cart_totals tr.order-total > td {

	color: #111 !important;

	font-size: 15px !important;
	font-weight: 700 !important;
}


/* =========================================================
   FECHAR PEDIDO
   ========================================================= */

body.woocommerce-cart
.wc-proceed-to-checkout {

	margin: 14px 0 0 !important;
	padding: 0 !important;
}


body.woocommerce-cart
.wc-proceed-to-checkout .checkout-button {

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;

	min-height: 48px !important;

	margin: 0 !important;
	padding: 0 14px !important;

	background: #22aa73 !important;

	color: #fff !important;

	border: 0 !important;
	border-radius: 8px !important;

	font-size: 14px !important;
	font-weight: 700 !important;

	box-shadow: none !important;
}

/* Compatibilidade de resize: se o carrinho desktop já criou seus cards,
   eles ficam ocultos somente enquanto o breakpoint mobile está ativo. */
body.woocommerce-cart .leo-delivery-headline,
body.woocommerce-cart .leo-delivery-method-card,
body.woocommerce-cart tr.leo-shipping-cost-row {
	display: none !important;
}

}