body { --lj-cor: #27293e; }

/* Vitrine da loja: topo, capa, categorias, cartões de produto, rodapé e gaveta de informações.
   A cor da loja chega em --lj-cor (css/style.php). */

body.lj {
	--lj-fundo: #f6f6f9;
	--lj-linha: #e8e9ef;
	--lj-texto: #1d1f2b;
	--lj-suave: #6f7285;
	--lj-raio: 18px;
	--lj-topo: 68px;
	background: var(--lj-fundo) !important;
	color: var(--lj-texto);
	font-family: Poppins, system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}
body.lj .header, body.lj .minitop, body.lj .navigator, body.lj .floatbar, body.lj .floatbar-holder { display: none !important; }
body.lj .footer { display: none; }
body.lj a:hover, body.lj a:focus { text-decoration: none; }

.lj-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.lj-so-cel { display: none !important; }
.lj-so-ios { display: none !important; }
html.lj-ios .lj-so-ios { display: inline-flex !important; }

/* Topo */
.lj-topo { position: sticky; top: 0; z-index: 900; background: rgba(255, 255, 255, .94); backdrop-filter: saturate(160%) blur(10px); border-bottom: 1px solid var(--lj-linha); }
.lj-topo-in { display: flex; align-items: center; gap: 18px; height: var(--lj-topo); }
.lj-marca { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--lj-texto) !important; flex: none; max-width: 300px; }
.lj-marca img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 1px solid var(--lj-linha); flex: none; }
.lj-marca-nome { font-weight: 700; font-size: 16px; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lj-busca { position: relative; flex: 1; max-width: 460px; margin: 0; }
.lj-busca i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--lj-suave); font-size: 15px; pointer-events: none; }
.lj-busca input { width: 100%; height: 42px; padding: 0 16px 0 40px !important; border: 1px solid transparent !important; border-radius: 99px !important; background: #f1f2f6 !important; font: 400 14px Poppins, system-ui, sans-serif; color: var(--lj-texto); outline: 0; transition: border-color .15s, background .15s; }
.lj-busca input:focus { background: #fff !important; border-color: var(--lj-cor) !important; }
.lj-links { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.lj-links > a, .lj-links .dropdown > a { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border-radius: 10px; color: var(--lj-texto) !important; font-size: 14px; font-weight: 500; cursor: pointer; }
.lj-links > a:hover, .lj-links .dropdown > a:hover { background: #f1f2f6; }
.lj-links i { font-size: 15px; color: var(--lj-suave); }
.lj-links .lj-seta { font-size: 10px; }
.lj-links .dropdown-menu { border: 1px solid var(--lj-linha); border-radius: 14px; box-shadow: 0 14px 40px rgba(20, 22, 35, .12); padding: 6px; margin-top: 6px; }
.lj-links .dropdown-menu a { padding: 9px 14px; border-radius: 9px; font-size: 14px; color: var(--lj-texto); }
.lj-links .dropdown-menu a:hover { background: #f1f2f6; }

.lj-status { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border-radius: 99px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.lj-status i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.lj-status.aberto { background: #e3f6ea; color: #17813f; }
.lj-status.fechado { background: #fde9e9; color: #c23434; }

.lj-sacola { display: inline-flex !important; align-items: center; gap: 10px; height: 46px; padding: 0 14px 0 6px; border-radius: 99px; background: var(--lj-cor); color: #fff !important; flex: none; float: none !important; transition: transform .15s; }
.lj-sacola:hover { transform: translateY(-1px); color: #fff !important; }
.lj-sacola .shop-bag { position: relative !important; display: grid !important; place-items: center; width: 36px !important; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .18); margin: 0 !important; padding: 0; flex: none; }
.lj-sacola .shop-bag i { color: #fff !important; font-size: 18px; margin: 0; position: static; }
.lj-sacola .shop-bag .counter { position: absolute !important; width: auto !important; right: -6px !important; top: -4px !important; line-height: 19px !important; top: -4px; right: -6px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 99px; background: #fff; color: var(--lj-cor) !important; font-size: 11px; font-weight: 700; line-height: 19px; text-align: center; border: 0 !important; margin: 0; }
.lj-sacola-txt { display: flex; flex-direction: column; line-height: 1.1; }
.lj-sacola-txt small { font-size: 11px; opacity: .8; }
.lj-sacola-txt b { font-size: 14px; }
.lj-icone-btn { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #f1f2f6; color: var(--lj-texto) !important; font-size: 18px; flex: none; }

/* Capa e cartão da loja */
.lj-capa { position: relative; height: 300px; overflow: hidden; background: var(--lj-cor); }
.lj-capa-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lj-capa:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .35)); }
.lj-capa-sem { height: 170px; background: linear-gradient(135deg, var(--lj-cor), #1d1f2b); }
.lj-loja { position: relative; z-index: 2; display: flex; align-items: center; gap: 22px; margin-top: -64px; padding: 22px 24px; background: #fff; border-radius: 22px; box-shadow: 0 18px 50px rgba(20, 22, 35, .1); }
.lj-loja-avatar { width: 104px; height: 104px; border-radius: 50%; object-fit: cover; flex: none; border: 4px solid #fff; box-shadow: 0 6px 20px rgba(20, 22, 35, .14); margin-top: -46px; background: #fff; }
.lj-loja-info { flex: 1; min-width: 0; }
.lj-loja-info h1 { margin: 0 0 4px; font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--lj-texto); }
.lj-loja-info p { margin: 0 0 12px; color: var(--lj-suave); font-size: 14px; line-height: 1.55; max-width: 720px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lj-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lj-chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 99px; background: #f1f2f6; color: var(--lj-texto) !important; font-size: 12.5px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.lj-chip i { color: var(--lj-cor); font-size: 13px; }
a.lj-chip:hover { background: #e7e8ee; }
.lj-loja-acoes { display: flex; flex-direction: column; gap: 8px; flex: none; }
.lj-btn-claro { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px !important; border: 1px solid var(--lj-linha) !important; border-radius: 12px !important; background: #fff !important; color: var(--lj-texto) !important; font: 500 13.5px Poppins, system-ui, sans-serif !important; cursor: pointer; margin: 0 !important; width: auto !important; }
.lj-btn-claro i { color: var(--lj-cor) !important; font-size: 15px; }
.lj-btn-claro:hover { border-color: var(--lj-cor) !important; }

/* Barra de categorias e busca */
.lj-barra-cat { position: sticky; top: var(--lj-topo); z-index: 800; margin-top: 22px; padding: 10px 0; background: rgba(246, 246, 249, .94); backdrop-filter: blur(10px); }
.lj-barra-cat .lj-container { display: flex; align-items: center; gap: 12px; }
.lj-busca-cel { display: none; }
.lj-cat-trilho { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 0; flex: 1; min-width: 0; }
.lj-cat-trilho::-webkit-scrollbar { display: none; }
.lj-cat { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border-radius: 99px; border: 1px solid var(--lj-linha); background: #fff; color: var(--lj-texto) !important; font-size: 13.5px; font-weight: 500; white-space: nowrap; flex: none; transition: background .15s, color .15s, border-color .15s; }
.lj-cat:hover { border-color: var(--lj-cor); }
.lj-cat.ativa { background: var(--lj-cor); border-color: var(--lj-cor); color: #fff !important; }
.lj-cat-oferta { background: #fff4e5; border-color: #ffd9a3; color: #a35a00 !important; }
.lj-cat-oferta i { color: #ff8a00; }

/* Conteúdo */
.lj-conteudo { padding-top: 14px; padding-bottom: 50px; }
.lj-banners { margin: 6px 0 26px; border-radius: var(--lj-raio); overflow: hidden; }
.lj-banners img { width: 100%; display: block; }
.lj-banners .carousel-indicators { bottom: 8px; margin-bottom: 0; }
.lj-banners .carousel-indicators li { width: 8px; height: 8px; margin: 0 3px; border: 0; background: rgba(255, 255, 255, .6); }
.lj-banners .carousel-indicators .active { width: 22px; height: 8px; margin: 0 3px; background: #fff !important; border-radius: 99px; }
.lj-seta-banner { width: 44px !important; height: 44px; top: 50% !important; bottom: auto !important; transform: translateY(-50%); margin: 0 12px; border-radius: 50%; background: rgba(255, 255, 255, .9) !important; color: var(--lj-texto) !important; opacity: 0 !important; display: grid !important; place-items: center; font-size: 18px; text-shadow: none; transition: opacity .2s; }
.lj-banners:hover .lj-seta-banner { opacity: 1 !important; }
.lj-seta-banner.right { right: 0; }

.lj-secao { margin-bottom: 34px; scroll-margin-top: calc(var(--lj-topo) + 70px); }
.lj-secao-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.lj-secao-topo h2 { margin: 0; font-size: 21px; font-weight: 700; color: var(--lj-texto); }
.lj-secao-topo h2 small { font-size: 13px; font-weight: 500; color: var(--lj-suave); margin-left: 4px; }
.lj-secao-topo a { color: var(--lj-cor) !important; font-weight: 600; font-size: 14px; white-space: nowrap; }

.lj-grade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.lj-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

/* Cartão de produto */
.lj-card { position: relative; background: #fff; border-radius: var(--lj-raio); overflow: hidden; border: 1px solid #eeeff3; transition: transform .2s, box-shadow .2s; }
.lj-card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(20, 22, 35, .09); }
.lj-card-link { display: flex; flex-direction: column; height: 100%; color: var(--lj-texto) !important; }
.lj-card-foto { position: relative; aspect-ratio: 1 / 1; background: #f1f2f6; overflow: hidden; }
.lj-card-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.lj-card:hover .lj-card-foto img { transform: scale(1.04); }
.lj-selo { position: absolute; top: 10px; left: 10px; padding: 4px 9px; border-radius: 99px; background: #e8372c; color: #fff; font-size: 12px; font-weight: 700; }
.lj-selo-esgotado { left: auto; right: 10px; background: rgba(29, 31, 43, .85); }
.lj-card-info { display: flex; flex-direction: column; flex: 1; padding: 12px 14px 14px; }
.lj-card-nome { margin: 0 0 4px; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--lj-texto); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lj-card-desc { margin: 0 0 10px; font-size: 12.5px; line-height: 1.45; color: var(--lj-suave); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lj-card-rodape { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: auto; }
.lj-preco { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.lj-preco-de { font-size: 12px; color: var(--lj-suave); text-decoration: line-through; }
.lj-preco-rotulo { font-size: 11.5px; color: var(--lj-suave); }
.lj-preco-por { font-size: 17px; font-weight: 700; color: var(--lj-texto); }
.lj-add { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--lj-cor); color: #fff; font-size: 15px; flex: none; transition: transform .15s; }
.lj-card:hover .lj-add { transform: scale(1.08); }
.lj-esgotado .lj-card-foto img { filter: grayscale(.8); opacity: .6; }
.lj-esgotado .lj-card-link { cursor: default; }

.lj-card-lista .lj-card-link { flex-direction: row-reverse; }
.lj-card-lista .lj-card-foto { width: 130px; flex: none; aspect-ratio: auto; }
.lj-card-lista .lj-card-info { padding: 14px 16px; }

.lj-vazio { text-align: center; padding: 60px 20px; color: var(--lj-suave); }
.lj-vazio i { font-size: 42px; color: #c8cad6; }

/* Rodapé */
.lj-rodape { background: #fff; border-top: 1px solid var(--lj-linha); margin-top: 20px; }
.lj-rodape-in { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-top: 26px; padding-bottom: 22px; }
.lj-rodape-loja { display: flex; align-items: center; gap: 14px; min-width: 0; }
.lj-rodape-loja img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 1px solid var(--lj-linha); flex: none; }
.lj-rodape-loja b { display: block; font-size: 15px; }
.lj-rodape-loja span { display: block; color: var(--lj-suave); font-size: 12.5px; line-height: 1.5; }
.lj-rodape-social { display: flex; gap: 8px; }
.lj-rodape-social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #f1f2f6; color: var(--lj-texto) !important; font-size: 17px; transition: background .15s, color .15s; }
.lj-rodape-social a:hover { background: var(--lj-cor); color: #fff !important; }
.lj-rodape-sistema { border-top: 1px solid var(--lj-linha); padding: 12px 20px; text-align: center; }
.lj-rodape-sistema a { display: inline-flex; align-items: center; gap: 8px; color: var(--lj-suave) !important; font-size: 12px; }
.lj-rodape-sistema img { height: 18px; width: auto; opacity: .8; }

/* Gaveta de informações (abre pela esquerda) */
body.lj .sidr { width: 340px; max-width: 88vw; background: #fff !important; box-shadow: 0 0 40px rgba(0, 0, 0, .18); }
body.lj .sidr.left { left: -340px; }
.lj-gaveta { padding: 0 !important; background: #fff !important; min-height: 100%; }
.lj-gaveta-topo { display: flex; align-items: center; gap: 12px; padding: 20px; border-bottom: 1px solid var(--lj-linha); }
.lj-gaveta-topo img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 1px solid var(--lj-linha); }
.lj-gaveta-topo > div { flex: 1; min-width: 0; }
.lj-gaveta-topo b { display: block; font-size: 15px; margin-bottom: 4px; color: var(--lj-texto); }
.lj-gaveta-fechar { width: 38px; height: 38px; border: 0; border-radius: 10px; background: #f1f2f6; color: var(--lj-texto); font-size: 15px; flex: none; }
.lj-gaveta-corpo { padding: 6px 20px 30px; }
.lj-gaveta-bloco { padding: 16px 0; border-bottom: 1px solid #f0f1f5; }
.lj-gaveta-bloco:last-child { border-bottom: 0; }
.lj-gaveta-bloco h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--lj-texto); }
.lj-gaveta-bloco h4 i { color: var(--lj-cor); }
.lj-gaveta-bloco p { margin: 0 0 10px; color: var(--lj-suave); font-size: 13.5px; line-height: 1.6; }
.lj-gaveta-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px; margin-bottom: 6px; border-radius: 12px; background: #f6f6f9; color: var(--lj-texto) !important; font-size: 14px; }
.lj-gaveta-link:hover { background: #eeeff4; }
.lj-gaveta-link i { color: var(--lj-suave); font-size: 12px; }
.lj-gaveta-link span i { color: var(--lj-cor); font-size: 15px; margin-right: 4px; }
.lj-gaveta .lj-rodape-social { margin-top: 10px; }

/* Instruções de instalação no iPhone */
body.lj .popup { position: fixed; inset: 0; z-index: 2000; align-items: center; justify-content: center; padding: 20px; background: rgba(20, 22, 35, .5); }
body.lj .popup-content { width: 100%; max-width: 380px; padding: 24px; border-radius: 20px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, .3); }
body.lj .popup-content h2 { margin: 0 0 12px; font-size: 18px; font-weight: 700; }
body.lj .popup-content ol { margin: 0 0 18px; padding-left: 20px; color: var(--lj-suave); font-size: 14px; line-height: 1.7; }

/* Tablet */
@media (max-width: 1100px) {
	.lj-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lj-links > a.sidrLeft { display: none; }
}

/* Celular */
@media (max-width: 767px) {
	body.lj { --lj-topo: 58px; }
	.lj-container { padding: 0 14px; }
	.lj-so-pc { display: none !important; }
	.lj-so-cel { display: grid !important; }
	.lj-topo-in { gap: 10px; }
	.lj-marca { flex: 1; max-width: none; }
	.lj-marca img { width: 36px; height: 36px; }
	.lj-marca-nome { font-size: 15px; }
	.lj-sacola { height: 42px; padding: 0 4px; }
	.lj-sacola .shop-bag { width: 34px; height: 34px; }

	.lj-capa { height: 170px; }
	.lj-capa-sem { height: 110px; }
	.lj-loja { flex-direction: column; align-items: center; text-align: center; gap: 10px; margin-top: -46px; padding: 0 16px 18px; border-radius: 20px; }
	.lj-loja-avatar { width: 88px; height: 88px; margin-top: -44px; }
	.lj-loja-info h1 { font-size: 21px; }
	.lj-loja-info p { font-size: 13.5px; margin: 0 auto 12px; }
	.lj-chips { justify-content: center; }
	.lj-loja-acoes { flex-direction: row; flex-wrap: wrap; justify-content: center; }

	.lj-barra-cat { margin-top: 14px; padding: 8px 0; }
	.lj-barra-cat .lj-container { flex-direction: column; align-items: stretch; gap: 8px; }
	.lj-busca-cel { display: block; max-width: none; }
	.lj-busca-cel input { background: #fff !important; border-color: var(--lj-linha) !important; }
	.lj-cat-trilho { margin: 0 -14px; padding: 2px 14px; }
	.lj-cat { height: 36px; padding: 0 14px; font-size: 13px; }

	.lj-secao { margin-bottom: 26px; }
	.lj-secao-topo h2 { font-size: 18px; }
	.lj-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.lj-lista { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.lj-card { border-radius: 16px; }
	.lj-card:hover { transform: none; box-shadow: none; }
	.lj-card-info { padding: 10px 11px 12px; }
	.lj-card-nome { font-size: 13.5px; }
	.lj-card-desc { display: none; }
	.lj-card-lista .lj-card-desc { display: -webkit-box; }
	.lj-preco-por { font-size: 15px; }
	.lj-add { width: 32px; height: 32px; font-size: 13px; }
	.lj-card-lista .lj-card-foto { width: 108px; }

	.lj-rodape-in { flex-direction: column; text-align: center; }
	.lj-rodape-loja { flex-direction: column; }
}

/* Página de categoria / busca */
.lj-cat-cabeca { padding: 18px 0 8px; }
.lj-voltar { display: inline-flex; align-items: center; gap: 6px; color: var(--lj-suave) !important; font-size: 13.5px; margin-bottom: 8px; }
.lj-voltar:hover { color: var(--lj-cor) !important; }
.lj-cat-cabeca h1 { margin: 0; font-size: 26px; font-weight: 700; color: var(--lj-texto); }
.lj-cat-cabeca p { margin: 2px 0 0; color: var(--lj-suave); font-size: 14px; }
.lj-cat-ferramentas { display: flex; gap: 12px; align-items: center; margin: 14px 0 12px; }
.lj-cat-ferramentas .lj-busca { max-width: 420px; }
.lj-cat-ferramentas .lj-busca input { background: #fff !important; border-color: var(--lj-linha) !important; }
.lj-ordem { display: flex; align-items: center; gap: 8px; margin: 0 0 0 auto; font-weight: 500 !important; font-size: 13px; color: var(--lj-suave); }
.lj-ordem select { height: 42px; padding: 0 34px 0 14px; border: 1px solid var(--lj-linha); border-radius: 12px; background: #fff; font: 500 14px Poppins, system-ui, sans-serif; color: var(--lj-texto); cursor: pointer; }
.lj-cat-trilho-pagina { margin-bottom: 18px; }
.lj-paginas { display: flex; justify-content: center; gap: 6px; margin-top: 28px; }
.lj-paginas a { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 12px; background: #fff; border: 1px solid var(--lj-linha); color: var(--lj-texto) !important; font-weight: 500; }
.lj-paginas a.ativa { background: var(--lj-cor); border-color: var(--lj-cor); color: #fff !important; }
.lj-vazio a { color: var(--lj-cor) !important; font-weight: 600; }
@media (max-width: 767px) {
	.lj-cat-cabeca h1 { font-size: 21px; }
	.lj-cat-ferramentas { flex-direction: column; align-items: stretch; }
	.lj-cat-ferramentas .lj-busca { max-width: none; }
	.lj-ordem { margin: 0; justify-content: space-between; }
	.lj-cat-trilho-pagina { margin: 0 -14px 14px; padding: 2px 14px; }
}

/* Página do produto */
body.lj .single-produto { margin: 22px 0 10px !important; padding: 22px !important; background: #fff; border-radius: 22px; border: 1px solid #eeeff3; box-shadow: none !important; }
body.lj .single-produto > .row { display: flex; flex-wrap: wrap; }
body.lj .galeria { position: sticky; top: calc(var(--lj-topo) + 16px); margin: 0 !important; }
body.lj .galeria .carousel-inner { border-radius: 18px; overflow: hidden; background: #f1f2f6; }
body.lj .galeria img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 0 !important; display: block; max-height: none !important; }
body.lj .galeria .seta { width: 42px !important; height: 42px; top: 50% !important; bottom: auto !important; transform: translateY(-50%); margin: 0 10px; border-radius: 50%; background: rgba(255, 255, 255, .92) !important; opacity: 1 !important; display: grid !important; place-items: center; color: var(--lj-texto) !important; text-shadow: none; }
body.lj .galeria .seta span { position: static !important; margin: 0 !important; font-size: 14px; color: var(--lj-texto) !important; }
body.lj .galeria .seta.right { right: 0; }
body.lj .padd-container-mobile { padding: 0 !important; }

.lj-prod-cabeca { padding: 4px 0 18px !important; margin: 0 !important; border-bottom: 1px solid #f0f1f5; }
.lj-prod-cat { display: inline-block; margin-bottom: 6px; color: var(--lj-cor) !important; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.lj-prod-nome { margin: 0 0 10px; font-size: 28px; font-weight: 700; line-height: 1.2; color: var(--lj-texto); }
.lj-prod-preco { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.lj-prod-preco .lj-preco-por { font-size: 26px; }
.lj-prod-preco .lj-preco-de { font-size: 15px; }
.lj-prod-preco .lj-preco-rotulo { font-size: 14px; }
.lj-selo-inline { padding: 3px 9px; border-radius: 99px; background: #e8372c; color: #fff; font-size: 12.5px; font-weight: 700; }
.lj-prod-desc { margin: 0 0 14px; color: var(--lj-suave); font-size: 14.5px; line-height: 1.65; }
.lj-prod-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--lj-suave); }
.lj-prod-meta a { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 99px; background: #e9f8ef; color: #17813f !important; font-weight: 500; }

body.lj .comprar { margin: 0 !important; border: 0 !important; }
body.lj .comprar .line { padding: 18px 0 !important; border-bottom: 1px solid #f0f1f5 !important; }
body.lj .line-variacao > .row:first-child { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
body.lj .line-variacao > .row:first-child > div { width: auto; float: none; }
body.lj .line-variacao .thelabel { float: none !important; font-size: 16px !important; font-weight: 700 !important; color: var(--lj-texto) !important; text-transform: none !important; }
body.lj .line-variacao .escolhas { float: none !important; padding: 3px 10px; border-radius: 99px; background: #f1f2f6; color: var(--lj-suave) !important; font-size: 12px !important; }
body.lj .opcoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.lj .opcoes > .clear { display: none; }
body.lj .opcoes .opcao { float: none !important; width: auto !important; margin: 0 !important; min-height: 56px; padding: 10px 14px !important; display: flex !important; align-items: center; gap: 12px; border: 1.5px solid var(--lj-linha); border-radius: 14px; background: #fff !important; transition: border-color .15s, background .15s; }
body.lj .opcoes .opcao:hover { border-color: #cfd1dc; }
body.lj .opcoes .opcao .check { width: 22px !important; height: 22px !important; padding: 0 !important; flex: none; border-radius: 50%; border: 2px solid #c9ccd8; background: #fff !important; display: grid !important; place-items: center; }
body.lj .opcoes .opcao .check i { font-size: 11px; color: #fff !important; }
body.lj .opcoes .opcao .detalhes { width: auto !important; float: none !important; padding: 0 !important; flex: 1; min-width: 0; }
body.lj .opcoes .opcao .titulo { font-size: 14px !important; font-weight: 600 !important; color: var(--lj-texto) !important; }
body.lj .opcoes .opcao .descricao { font-size: 12px !important; color: var(--lj-suave) !important; }
body.lj .opcoes .opcao.active { border-color: var(--lj-cor); background: rgba(0, 0, 0, .02) !important; background: color-mix(in srgb, var(--lj-cor) 6%, #fff) !important; }
body.lj .opcoes .opcao.active .check { border-color: var(--lj-cor); background: var(--lj-cor) !important; }
body.lj .opcoes .opcao.indisponivel { opacity: .45; pointer-events: none; }
body.lj .error-holder { color: #c23434; font-size: 13px; margin-top: 8px; }

body.lj .quantidade .row,
body.lj .observacoes .row { display: flex; align-items: center; }
body.lj .thelabel { font-size: 14px !important; font-weight: 600 !important; color: var(--lj-texto) !important; }
body.lj .campo-numero { display: inline-flex !important; align-items: center; gap: 4px; padding: 4px; border: 1px solid var(--lj-linha); border-radius: 99px; background: #fff; }
body.lj .campo-numero i { display: grid !important; place-items: center; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: #f1f2f6 !important; color: var(--lj-texto) !important; font-size: 13px; }
body.lj .campo-numero i:hover { background: var(--lj-cor) !important; color: #fff !important; }
body.lj .campo-numero input { width: 40px !important; height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: center; font-size: 16px; font-weight: 700; }
body.lj .observacoes textarea { width: 100%; min-height: 84px; padding: 12px 14px !important; border: 1px solid var(--lj-linha) !important; border-radius: 14px !important; background: #fafbfc !important; font: 400 14px Poppins, system-ui, sans-serif; resize: vertical; }
body.lj .observacoes textarea:focus { outline: 0; border-color: var(--lj-cor) !important; background: #fff !important; }

body.lj .subtotal-adicionar { border-bottom: 0 !important; }
body.lj .subtotal-adicionar > .row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.lj .subtotal-adicionar > .row > div { width: auto; float: none; }
body.lj .subtotal-adicionar br { display: none; }
body.lj .subtotal { margin: 0 !important; padding: 0 !important; background: none !important; display: flex; flex-direction: column; line-height: 1.2; }
body.lj .subtotal strong { font-size: 12.5px; font-weight: 500; color: var(--lj-suave); }
body.lj .subtotal span { font-size: 22px; font-weight: 700; color: var(--lj-texto); }
body.lj .sacola-adicionar,
body.lj .comprar .botao-acao { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 0 26px !important; border-radius: 16px !important; background: var(--lj-cor) !important; color: #fff !important; font: 600 15px Poppins, system-ui, sans-serif !important; float: none !important; cursor: pointer; box-shadow: 0 10px 24px rgba(0, 0, 0, .12); transition: transform .15s; }
body.lj .sacola-adicionar:hover { transform: translateY(-1px); }
body.lj .sacola-adicionar i, body.lj .sacola-adicionar span, body.lj .comprar .botao-acao i, body.lj .comprar .botao-acao span { color: #fff !important; margin: 0 !important; }

.lj-relacionados { margin: 26px auto 40px; }

@media (max-width: 991px) {
	body.lj .single-produto { margin: 0 -14px 10px !important; padding: 0 0 8px !important; border-radius: 0 0 22px 22px; border: 0; }
	body.lj .single-produto > .row { margin: 0; display: block; }
	body.lj .single-produto > .row > [class*="col-"] { padding: 0; }
	body.lj .galeria { position: static; }
	body.lj .galeria .carousel-inner { border-radius: 0; }
	body.lj .produto-detalhes, body.lj #the_form { padding: 0 16px; }
	.lj-prod-cabeca { padding-top: 16px !important; }
	.lj-prod-nome { font-size: 22px; }
	.lj-prod-preco .lj-preco-por { font-size: 22px; }
	body.lj .opcoes { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	/* Botão de adicionar fixo no rodapé da tela */
	body.lj .subtotal-adicionar { position: sticky; bottom: 0; z-index: 50; margin: 0 -16px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important; background: #fff; border-top: 1px solid var(--lj-linha) !important; box-shadow: 0 -8px 24px rgba(20, 22, 35, .06); }
	body.lj .sacola-adicionar { height: 48px; padding: 0 20px !important; }
	body.lj .subtotal span { font-size: 19px; }
}

/* Ajustes da página do produto */
body.lj .header-interna, body.lj .holder-interna, body.lj .fillrelacionados { display: none !important; }
body.lj .produto-detalhes, body.lj .produto-detalhes * { text-align: left; }
body.lj .line-variacao > .row:first-child > div { padding: 0; }
body.lj .line-variacao .thelabel { display: block; text-align: left !important; }
body.lj .subtotal-adicionar > .row { margin: 0; }
body.lj .subtotal-adicionar > .row > div { padding: 0; }
body.lj .observacoes .row > div:first-child { flex: none; }
@media (max-width: 991px) {
	body.lj .middle > .container.nopaddmobile { padding: 0 !important; }
	body.lj .single-produto { margin: 0 0 10px !important; }
	body.lj .observacoes .row > div:first-child { display: none; }
	body.lj .observacoes .row > div:last-child { width: 100%; padding: 0; }
	body.lj .quantidade .row > div { padding: 0; }
	body.lj .lj-relacionados { padding: 0 14px; }
}

@media (max-width: 991px) {
	body.lj .lj-prod-cabeca { padding: 16px 16px 18px !important; }
}

/* Demais páginas da loja (sacola, finalizar pedido, meus pedidos, obrigado) com o mesmo visual */
body.lj .locked-bar, body.lj .bread-box, body.lj .clearline { display: none !important; }
body.lj .middle { padding: 26px 0 40px !important; background: transparent !important; }
body.lj .middle > .container { width: 100%; max-width: 1200px; padding: 0 20px; }
body.lj .rowtitle { margin-bottom: 14px; }
body.lj .title-icon { margin: 0 !important; text-align: left !important; }
body.lj .title-icon span { font-size: 26px !important; font-weight: 700 !important; color: var(--lj-texto) !important; }
body.lj .title-icon i { display: none; }

/* Cartões brancos para o conteúdo principal */
body.lj .sacola,
body.lj .pedido { background: #fff; border: 1px solid #eeeff3; border-radius: 22px; padding: 22px; }

/* Sacola */
body.lj .sacola table { width: 100%; border-collapse: separate; border-spacing: 0; }
body.lj .sacola th { padding: 0 12px 12px !important; border: 0 !important; border-bottom: 1px solid var(--lj-linha) !important; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--lj-suave); background: none !important; }
body.lj .sacola td { padding: 16px 12px !important; border: 0 !important; border-bottom: 1px solid #f0f1f5 !important; vertical-align: middle !important; background: none !important; }
body.lj .sacola .td-foto img { width: 72px; height: 72px; object-fit: cover; border-radius: 14px; }
body.lj .sacola .td-nome, body.lj .sacola .nome { font-weight: 600; font-size: 15px; color: var(--lj-texto); }
body.lj .sacola .td-valor { font-weight: 600; white-space: nowrap; }
body.lj .sacola .line.detalhes, body.lj .sacola .td-detalhes span { display: inline-block; padding: 6px 10px !important; border-radius: 10px; background: #f6f6f9 !important; font-size: 12.5px; color: var(--lj-suave); }
body.lj .sacola-remover { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; color: #c23434 !important; font-size: 13px; cursor: pointer; }
body.lj .sacola-remover:hover { background: #fdecec; }
body.lj .sacola-remover i { color: #c23434 !important; }
body.lj .sacola .subtotal { font-size: 14px; color: var(--lj-suave); }
body.lj .sacola .subtotal span, body.lj .sacola .subtotal strong + span { font-size: 24px; font-weight: 700; color: var(--lj-texto); }
body.lj .sacola-null, body.lj .nulled { display: block; padding: 50px 20px !important; text-align: center; color: var(--lj-suave); font-size: 15px; }

/* Títulos de seção do formulário de pedido */
body.lj .title-line { margin: 26px 0 16px !important; padding: 0 0 10px !important; border-bottom: 1px solid #f0f1f5 !important; }
body.lj .title-line:first-child { margin-top: 0 !important; }
body.lj .title-line span { font-size: 18px !important; font-weight: 700 !important; color: var(--lj-texto) !important; }
body.lj .title-line i { color: var(--lj-cor) !important; }

/* Campos */
body.lj label { font-size: 13px !important; font-weight: 600 !important; color: #3a3d4c !important; margin-bottom: 6px; }
body.lj .middle input[type=text], body.lj .middle input[type=email], body.lj .middle input[type=tel], body.lj .middle input[type=number]:not(#quantidade),
body.lj .middle input[type=password], body.lj .middle textarea, body.lj .middle select, body.lj .middle .fake-select select {
	width: 100%; min-height: 48px; padding: 12px 14px !important; border: 1px solid #dcdee7 !important; border-radius: 14px !important;
	background: #fff !important; color: var(--lj-texto); font: 400 15px Poppins, system-ui, sans-serif; box-shadow: none !important; outline: 0;
	transition: border-color .15s, box-shadow .15s;
}
body.lj .middle input:focus, body.lj .middle textarea:focus, body.lj .middle select:focus {
	border-color: var(--lj-cor) !important; box-shadow: 0 0 0 3px rgba(0, 0, 0, .05) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--lj-cor) 16%, transparent) !important;
}
body.lj .fake-select { position: relative; }
body.lj .fake-select select { appearance: none; -webkit-appearance: none; padding-right: 40px !important; cursor: pointer; }
body.lj .fake-select i { position: absolute !important; top: 50% !important; right: 16px !important; margin: -7px 0 0 !important; border: 0 !important; color: var(--lj-suave) !important; font-size: 13px; pointer-events: none; }
body.lj .form-field-default { margin-bottom: 16px; }
body.lj .form-tip { display: block; margin: -2px 0 8px; padding: 0 !important; background: none !important; border: 0 !important; text-align: left !important; font-size: 12.5px; color: var(--lj-suave); }

/* Botões das páginas */
body.lj .middle .botao-acao,
body.lj .pedido-actions button,
body.lj .pedido-actions a {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px !important;
	border: 0 !important; border-radius: 16px !important; background: var(--lj-cor) !important; color: #fff !important;
	font: 600 15px Poppins, system-ui, sans-serif !important; text-decoration: none !important; box-shadow: none; cursor: pointer; transition: transform .15s, opacity .15s;
}
body.lj .middle .botao-acao:hover { transform: translateY(-1px); }
body.lj .middle .botao-acao i, body.lj .middle .botao-acao span { color: #fff !important; margin: 0 !important; }
body.lj .middle .botao-acao-gray,
body.lj .pedido-actions .back-button,
body.lj .pedido-actions a[href*="sacola"] { background: #fff !important; color: var(--lj-texto) !important; border: 1px solid var(--lj-linha) !important; }
body.lj .middle .botao-acao-gray i, body.lj .middle .botao-acao-gray span,
body.lj .pedido-actions a[href*="sacola"] i, body.lj .pedido-actions a[href*="sacola"] span { color: var(--lj-texto) !important; }

/* Resumo do pedido (cupom) */
body.lj .comprovante, body.lj .pedido-resumo, body.lj .resumo { border-radius: 18px !important; }

@media (max-width: 767px) {
	body.lj .middle { padding: 16px 0 30px !important; }
	body.lj .middle > .container { padding: 0 14px; }
	body.lj .title-icon span { font-size: 21px !important; }
	body.lj .sacola, body.lj .pedido { padding: 16px; border-radius: 18px; }
	body.lj .middle .botao-acao { width: 100%; margin: 0 0 8px !important; }
}

body.lj .rowtitle { padding: 0 !important; background: none !important; }
body.lj .title-icon span { text-align: left !important; }
body.lj .js-push-btn[style*="none"] { display: none !important; }

body.lj .title-line, body.lj .title-line span { text-align: left !important; }
@media (max-width: 767px) {
	body.lj .rowtitle { padding: 0 14px !important; }
	body.lj .middle .container.nopadd, body.lj .middle .container.nopaddmobile { padding-left: 0; padding-right: 0; }
}

.lj-links .lj-status i { color: inherit; }

/* Celular: página do produto */
@media (max-width: 991px) {
	body.lj #the_form .row { margin-left: 0 !important; margin-right: 0 !important; }
	body.lj #the_form [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
	body.lj .observacoes .row > div:last-child { width: 100% !important; }
	body.lj .observacoes textarea { min-height: 70px; }
	body.lj .quantidade .row { justify-content: space-between; }
	body.lj .quantidade .row > div { width: auto !important; float: none !important; }
	body.lj .campo-numero.pull-right { float: none !important; }

	/* barra de adicionar fixa, na largura toda da tela */
	body.lj .comprar .line.subtotal-adicionar {
		position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important;
		width: 100% !important; margin: 0 !important; z-index: 950 !important;
		padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
		background: #fff !important; border-radius: 18px 18px 0 0 !important; border: 0 !important;
		box-shadow: 0 -10px 30px rgba(20, 22, 35, .12) !important;
	}
	body.lj .subtotal-adicionar > .row { flex-wrap: nowrap !important; justify-content: space-between !important; gap: 12px; }
	body.lj .subtotal-adicionar > .row > div { width: auto !important; float: none !important; padding: 0 !important; }
	body.lj .subtotal-adicionar > .row > div:first-child { flex: none; }
	body.lj .subtotal-adicionar > .row > div:last-child { flex: 1; min-width: 0; display: flex; justify-content: flex-end; }
	body.lj .subtotal { padding: 0 !important; text-align: left !important; white-space: nowrap; }
	body.lj .subtotal strong { font-size: 12px; }
	body.lj .subtotal span { font-size: 18px; }
	body.lj .sacola-adicionar { width: 100%; max-width: 260px; height: 50px; padding: 0 14px !important; white-space: nowrap; font-size: 14.5px !important; }
	body.lj .sacola-adicionar span { overflow: hidden; text-overflow: ellipsis; }
	body.lj .single-produto { padding-bottom: 86px !important; }
}
@media (max-width: 359px) {
	body.lj .sacola-adicionar .icone { display: none; }
	body.lj .subtotal span { font-size: 16px; }
}

body.lj .line-variacao .thelabel, body.lj .comprar .line .thelabel { padding: 0 !important; margin: 0 !important; width: auto !important; }

/* Página inicial: o topo não repete a loja enquanto o cartão dela está na tela */
body.lj-home .lj-topo .lj-marca, body.lj-home .lj-topo .lj-status { transition: opacity .25s, transform .25s; }
body.lj-home:not(.lj-rolou) .lj-topo .lj-marca { opacity: 0; transform: translateY(-6px); pointer-events: none; }
body.lj-home:not(.lj-rolou) .lj-topo .lj-status { display: none; }
body.lj-home .lj-links > a.sidrLeft { display: none; }

/* Linhas do Bootstrap viradas flex: os enfeites ::before/::after não podem ocupar espaço */
body.lj .comprar .row::before, body.lj .comprar .row::after, body.lj .single-produto > .row::before, body.lj .single-produto > .row::after { display: none !important; }
html, body.lj { overflow-x: clip !important; overflow-y: visible !important; }
@media (max-width: 991px) {
	body.lj .container.nopaddmobile > .row { margin-left: 0; margin-right: 0; }
}

/* Sacola no celular: cada item numa linha compacta (foto à esquerda, dados à direita) */
@media (max-width: 991px) {
	body.lj .sacola { padding: 6px 14px 14px !important; }
	body.lj .sacola-table, body.lj .sacola-table tbody { display: block !important; width: 100% !important; border: 0 !important; background: none !important; }
	body.lj .sacola-table thead { display: none !important; }
	body.lj .sacola-table tr.sacola-alterar {
		display: grid !important; grid-template-columns: 64px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 4px;
		grid-template-areas: "foto nome nome" "foto det det" "qtd qtd valor";
		align-items: center; width: auto !important; margin: 0 !important; padding: 14px 0 !important;
		border: 0 !important; border-bottom: 1px solid #f0f1f5 !important; border-radius: 0 !important; background: none !important; float: none !important;
	}
	body.lj .sacola-table tr.sacola-alterar td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; text-align: left !important; float: none !important; }
	body.lj .sacola-table td.hidden-xs { display: none !important; }
	body.lj .sacola-table .td-foto { grid-area: foto; align-self: start; }
	body.lj .sacola-table .td-foto img { width: 64px !important; height: 64px !important; border-radius: 14px; object-fit: cover; margin: 0 !important; }
	body.lj .sacola-table .td-foto .imagem { margin: 0 !important; width: 64px; height: 64px; }
	body.lj .sacola-table .td-nome { grid-area: nome; }
	body.lj .sacola-table .td-nome .nome { display: block; font-size: 15px !important; font-weight: 600; line-height: 1.3; color: var(--lj-texto); text-align: left !important; }
	body.lj .sacola-table .td-detalhes { grid-area: det; }
	body.lj .sacola-table .td-detalhes .line.detalhes { padding: 0 !important; border: 0 !important; background: none !important; }
	body.lj .sacola-table .td-detalhes span { display: block; padding: 0 !important; background: none !important; font-size: 12.5px; line-height: 1.4; color: var(--lj-suave); text-align: left !important; }
	body.lj .sacola-table .td-detalhes span:after, body.lj .sacola-table .td-detalhes .line:after { display: none !important; }
	body.lj .sacola-table .td-quantidade { grid-area: qtd; margin-top: 8px !important; }
	body.lj .sacola-table .holder-acao { display: flex !important; align-items: center; gap: 6px; margin: 0 !important; width: auto !important; }
	body.lj .sacola-table .holder-acao > .clear, body.lj .sacola-table .td-quantidade > .clear, body.lj .sacola-table .line.quantidade > .clear { display: none; }
	body.lj .sacola-table .item-acao { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
	body.lj .sacola-table .line.quantidade { padding: 0 !important; border: 0 !important; }
	body.lj .sacola-table .campo-numero { padding: 3px; }
	body.lj .sacola-table .campo-numero i { width: 32px !important; height: 32px !important; }
	body.lj .sacola-table .campo-numero input { width: 32px !important; height: 32px !important; font-size: 15px; }
	body.lj .sacola-table .sacola-change, body.lj .sacola-table .sacola-remover { display: grid !important; place-items: center; width: 38px; height: 38px; padding: 0 !important; border-radius: 12px; background: #f6f6f9; }
	body.lj .sacola-table .sacola-change i { color: var(--lj-texto) !important; }
	body.lj .sacola-table .td-valor { grid-area: valor; margin-top: 8px !important; text-align: right !important; }
	body.lj .sacola-table .td-valor > span { display: none !important; }
	body.lj .sacola-table .td-valor .line.valor { padding: 0 !important; border: 0 !important; }
	body.lj .sacola-table .td-valor .line.valor span { font-size: 16px; font-weight: 700; color: var(--lj-texto); white-space: nowrap; }

	body.lj .linha-subtotal { margin-top: 6px; }
	body.lj .linha-subtotal .row { margin: 0; }
	body.lj .linha-subtotal [class*="col-"] { padding: 0; }
	body.lj .linha-subtotal .subtotal { display: flex !important; flex-direction: row !important; align-items: baseline; justify-content: space-between; padding: 14px 0 6px !important; text-align: left !important; }
	body.lj .linha-subtotal .subtotal strong { font-size: 14px; color: var(--lj-suave); font-weight: 500; }
	body.lj .linha-subtotal .subtotal span { font-size: 22px !important; font-weight: 700; color: var(--lj-texto); }
	body.lj .linha-subtotal .botao-acao { width: 100%; margin: 6px 0 0 !important; }
	body.lj .linha-subtotal .clear br { display: none; }
}

/* Janela de produto adicionado */
body.lj .modal-content { border: 0 !important; border-radius: 22px !important; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .25) !important; }
body.lj .modal-header { border: 0 !important; padding: 12px 14px 0 !important; }
body.lj .adicionado { border: 0 !important; padding: 4px 20px 20px !important; }
body.lj .adicionado .checkicon { color: var(--lj-cor) !important; }
body.lj .adicionado .botao-acao { width: 100%; min-height: 48px; border-radius: 14px !important; }
body.lj .adicionado .botao-acao-gray { background: #f1f2f6 !important; color: var(--lj-texto) !important; }
body.lj .adicionado .botao-acao-gray i, body.lj .adicionado .botao-acao-gray span { color: var(--lj-texto) !important; }

@media (max-width: 991px) {
	body.lj .middle > .container { padding-left: 14px !important; padding-right: 14px !important; }
	body.lj .sacola-table .td-nome a, body.lj .sacola-table .td-nome .nome { display: block; padding: 0 !important; margin: 0 !important; }
	body.lj .sacola-table .td-detalhes br { display: none; }
	body.lj .linha-subtotal form, body.lj .linha-subtotal [class*="col-"] { width: 100% !important; float: none !important; padding: 0 !important; margin: 0 !important; }
	body.lj .linha-subtotal .botao-acao { display: flex !important; width: 100% !important; }
	body.lj .linha-subtotal .subtotal { font-size: 22px !important; font-weight: 700 !important; color: var(--lj-texto) !important; }
	body.lj .linha-subtotal .subtotal strong { font-size: 14px !important; font-weight: 500 !important; color: var(--lj-suave) !important; }
}

@media (max-width: 991px) {
	body.lj .middle > .container > .row { margin-left: 0; margin-right: 0; }
	body.lj .middle > .container > .row > [class*="col-md-12"] { padding-left: 0; padding-right: 0; }
	body.lj .pedido { margin: 0 !important; }
	body.lj .pedido .row { margin-left: -6px; margin-right: -6px; }
	body.lj .pedido [class*="col-"] { padding-left: 6px; padding-right: 6px; }
	body.lj .sacola-table .td-detalhes b, body.lj .sacola-table .td-detalhes strong { margin: 0 !important; padding: 0 !important; }
}

/* Botões do fim do pedido: no celular, Enviar em cima e Alterar embaixo, os dois na largura toda */
@media (max-width: 767px) {
	body.lj .pedido-actions > .row:last-child { display: flex; flex-direction: column-reverse; gap: 8px; margin: 0 !important; }
	body.lj .pedido-actions > .row:last-child::before, body.lj .pedido-actions > .row:last-child::after { display: none; }
	body.lj .pedido-actions > .row:last-child > [class*="col-"] { width: 100% !important; float: none !important; padding: 0 !important; }
	body.lj .pedido-actions .back-button, body.lj .pedido-actions .botao-acao { width: 100% !important; justify-content: center; white-space: nowrap; }
}
body.lj .pedido-actions .back-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 20px; border: 1px solid var(--lj-linha); border-radius: 16px; background: #fff; color: var(--lj-texto) !important; font-weight: 600; }
body.lj .pedido-actions .back-button i, body.lj .pedido-actions .back-button span { color: var(--lj-texto) !important; }