
/*
 * Os elementos customizados são escondidos por padrão.
 *
 * Assim este snippet NÃO altera tablet/celular.
 */

.leo-product-top-actions,
.leo-product-seller,
.leo-product-reference,
.leo-product-short-description,
.leo-product-payment,
.leo-product-stock-block,
.leo-product-specs,
.leo-product-delivery {
	display: none;
}


@media (min-width: 1025px) {


	/* ========================================================
	   PÁGINA
	   ======================================================== */

	body.single-product .site-main {

		background:
			#f4f5f6 !important;
	}


	body.single-product
	.site-main
	> .ct-container {

		width:
			calc(100% - 48px) !important;

		max-width:
			1320px !important;

		margin-left:
			auto !important;

		margin-right:
			auto !important;
	}


	/* ========================================================
	   BREADCRUMB
	   ======================================================== */

	body.single-product
	.ct-breadcrumbs,

	body.single-product
	.woocommerce-breadcrumb {

		margin-bottom:
			18px !important;

		color:
			#686868 !important;

		font-size:
			12px !important;
	}


	/* ========================================================
	   CARD PRINCIPAL
	   ======================================================== */

	body.single-product
	.product-entry-wrapper.leo-product-reference-layout {

		display:
			grid !important;

		/*
		 * Proporção da referência:
		 *
		 * Galeria  = 44%
		 * Info     = 30%
		 * Compra   = 26%
		 */

		grid-template-columns:
			minmax(0, 44fr)
			minmax(0, 30fr)
			minmax(300px, 26fr)
			!important;

		align-items:
			stretch !important;

		gap:
			0 !important;

		width:
			100% !important;

		margin:
			0 !important;

		padding:
			0 !important;

		background:
			#ffffff !important;

		border:
			1px solid
			#d8dade !important;

		border-radius:
			18px !important;

		box-shadow:
			none !important;

		overflow:
			hidden !important;

		box-sizing:
			border-box !important;
	}


	/* ========================================================
	   GALERIA
	   ======================================================== */

	body.single-product
	.product-entry-wrapper.leo-product-reference-layout
	.woocommerce-product-gallery {

		grid-column:
			1 !important;

		position:
			relative !important;

		display:
			block !important;

		width:
			100% !important;

		max-width:
			none !important;

		min-height:
			0 !important;

		margin:
			0 !important;

		padding:
			16px !important;

		background:
			#ffffff !important;

		border-right:
			1px solid
			#e4e5e7 !important;

		box-sizing:
			border-box !important;
	}


	body.single-product
	.woocommerce-product-gallery.leo-gallery-has-thumbs {

		padding-left:
			98px !important;
	}


	/* ========================================================
	   VIEWPORT PRINCIPAL
	   ======================================================== */

	body.single-product
	.woocommerce-product-gallery
	.flex-viewport {

		width:
			100% !important;

		max-width:
			100% !important;

		height:
			420px !important;

		min-height:
			420px !important;

		margin:
			0 !important;

		background:
			#ffffff !important;

		overflow:
			hidden !important;
	}


	body.single-product
	.woocommerce-product-gallery
	.woocommerce-product-gallery__wrapper {

		margin:
			0 !important;
	}


	body.single-product
	.woocommerce-product-gallery
	.woocommerce-product-gallery__image {

		display:
			flex !important;

		align-items:
			center !important;

		justify-content:
			center !important;

		height:
			420px !important;

		min-height:
			420px !important;

		margin:
			0 !important;
	}


	body.single-product
	.woocommerce-product-gallery
	.woocommerce-product-gallery__image
	img {

		display:
			block !important;

		width:
			100% !important;

		max-width:
			450px !important;

		height:
			410px !important;

		max-height:
			410px !important;

		margin:
			0
			auto !important;

		object-fit:
			contain !important;

		object-position:
			center !important;
	}


	/* ========================================================
	   MINIATURAS
	   ======================================================== */

	body.single-product
	.woocommerce-product-gallery.leo-gallery-has-thumbs
	.flex-control-thumbs {

		position:
			absolute !important;

		top:
			16px !important;

		left:
			16px !important;

		bottom:
			16px !important;

		z-index:
			7 !important;

		display:
			flex !important;

		flex-direction:
			column !important;

		flex-wrap:
			nowrap !important;

		align-items:
			center !important;

		gap:
			10px !important;

		width:
			68px !important;

		max-width:
			68px !important;

		height:
			auto !important;

		max-height:
			420px !important;

		margin:
			0 !important;

		padding:
			0
			2px
			0
			0 !important;

		list-style:
			none !important;

		overflow-x:
			hidden !important;

		overflow-y:
			auto !important;

		box-sizing:
			border-box !important;

		scrollbar-width:
			thin;
	}


	body.single-product
	.woocommerce-product-gallery
	.flex-control-thumbs
	li {

		display:
			block !important;

		flex:
			0 0
			64px !important;

		width:
			64px !important;

		height:
			64px !important;

		float:
			none !important;

		margin:
			0 !important;

		padding:
			0 !important;

		background:
			#ffffff !important;

		border:
			1px solid
			#d8dade !important;

		border-radius:
			9px !important;

		overflow:
			hidden !important;

		box-sizing:
			border-box !important;
	}


	body.single-product
	.woocommerce-product-gallery
	.flex-control-thumbs
	img {

		display:
			block !important;

		width:
			100% !important;

		height:
			100% !important;

		margin:
			0 !important;

		padding:
			3px !important;

		object-fit:
			contain !important;

		opacity:
			1 !important;

		box-sizing:
			border-box !important;
	}


	body.single-product
	.woocommerce-product-gallery
	.flex-control-thumbs
	img.flex-active {

		outline:
			2px solid
			#ffd400 !important;

		outline-offset:
			-2px !important;
	}


	/* ========================================================
	   ZOOM
	   ======================================================== */

	body.single-product
	.woocommerce-product-gallery__trigger {

		top:
			16px !important;

		right:
			16px !important;
	}


	/* ========================================================
	   SUMMARY ORIGINAL
	   ======================================================== */

	body.single-product
	.product-entry-wrapper.leo-product-reference-layout
	> .entry-summary {

		display:
			none !important;
	}


	/* ========================================================
	   COLUNA CENTRAL
	   ======================================================== */

	.leo-product-info-column {

		grid-column:
			2 !important;

		position:
			relative;

		display:
			flex;

		flex-direction:
			column;

		min-width:
			0;

		padding:
			18px
			16px
			22px !important;

		background:
			#ffffff;

		border-right:
			1px solid
			#e4e5e7;

		box-sizing:
			border-box;
	}


	/* ========================================================
	   TÍTULO
	   ======================================================== */

	.leo-product-info-column
	.product_title {

		max-width:
			calc(
				100% - 94px
			);

		margin:
			0
			0
			24px !important;

		padding:
			0 !important;

		color:
			#101010 !important;

		font-family:
			inherit !important;

		font-size:
			24px !important;

		font-weight:
			700 !important;

		line-height:
			1.08 !important;

		letter-spacing:
			-.25px !important;

		word-break:
			normal !important;

		overflow-wrap:
			normal !important;

		hyphens:
			none !important;
	}


	/* ========================================================
	   CORAÇÃO + SHARE
	   ======================================================== */

	.leo-product-top-actions {

		position:
			absolute;

		top:
			16px;

		right:
			16px;

		display:
			flex;

		align-items:
			center;

		gap:
			8px;

		z-index:
			3;
	}


	.leo-product-favorite-button,
	.leo-product-share-button {

		display:
			flex;

		align-items:
			center;

		justify-content:
			center;

		width:
			38px;

		height:
			38px;

		flex:
			0 0
			38px;

		margin:
			0;

		padding:
			0;

		background:
			#f5f5f5;

		border:
			0;

		border-radius:
			50%;

		color:
			#ff4654;

		cursor:
			pointer;

		transition:
			background-color .18s ease,
			transform .18s ease;
	}


	.leo-product-favorite-button:hover,
	.leo-product-share-button:hover {

		background:
			#eeeeee;

		transform:
			translateY(-1px);
	}


	.leo-product-favorite-button
	svg {

		width:
			20px;

		height:
			20px;

		fill:
			transparent;

		stroke:
			currentColor;

		stroke-width:
			1.8;

		stroke-linecap:
			round;

		stroke-linejoin:
			round;

		transition:
			fill .18s ease;
	}


	.leo-product-favorite-button.is-active
	svg {

		fill:
			currentColor;
	}


	.leo-product-share-button
	svg {

		width:
			19px;

		height:
			19px;

		fill:
			none;

		stroke:
			currentColor;

		stroke-width:
			1.8;

		stroke-linecap:
			round;

		stroke-linejoin:
			round;
	}


	/* ========================================================
	   VENDEDOR
	   ======================================================== */

	.leo-product-seller {

		display:
			flex;

		align-items:
			center;

		flex-wrap:
			wrap;

		gap:
			7px;

		margin:
			0
			0
			10px;

		color:
			#6c6c6c;

		font-size:
			13px;

		line-height:
			1.3;
	}


	.leo-product-seller-brand {

		display:
			inline-flex;

		align-items:
			center;
	}


	.leo-product-seller-logo {

		display:
			block;

		width:
			auto !important;

		max-width:
			105px !important;

		height:
			28px !important;

		max-height:
			28px !important;

		margin:
			0 !important;

		object-fit:
			contain !important;
	}


	/* ========================================================
	   REFERÊNCIA
	   ======================================================== */

	.leo-product-reference {

		display:
			inline-flex;

		align-items:
			center;

		gap:
			6px;

		align-self:
			flex-start;

		min-height:
			27px;

		margin:
			0
			0
			18px;

		padding:
			4px
			8px;

		background:
			#ffffff;

		border:
			1px dashed
			#b9bcc1;

		border-radius:
			6px;

		color:
			#777777;

		font-size:
			11px;
	}


	.leo-copy-reference {

		display:
			flex;

		align-items:
			center;

		justify-content:
			center;

		width:
			18px;

		height:
			18px;

		margin:
			0;

		padding:
			0;

		background:
			transparent;

		border:
			0;

		color:
			#777777;

		cursor:
			pointer;
	}


	.leo-copy-reference
	svg {

		width:
			15px;

		height:
			15px;

		fill:
			none;

		stroke:
			currentColor;

		stroke-width:
			1.6;
	}


	/* ========================================================
	   DESCRIÇÃO CURTA
	   ======================================================== */

	.leo-product-short-description {

		display:
			block;

		width:
			100%;

		margin:
			0
			0
			18px;

		color:
			#5e5e5e;

		font-size:
			13px;

		font-weight:
			400;

		line-height:
			1.55;
	}


	.leo-product-short-description
	p {

		margin:
			0
			0
			8px;
	}


	/* ========================================================
	   CARACTERÍSTICAS
	   ======================================================== */

	.leo-product-specs {

		display:
			block;

		width:
			100%;

		margin-top:
			2px;

		background:
			#f5f5f5;

		border:
			1px solid
			#e0e1e3;

		border-radius:
			11px;

		overflow:
			hidden;

		box-sizing:
			border-box;
	}


	.leo-product-specs-header {

		display:
			flex;

		align-items:
			center;

		justify-content:
			space-between;

		gap:
			12px;

		min-height:
			44px;

		padding:
			0
			13px;
	}


	.leo-product-specs-header
	strong {

		color:
			#1d1d1d;

		font-size:
			14px;

		font-weight:
			700;
	}


	.leo-product-specs-more {

		display:
			flex;

		align-items:
			center;

		gap:
			5px;

		margin:
			0;

		padding:
			0;

		background:
			transparent;

		border:
			0;

		color:
			#222222;

		font-size:
			12px;

		font-weight:
			600;

		cursor:
			pointer;
	}


	.leo-product-specs-more
	svg {

		width:
			15px;

		height:
			15px;

		fill:
			none;

		stroke:
			currentColor;

		stroke-width:
			1.8;
	}


	.leo-product-specs-grid {

		display:
			grid;

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

		column-gap:
			20px;

		row-gap:
			14px;

		padding:
			0
			13px
			14px;
	}


	.leo-product-spec-item {

		display:
			flex;

		flex-direction:
			column;

		min-width:
			0;
	}


	.leo-product-spec-name {

		margin-bottom:
			4px;

		color:
			#555555;

		font-size:
			12px;

		font-weight:
			600;

		line-height:
			1.3;
	}


	.leo-product-spec-value {

		color:
			#747474;

		font-size:
			12px;

		font-weight:
			400;

		line-height:
			1.4;

		overflow-wrap:
			anywhere;
	}


	.leo-product-spec-extra {

		display:
			none;
	}


	.leo-product-specs.is-expanded
	.leo-product-spec-extra {

		display:
			flex;
	}


	/* ========================================================
	   COLUNA DE COMPRA
	   ======================================================== */

	.leo-product-buy-column {

		grid-column:
			3 !important;

		display:
			flex;

		flex-direction:
			column;

		min-width:
			0;

		padding:
			18px
			16px
			22px !important;

		background:
			#ffffff;

		box-sizing:
			border-box;
	}


	/* ========================================================
	   PREÇO
	   ======================================================== */

	.leo-product-buy-column
	.price {

		display:
			flex !important;

		align-items:
			baseline;

		flex-wrap:
			wrap;

		gap:
			5px;

		margin:
			0
			0
			8px !important;

		padding:
			0 !important;

		color:
			#111111 !important;

		font-size:
			27px !important;

		font-weight:
			700 !important;

		line-height:
			1.1 !important;
	}


	.leo-product-buy-column
	.price::after {

		content:
			"à vista";

		color:
			#686868;

		font-size:
			12px;

		font-weight:
			400;
	}


	.leo-product-buy-column
	.price
	.amount {

		color:
			#111111 !important;

		font-size:
			inherit !important;

		font-weight:
			700 !important;
	}


	/* ========================================================
	   PAGAMENTO
	   ======================================================== */

	.leo-product-payment {

		display:
			block;

		margin:
			0
			0
			15px;
	}


	.leo-product-installment-line {

		display:
			flex;

		align-items:
			baseline;

		flex-wrap:
			wrap;

		gap:
			4px;

		margin:
			0
			0
			8px;

		color:
			#666666;

		font-size:
			12px;
	}


	.leo-product-installment-line
	strong {

		color:
			#191919;

		font-weight:
			700;
	}


	.leo-product-payment-toggle {

		display:
			inline-flex;

		align-items:
			center;

		gap:
			5px;

		min-height:
			29px;

		margin:
			0;

		padding:
			5px
			10px;

		background:
			#f4f4f4;

		border:
			1px solid
			#e0e0e0;

		border-radius:
			999px;

		color:
			#333333;

		font-family:
			inherit;

		font-size:
			11px;

		font-weight:
			500;

		cursor:
			pointer;
	}


	.leo-product-payment-toggle
	svg {

		width:
			13px;

		height:
			13px;

		fill:
			none;

		stroke:
			currentColor;

		stroke-width:
			1.8;

		transition:
			transform
			.18s ease;
	}


	.leo-product-payment-toggle[aria-expanded="true"]
	svg {

		transform:
			rotate(90deg);
	}


	.leo-product-payment-details {

		margin-top:
			10px;

		padding:
			12px;

		background:
			#f7f7f7;

		border:
			1px solid
			#e2e2e2;

		border-radius:
			9px;

		color:
			#555555;

		font-size:
			11px;

		line-height:
			1.45;
	}


	.leo-product-payment-details
	strong {

		display:
			block;

		margin-bottom:
			7px;

		color:
			#222222;

		font-size:
			12px;
	}


	.leo-product-payment-details
	ul {

		margin:
			0
			0
			8px;

		padding-left:
			17px;
	}


	/* ========================================================
	   ESTOQUE
	   ======================================================== */

	.leo-product-stock-block {

		display:
			block;

		width:
			100%;

		margin:
			0
			0
			13px;
	}


	.leo-product-stock-block
	.stock {

		display:
			block !important;

		width:
			100% !important;

		margin:
			0 !important;

		padding:
			0 !important;

		color:
			#3f3f3f !important;

		font-size:
			13px !important;

		font-weight:
			500 !important;

		line-height:
			1.4 !important;
	}


	.leo-product-stock-block
	.stock
	strong {

		color:
			#252525;

		font-weight:
			700;
	}


	.leo-product-stock-block
	.stock.out-of-stock {

		color:
			#c23737 !important;
	}


	.leo-stock-separator {

		color:
			#a0a0a0;
	}


	/*
	 * Evita estoque nativo duplicado.
	 */

	.leo-product-buy-column
	> .stock,

	.leo-product-buy-column
	form.cart
	> .stock {

		display:
			none !important;
	}


	/* ========================================================
	   FORM / QUANTIDADE
	   ======================================================== */

	.leo-product-buy-column
	form.cart {

		display:
			block !important;

		width:
			100% !important;

		margin:
			0 !important;

		padding:
			0 !important;
	}


	.leo-product-buy-column
	form.cart
	> .quantity {

		margin:
			0
			0
			12px !important;
	}


	/* ========================================================
	   BOTÃO
	   ======================================================== */

	.leo-product-buy-column
	.single_add_to_cart_button {

		display:
			flex !important;

		align-items:
			center !important;

		justify-content:
			center !important;

		gap:
			9px !important;

		width:
			100% !important;

		height:
			48px !important;

		min-height:
			48px !important;

		margin:
			0 !important;

		padding:
			0
			16px !important;

		background:
			#19875c !important;

		border:
			0 !important;

		border-radius:
			10px !important;

		box-shadow:
			none !important;

		color:
			#ffffff !important;

		font-size:
			0 !important;

		font-weight:
			700 !important;

		white-space:
			nowrap !important;

		cursor:
			pointer !important;
	}


	.leo-product-buy-column
	.single_add_to_cart_button:hover {

		background:
			#14754f !important;
	}


	.leo-single-cart-icon {

		display:
			inline-flex;

		align-items:
			center;

		justify-content:
			center;

		flex:
			0 0
			20px;

		width:
			20px;

		height:
			20px;
	}


	.leo-single-cart-icon
	svg {

		display:
			block;

		width:
			20px;

		height:
			20px;

		fill:
			none;

		stroke:
			#ffffff;

		stroke-width:
			1.8;
	}


	.leo-single-cart-text {

		color:
			#ffffff;

		font-size:
			14px;

		font-weight:
			700;

		line-height:
			1;
	}


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

	.leo-product-delivery {

		display:
			block;

		margin-top:
			28px;

		padding-top:
			22px;

		border-top:
			1px solid
			#e7e7e7;
	}


	.leo-product-delivery-title {

		display:
			block;

		margin:
			0
			0
			12px;

		color:
			#202020;

		font-size:
			13px;

		font-weight:
			700;
	}


	.leo-product-cep-form {

		display:
			grid;

		grid-template-columns:
			minmax(0, 1fr)
			96px;

		gap:
			8px;

		width:
			100%;
	}


	.leo-product-cep {

		width:
			100% !important;

		height:
			44px !important;

		min-height:
			44px !important;

		margin:
			0 !important;

		padding:
			0
			14px !important;

		background:
			#ffffff !important;

		border:
			1px solid
			#ccd0d5 !important;

		border-radius:
			9px !important;

		box-shadow:
			none !important;

		color:
			#333333 !important;

		font-size:
			13px !important;
	}


	.leo-product-cep:focus {

		border-color:
			#dfbc37 !important;

		outline:
			none !important;

		box-shadow:
			0 0 0 2px
			rgba(255,212,0,.12) !important;
	}


	.leo-product-cep-search {

		display:
			flex;

		align-items:
			center;

		justify-content:
			center;

		width:
			100%;

		height:
			44px;

		margin:
			0;

		padding:
			0
			10px;

		background:
			#ffe477;

		border:
			0;

		border-radius:
			9px;

		color:
			#927215;

		font-family:
			inherit;

		font-size:
			13px;

		font-weight:
			600;

		cursor:
			pointer;
	}


	.leo-product-cep-help {

		display:
			inline-block;

		margin-top:
			7px;

		color:
			#626262 !important;

		font-size:
			10px;

		text-decoration:
			underline !important;
	}


	.leo-product-shipping-result {

		margin-top:
			12px;
	}


	.leo-shipping-loading {

		padding:
			10px 0;

		color:
			#686868;

		font-size:
			11px;
	}


	.leo-shipping-error {

		padding:
			10px
			12px;

		background:
			#fff5f5;

		border:
			1px solid
			#f3d3d3;

		border-radius:
			8px;

		color:
			#9f3232;

		font-size:
			11px;
	}


	.leo-shipping-destination {

		margin-bottom:
			8px;

		color:
			#555555;

		font-size:
			11px;

		font-weight:
			500;
	}


	.leo-shipping-options {

		display:
			flex;

		flex-direction:
			column;

		gap:
			7px;
	}


	.leo-shipping-option {

		display:
			flex;

		align-items:
			center;

		justify-content:
			space-between;

		gap:
			12px;

		padding:
			8px
			10px;

		background:
			#f7f7f7;

		border:
			1px solid
			#e3e3e3;

		border-radius:
			8px;
	}


	/* ========================================================
	   META ORIGINAL
	   ======================================================== */

	body.single-product
	.product_meta {

		display:
			none !important;
	}


	/* ========================================================
	   DESCRIÇÃO COMPLETA
	   ======================================================== */

	body.single-product
	.woocommerce-tabs {

		width:
			100% !important;

		max-width:
			1320px !important;

		margin:
			32px
			auto
			0 !important;

		padding:
			26px
			32px !important;

		background:
			#ffffff !important;

		border:
			1px solid
			#e0e1e3 !important;

		border-radius:
			14px !important;

		box-sizing:
			border-box !important;
	}


	body.single-product
	.woocommerce-tabs
	.panel {

		width:
			100% !important;

		max-width:
			none !important;

		padding:
			0 !important;

		color:
			#515151 !important;

		font-size:
			15px !important;

		line-height:
			1.72 !important;
	}


	body.single-product
	.woocommerce-tabs
	.panel
	p {

		max-width:
			none !important;

		line-height:
			1.72 !important;
	}

}

