/** Shopify CDN: Minification failed

Line 533:24 Expected ":"

**/
/* ---------------------------------------- */
/* ----- >>> Layout: Desktop -------------- */
/* ---------------------------------------- */

@media  (min-width: 1440px) {
	
	html {
		font-size: 10px;
	}

}

/* ---------------------------------------- */
/* ----- >>> Layout: Mobile --------------- */
/* ---------------------------------------- */

@media (max-width: 640px) and (min-width: 0) {

	:root {
		--main-stick: 6.4rem;
		--main-sizes: 2.4rem;
	}

	html {
		font-size: 2.77777vw;
	}

	/* ---------------------------------------- */
	/* ----- >>> Structure -------------------- */
	/* ---------------------------------------- */

	footer {
		grid-template-columns: repeat(auto-fill, minmax(100vw, 1fr));
	}

	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */

	h1				{ font-size: 1.6rem; }
	h2				{ font-size: 1.8rem; }
	h3				{ font-size: 1.6rem; }
	h4				{ font-size: 1.4rem; }
	h5				{ font-size: 1.2rem; }
	h6				{ font-size: 1.0rem; }
	p, dd			{ font-size: 1.2rem; }
	small			{ font-size: 0.8rem; }
	blockquote	{ font-size: 2.1rem; }

	h1, h2, h3,
	h4, h5, h6,
	small, p {
		margin-bottom: calc(var(--main-sizes) * 0.5);
	}

	price,
	quota {
		font-size: 1.0rem;
	}

	price > span {
		font-size: 0.8rem;
		margin: 0;
	}

	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */

	mobile {
		display: flex;
	}

	nav > ul,
	nav > ul > li,
	nav > ul > li > ul,
	nav > ul > li > ul > li,
	nav > ul > li > ul > li > a {
		line-height: calc(var(--main-sizes) * 1.25);
		font-size: 1.2rem;
	}

	header > nav,
	header > div {
		display: none;
	}

	header > nav:first-of-type {
		transition: max-height 0.4s ease, opacity 0.4s ease;
		grid-column: span 4;
		margin-top: -0.1rem;
		overflow: visible !important;
		z-index: 9998;
		display: flex;
		max-height: 0;
		opacity: 0;
	}
	
  menu {
    padding: var(--main-sizes);
  }

	header > nav:first-of-type > ul > li {
		line-height: calc(var(--main-sizes) * 2);
	}

	header > nav:first-of-type > ul > li > menu {
		flex-direction: column;
		padding: 0;
	}

	header > nav:first-of-type > ul > li > menu > item {
		line-height: calc(var(--main-sizes));
		padding: var(--main-sizes);
	}

	header > nav:first-of-type > ul > li > menu > item:not(:last-child) {
		border-bottom: var(--line-style);
	}

	/* ---------------------------------------- */

	header > slider {
		font-size: 0.8rem;
	}

	/* ---------------------------------------- */

	footer > *	{ 
		border-bottom: var(--line-style);
		grid-column: span 1 !important;
	}

	footer > form {
		padding: calc(var(--main-sizes) * 1.0) var(--main-sizes);
	}

	footer > nav > ul > li {
		padding: calc(var(--main-sizes) * 0.5) var(--main-sizes);
	}

	footer > nav > ul > li:last-child {
		padding-bottom: var(--main-sizes);
	}

	footer > nav > ul {
		flex-direction: column;
	}

	footer > nav > ul > li {
		width: 100% !important;
	}

	footer > nav > ul > li:not(:last-child) {
		border-bottom: var(--line-style);
	}

	/* ---------------------------------------- */

	aside > item {
		padding: var(--main-sizes);
	}

	aside > a[href="#Close"]  {
		padding: calc(var(--main-sizes) * 1);
		line-height: 1.2rem;
		opacity: .5;
	}

	aside > item#Cart {
		max-width: 100%;
	}

	aside > * {
		font-size: 1.0rem;
	}

	aside > item#Cart form > item > card > a {
		width: calc(var(--main-sizes) * 4);
	}

	aside > item#Cart form > item > card > div > p {
		font-size: 1.4rem;
		text-align: left;
	}

	aside > item#Cart form > item > card > div,
	aside > item#Cart form > item > card > div > * {
		gap: calc(var(--main-sizes) * 0.25);
	}

	aside > item#Cart form > item > span {
		font-size: 1.4rem;
	}

	aside > item#Cart form > item.isFixed:nth-last-of-type(2) {
		bottom: 9.0rem;
	}

	aside grid.isAlt > items > item {
		border-top: var(--line-style);
		grid-column: span 1; 
	}

	/* ---------------------------------------- */
	/* ----- >>> Blocks ----------------------- */
	/* ---------------------------------------- */

	slider > items > item > p {
		display: none;
	}

	slider > items > item > text {
		padding: var(--main-sizes);
	}

	slider > prev,
	slider > next {
		width: calc(var(--main-sizes) * 1.5);
	}

	/* ---------------------------------------- */

	grid > items {
		grid-template-columns: repeat(4, 1fr);
	}

	grid > items > * {
	  border-bottom: var(--line-style);
	}

	grid > items > *:nth-child(odd) {
	  border-right: var(--line-style);
	}

	grid:has(> items > item:last-child:nth-child(odd)) > items > item:last-child,
	grid:has(> items > item:last-child:nth-child(even)) > items > item:nth-last-child(-n+2) {
	  border-bottom: none;
	}

	grid.isAlt:has(> items > item:last-child:nth-child(4n+1)) > items > item:last-child,
	grid.isAlt:has(> items > item:last-child:nth-child(4n+2)) > items > item:nth-last-child(-n+2),
	grid.isAlt:has(> items > item:last-child:nth-child(4n+3)) > items > item:nth-last-child(-n+3),
	grid.isAlt:has(> items > item:last-child:nth-child(4n)) >   items > item:nth-last-child(-n+4) {
	  border-bottom: none;
	}

	/* ---------------------------------------- */

	block {
		grid-template-columns: 1fr;
	}

	block > item {
		border-right: none !important;
		grid-column: auto !important;
		padding: var(--main-sizes);
		gap: var(--main-sizes);
	}

	block > item:not(:last-child) {
		border-bottom: var(--line-style);
	}

	block > item > *,
	block > item.isP > * {
		padding: 0;
	}

	block > item.isP > player {
			clip-path: inset(0);
	}

	block > *:not(style) {
		aspect-ratio: 1 / 1;
	}

	block > item > card:not(.isAlt) {
		max-width: 32rem !important;
		padding: 0.0rem !important;
		height: auto;
	}

	block > item > card > a > img {
		max-width: 16.0rem;
	}

	block > item.isN {
		aspect-ratio: unset;
		padding: 0;
		gap: 0;
	}

	block > item.isN > card {
		padding: 1.6rem !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	block > item.isN > card > a {
		max-width: 12.8rem;
	}

	/* ---------------------------------------- */

	build > * {
		gap: var(--main-sizes);
	}

	build > * > text {
		padding-bottom: calc(var(--main-sizes) * 1.5);
	}

	build > * slider > items > * {
		padding: calc(var(--main-sizes) / 2);
	}

	/* ---------------------------------------- */

	extra {
		padding: calc(var(--main-sizes) * 0.5) calc(var(--main-sizes) * 0.5);
		font-size: 1.0rem;
		min-height: 2.4rem;
	}

	extra > *:not(.isType) {
		border-bottom: unset !important;
	}

	/* ---------------------------------------- */

	paths > ul {
		font-size: 1.0rem;
	}

	paths > ul > li:not(:last-child) {
		display: none;
	}

	/* ---------------------------------------- */

	card {
		padding: calc(var(--main-sizes) * 0.5 );
	}

	card > .isFAV {
		display: none;
	}

	card > div > p,
	card > div > price,
	card > div > p:last-child {
		font-size: 1.2rem;
	}

	card > div > price {
		margin-bottom: calc(var(--main-sizes) * 0.5);
		flex-direction: column;
		align-items: center;
		display: flex;
		gap: 0.4rem;
	}

	card > div > price * {
		margin: 0 !important;
	}

	card > form {
		visibility: hidden;
		display: none;
	}

	/* ---------------------------------------- */

	text {
		width: 100%;
		padding: calc(var(--main-sizes) * 2) calc(var(--main-sizes) * 1);
	}

	text.isAlt {
		justify-content: space-between;
		flex-direction: column;
		height: 100%;
	}

	text.isAlt > *:last-child {
		margin-top: auto;
	}

	/* ---------------------------------------- */

	trigger {
		font-size: 1.2rem;
	}

	/* ---------------------------------------- */
	/* ----- >>> Product ---------------------- */
	/* ---------------------------------------- */

	product {
		grid-template-columns: repeat(1, 1fr);
	}

	product > item {
		grid-template-columns: repeat(auto-fill, minmax(100vw, 1fr));
		border-right: none;
	}


	product > item > form {
		padding: calc(var(--main-sizes) * 2.0) var(--main-sizes);
		gap: var(--main-sizes);
		position: relative;
	}

	product > item > form > item > paths {
		display: none;
	}

	product > item > form > item:first-of-type {
		margin-bottom: calc(var(--main-sizes) * -1);
	}

	product > item > form > item > price { font-size: 1.4rem; }
	product > item > form > item > quota { font-size: 1.2rem; }
	product > item > form > item > price > span { margin-bottom: 0 !important; }

	product > item > form > item > fieldset {
		margin: 0.0rem !important;
	}

	product > item > form > item > fieldset:first-of-type { margin-top:    calc(var(--main-sizes) * 0.5) !important; }
	product > item > form > item > fieldset:last-of-type  { margin-bottom: calc(var(--main-sizes) * 0.5) !important; }

	product > item > form > item > p#isMSG {
		font-size: 1.0rem;
	}

	product > item > form > item > .setButton {
		margin-bottom: calc(var(--main-sizes) * 1) !important;
	}

	/* ---------------------------------------- */

	media {
		width: 100%;
		grid-template-columns: repeat(1, 1fr);
		aspect-ratio: 16 / 25;
		overflow-y: scroll;
	}

	media > *:nth-child(2){ grid-column: span 1; } 

	media > *:nth-child(1) {
		left: calc(var(--main-sizes) * 1.0);
		gap: calc(var(--main-sizes) * 0.5);
		transform: translate(-50%, -50%);
		position: absolute;
		z-index: 100;
		top: 50%;
	}

	media > *:nth-child(1) > item {
		max-width:  calc(var(--main-sizes) * 0.25);
		max-height: calc(var(--main-sizes) * 0.25);
		width:  calc(var(--main-sizes) * 0.25);
		height: calc(var(--main-sizes) * 0.25);
		background: var(--dark-color);
		border-radius: 50%;
		opacity: 0.25;
		border: none;
		padding: 0;
	}

	media > *:nth-child(1) > item > img {
		display: none;
	}

	media > *:nth-child(1) > item.isActive {
		opacity: 1;
	}

	/* ---------------------------------------- */
	/* ----- >>> Shopify ---------------------- */
	/* ---------------------------------------- */

	.shopify-policy__container {
		padding: calc(var(--main-sizes) * 2) var(--main-sizes);
	}

	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */

	dt {
		padding: calc(var(--main-sizes) * 0.5) 0.0rem;
		font-size: 1.2rem;
	}

	dd {
		padding: 0.0rem;
	}

	dt:after {
		right: 0.0;
	}

	/* ---------------------------------------- */
	/* ----- >>> Media Form ------------------- */
	/* ---------------------------------------- */

	form > item {
		flex-direction: column;
	}

	::-webkit-input-placeholder { font-size: 1.0rem; }
	:-ms-input-placeholder		 { font-size: 1.0rem; }
	::-moz-placeholder			 { font-size: 1.0rem; }
	:-moz-placeholder				 { font-size: 1.0rem; }


	input, select, textarea, button, fieldset {
		font-size: 1.2rem;
	}

	/* ---------------------------------------- */

	fieldset > * > span {ç
		line-height: var(--main-sizes);
		font-size: 1.0rem;
	}

	fieldset.isSwatch > * > span:before {
		width: calc(var(--main-sizes) * 1);
	}

	/* ---------------------------------------- */

	.setLinks  {
		font-size: 1.2rem;
	}

	#isWSP,
	.setButton {
		width: 100%;
		line-height: 4.0rem;
		font-size: 1.2rem;
	}

}