/* CSS Document */

  * {
  	margin: 0;
  }

  a:focus {
  	outline: 0;
  }

  input:read-only {
  	cursor: default;
  	/*color: #707070!important;*/
  }

  /* DEFINIM COLORS WEB */

  :root {
  	--color-manicura: #C64771;


  }

  #client_data_data input:read-only {
  	color: rgb(112 112 113 / 50%) !important;
  	border-bottom: 1px solid rgb(112 112 113 / 50%);
  }

  .field {
  	margin-bottom: 30px;
  }

  .clear::after {
  	content: '';
  	display: block;
  	clear: both;
  }

  /* MISSATGES */

  #displayedError.positiu, #displayedError.neutre, #displayedError.error {
  	background-color: #2f2f2f;
  	color: #fff;
  	font-size: 16px;
  	font-family: 'montserrat_regular';
  	top: 0px !important;
  	bottom: auto !important;
  	z-index: 10000 !important;
  	padding: 50px 20px;
  }

  @media all and (max-width: 768px) {

  	#displayedError.positiu, #displayedError.neutre, #displayedError.error {
  		padding: 20px
  	}
  }

  #displayedError img {
  	width: 30px;
  }

  #displayedError img[src*=".svg"] {
  	filter: brightness(0) invert(1) sepia(1) saturate(0);
  	-webkit-filter: brightness(0) invert(1) sepia(1) saturate(0);

  }

  #displayedError.error {
  	color: red !important;
  }

  #OSC_buit {
  	text-align: center;
  	width: 100%;
  }


  .checkout #button_checkout {
  	display: none;
  }

  .checkout .no-checkout {
  	display: none;
  }

  .only-checkout {
  	display: none;
  }

  .checkout .only-checkout {
  	display: block;
  }

  .checkout td {
  	border: 0 !important
  }


  .OSC_flex {
  	display: flex;
  }

  #OSC_metode_pagament {
  	/*width: calc(50% - 7.5px);
	flex: 1;*/
  	margin-top: 80px;
  }

  #OSC_transport {
  	transition: all .25s ease;
  }

  #OSC_transport.hide {
  	width: 0;
  	margin-right: 0;
  	border: 0;
  	height: 0;
  	opacity: 0;
  }

  #OSC_register {
  	width: 550px;
  	max-width: 100%;
  	margin: auto;
  }


  #OSC_transport, #OSC_codi_promo {
  	/*width: calc(50% - 15px);
	margin-right: 15px;*/
  	margin-top: 80px;
  }

  #frm_condicions_cart {
  	margin: 30px 0px 0px 0px;
  }

  .OSC_titol_seccio {
  	margin-bottom: 0;
  	padding: 12px;
  	font-size: 16px;
  	background: #f5f5f5;
  	border: 1px solid transparent;
  	border-bottom: 0;
  	text-transform: uppercase;
  	margin-top: 0;
  }

  .OSC_titol_seccio i {
  	font-size: 25px;
  	vertical-align: middle;
  	margin-right: 10px;
  }

  .OSC_titol_seccio img {
  	vertical-align: middle;
  	height: 24px;
  	margin-right: 12px;
  }

  .OSC_titol_seccio b {
  	vertical-align: middle;
  }


  /*.OSC_content > div {
	padding: 20px;
}*/

  .OSC_camps {
  	display: flex;
  	flex-wrap: wrap;
  }

  .OSC_camps>.full_width {
  	width: 100%;
  }

  .OSC_camps>div {
  	min-width: 150px;
  	width: 50%;
  	padding: 10px 2.5px;
  }


  input[type='radio'], input[type='checkbox'] {
  	accent-color: var(--color-manicura);
  }

  textarea {
  	max-width: 100%;
  	width: 100% !important;
  	max-height: 100px;
  	height: 100px;
  	font-family: 'montserrat_medium';
  	color: #808080;
  }

  .OSC_camps .label_form {
  	display: block;
  	margin-bottom: 5px;
  	font-family: 'moderatmedium';
  }

  .OSC_camps input, .OSC_camps textarea, .OSC_camps select {
  	width: 100%;
  	padding: 7px 0;
  	border: 0;
  	border-bottom: 1px solid #707071;
  	background: transparent;
  	outline: 0;
  }

  .in_white .OSC_camps input, .in_white .OSC_camps textarea, .in_white .OSC_camps select {
  	color: #fff;
  }

  .in_white .OSC_camps select option {
  	color: #242424;
  }

  .in_white .OSC_camps .label_form {
  	color: #707070;
  }


  .OSC_camps select option {
  	padding: 2px 7px;
  }

  .val-errors:not(.val-checks) {
  	position: static;
  	padding: 0 !important;
  	margin: 0 !important;
  	width: 100% !important;
  	margin-bottom: 15px !important;
  }

  .val-errors-content {
  	position: relative;
  	/* margin-top: 10px; */
  }

  .val-errors>div {
  	background: transparent !important;
  	color: #f00;
  	padding: 55px 0px 0px 0px !important;
  	gap: 10px;
  }

  div[id^=error_legal_].val-errors {
  	right: auto;
  }

  div[id^=error_legal_].val-errors>div {
  	padding-top: 10px !important;
  	/* margin-bottom: 10px; */
  	/* padding-left: 5px!important; */
  }

  .val-errors>div>p {
  	overflow: visible;
  	/* text-overflow: ellipsis; */
  }

  .OSC_titol_promo {
  	font-size: 16px;
  }

  .OSC_error {
  	background-color: pink;
  	display: inline-block;
  	padding: 10px 15px;
  	margin-bottom: 15px;
  	color: #C00;
  }

  .OSC_success {
  	background-color: #c9ebb9;
  	display: inline-block;
  	padding: 10px 15px;
  	margin-bottom: 15px;
  	color: #52a12b;
  }


  .OSC_button {
  	border: 0;
  	outline: none;
  	padding: 5px 10px;
  	cursor: pointer;
  	color: #fff;
  	border: 1px solid #00263F;
  	transition: all .25s ease;
  	background: rgba(0, 38, 63, 1);
  	border-radius: 0;
  	font-family: 'montserrat_medium';
  	letter-spacing: 1px;
  	font-size: 11px;
  	text-transform: uppercase;
  	/* height: 30px; */
  	border-radius: 50px;
  }


  .OSC_button.green, .OSC_add_optional_promo {
  	border-color: #92dd5a;
  	background: rgba(146, 221, 90, 1);
  }

  .OSC_button.green:hover, .OSC_add_optional_promo:hover {
  	background: rgba(146, 221, 90, 0.8);
  }

  .OSC_button.red, .OSC_add_optional_promo.red {
  	border-color: #dd5a5a;
  	background: rgba(221, 90, 90, 1);
  }

  .OSC_button.red:hover, .OSC_add_optional_promo.red:hover {
  	background: rgba(221, 90, 90, 0.8);
  }

  .OSC_button.neutre {
  	border-color: #afb7bf;
  	background: rgba(175, 183, 191, 1);
  }

  .OSC_button.neutre:hover {
  	background: rgba(175, 183, 191, 0.8);
  }

  .OSC_button.white {
  	background-color: #FFF;
  	color: #00263F;
  }

  .OSC_button.pink {
  	background-color: var(--color-manicura);
  	color: white;
  	border: 1px solid var(--color-manicura);
  }

  .OSC_button.pink:hover {
  	background-color: white;
  	color: var(--color-manicura);
  	border: 1px solid var(--color-manicura);
  }

  .pink_invert {
  	background-color: #FFF !important;
  	color: var(--color-manicura) !important;
  	border: 1px solid var(--color-manicura) !important;
  }

  .pink_invert:hover {
  	background-color: var(--color-manicura) !important;
  	color: #fff !important;
  	border: 1px solid var(--color-manicura) !important;
  }

  .OSC_button_mitja {
  	padding: 8px 30px;
  	margin-top: 15px;
  }

  #OSC_create_user {
  	display: none;
  }

  #OSC_register #OSC_create_user {
  	display: block;
  }


  .OSC_titol_linia {
  	font-weight: normal;
  	font-size: 25px;
  	padding-bottom: 20px;
  	margin-bottom: 20px;
  	border-bottom: 1px solid;
  }

  .OSC_links {
  	text-decoration: underline;
  }

  #OSC_legals_client>.OSC_camps_checkbox {
  	margin: 0 auto;
  }

  .OSC_camps_checkbox {
  	margin: 7.5px auto;
  }

  .OSC_camps_checkbox>input {
  	display: inline-block;
  	vertical-align: top;
  	margin: 5px 5px 0 0;
  	width: 15px;
  	padding: 0 !important;
  }

  .OSC_camps_checkbox.middle>input {
  	vertical-align: middle;
  	margin-top: 0;
  }

  .OSC_camps_checkbox>label, .OSC_camps_checkbox>.label {
  	display: inline-block;
  	vertical-align: top;
  	width: calc(100% - 27px);
  	margin: 0 !important;
  }

  .OSC_camps_checkbox.middle>label, .OSC_camps_checkbox.middle>.label {
  	vertical-align: middle;
  }

  .options_adreces_entrega label {
  	width: calc(100% - 57px);
  }

  .options_adreces_entrega .arxivar_direccio {
  	width: 20px;
  	font-size: 20px;
  	color: #dd1938;
  	margin-left: 10px;
  	display: inline-block;
  	vertical-align: top;
  }


  .img_sarticle_cart {
  	width: 270px
  }

  .OSC_tables:not(.table_totals) tbody td, .OSC_tables:not(.table_totals) th {
  	border-bottom: 1px solid #e0e1e2;
  	padding: 10px;
  }

  .table_totals td {
  	padding: 10px;
  	font-size: 20px;
  }

  .table_totals tr>td:first-child {
  	padding-left: 0;
  }

  #preu_total td {
  	font-size: 30px;
  }


  .table_titol_promo td {
  	border-top: 1px solid #e0e1e2;
  }

  .table_titol_promo {
  	margin-top: 30px;
  }

  .preu_tatxat {
  	text-decoration: line-through;
  	opacity: .5;
  	text-wrap: nowrap;
  }


  .OSC_div_mod_article input {
  	padding: 0 !important;
  	height: 28px;
  	width: 36px !important;
  	text-align: center;
  	display: block;
  	border-radius: 0 !important;
  	/*background: #e7e5e5;
    border: 1px solid #e7e5e5;*/
  	transition: border-color .25s ease;
  }

  .OSC_mod_quantitat {
  	position: relative;
  	display: flex;
  	justify-content: flex-end;
  }

  .OSC_mod_quantitat>div {
  	line-height: normal;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	transition: all .25s ease;
  }

  .OSC_mod_quantitat>.OSC_modificadors {
  	width: 25px;
  	font-size: 20px;
  	cursor: pointer;
  	font-family: sans-serif, arial;
  	/*border: 1px solid #e7e5e5;*/
  }

  .OSC_mod_quantitat>.OSC_modificadors:first-child {
  	border-right: 0;
  	border-top-left-radius: 3px;
  	border-bottom-left-radius: 3px;
  }

  .OSC_mod_quantitat>.OSC_modificadors:last-child {
  	border-left: 0;
  	border-top-right-radius: 3px;
  	border-bottom-right-radius: 3px;
  }

  .OSC_mod_quantitat input {
  	font-size: 20px;
  }





  .OSC_tables .text_junt {
  	white-space: nowrap;
  }

  .elimina_linia {
  	margin-top: 0px;
  	cursor: pointer;
  	color: #bcc2c8;
  	font-weight: bold;
  	font-size: 19px;
  	display: inline-block;
  	text-align: center;
  	font-family: Tahoma;
  }

  #OSC_login {
  	overflow: hidden;
  	padding: 0;
  	max-width: 410px;
  	max-height: none;
  	min-height: 495px;
  }

  #OSC_login.register {
  	max-width: 800px;
  }

  #OSC_login #OSC_main {
  	opacity: 1;
  }

  #OSC_login .mfp-close {
  	color: #fff;
  	opacity: 1;
  }

  #OSC_login .tit {
  	font-size: 30px;
  }

  #OSC_login #popup_login_content .tit {
  	margin-bottom: 20px;
  }

  #OSC_login #popup_register_content .tit {
  	margin-bottom: 10px;
  }

  #popup_login {
  	display: flex;
  }

  #popup_login {
  	display: flex;
  	max-height: none;
  	overflow: hidden;
  }

  #popup_login>div {
  	padding: 30px 9%;
  	width: 100%;
  	position: relative;
  	min-height: 495px;
  	display: flex;
  	align-items: center;
  	text-align: center;
  	justify-content: center;
  }

  #popup_sign_up {
  	max-height: none;
  	width: 100%;
  	top: 0;
  	position: absolute;
  	/* bottom: 0; */
  	transform: translate(100%);
  	transition: transform .25s ease;
  	/*background: #82CE31;
    color: #fff;*/
  }

  #popup_sign_up.active {
  	transform: translate(0);
  	position: static;
  }

  #OSC_pass_recovery {
  	transition: transform .5s ease, opacity .7s ease;
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	display: flex;
  	justify-content: center;
  	flex-direction: column;
  	transform: translate(100%, 0);
  	opacity: 0;
  	width: 100%;
  	padding: 0 9%;
  }

  #OSC_pass_recovery.active {
  	transform: translate(0, 0) !important;
  	opacity: 1 !important;
  }

  #OSC_frm_login {
  	transition: transform .5s ease, opacity .7s ease;
  	transform: translate(0);
  	opacity: 1;
  	width: 100%;
  }

  #OSC_frm_login.active {
  	transform: translate(-50%, 0);
  	opacity: 0;
  }

  #OSC_login.no_sign_up {
  	max-width: 410px;
  }

  #OSC_login.no_sign_up #popup_login_content {
  	width: 100%;
  }

  #OSC_login.no_sign_up #popup_register_content {
  	display: none;
  }

  .no_sign_up #OSC_pass_recovery {
  	transition: transform .5s ease, opacity .7s ease;
  	left: 0;
  	padding: 0 9%;
  	width: 100%;
  }

  .back_login {
  	position: absolute;
  	top: 30px;
  }

  .cistella_buida_msg {
  	font-size: 15px;
  	text-align: center;
  }

  .cistella_buida_msg .error {

  	background-color: inherit;
  	display: inline-block;
  	padding: 10px 0px;
  	margin-bottom: 15px;
  	color: var(--color-manicura);
  	border: 1px solid var(--color-manicura);
  	width: 100%;

  }

  #close_dades_client {
  	position: absolute;
  	top: 25px;
  	right: 25px;
  	font-size: 16px;
  	cursor: pointer;
  	display: none;
  }

  .checkout #close_dades_client {
  	display: block
  }

  #close_dades_client i {
  	font-size: 25px;
  }

  #close_dades_client .popup_back {
  	display: none;
  }

  #OSC_login #close_dades_client {
  	display: block;
  	left: calc(60px + 2.5%);
  	right: unset;
  }

  #OSC_login #close_dades_client .popup_back {
  	display: block;
  }

  #OSC_login #close_dades_client .page_cart {
  	display: none;
  }

  #OSC_login #OSC_register {
  	width: 95%;
  	padding: 80px 60px 60px;
  }

  #OSC_login #OSC_register>.tit {
  	text-align: center;
  }

  /*#OSC_register .OSC_camps input:not(.val-error), #OSC_register .OSC_camps textarea:not(.val-error), #OSC_register .OSC_camps select:not(.val-error) {
	border-color: #fff;
	color: #fff;
}

#OSC_register .OSC_camps input::placeholder, #OSC_register .OSC_camps textarea::placeholder {
	color: #fff;
}*/

  #OSC_register .OSC_camps select option {
  	color: #242424;
  }

  /*#popup_sign_up #content_dades_client .full_width {
    width: 50%;
}

#popup_sign_up #content_dades_client .OSC_camps > div:nth-child(2n-1), #popup_sign_up #OSC_create_user .OSC_camps > div:nth-child(2n-1) {
    padding-right: 45px;
}

#popup_sign_up #content_dades_client .OSC_camps > div:nth-child(2n), #popup_sign_up #OSC_create_user .OSC_camps > div:nth-child(2n) {
    padding-left: 45px;
}*/

  #popup_sign_up .OSC_camps>div, #page_client .OSC_camps>div {
  	width: 100%;
  }

  #popup_sign_up #OSC_main, #page_client #OSC_main {
  	margin-bottom: auto !important
  }

  #page_client #OSC_legals_client, #OSC_register #OSC_legals_client {
  	margin-top: 40px;
  }

  #OSC_register .label_form {
  	display: none;
  }


  #OSC_register #OSC_crear_user_popup {
  	width: 100%;
  	text-align: center
  }



  @media all and (max-width: 1000px) and (min-width: 801px) {

  	#OSC_main>div {
  		width: 100%;
  	}

  	.OSC_flex {
  		flex-wrap: wrap;
  	}

  	#OSC_transport, #OSC_codi_promo {
  		width: 100%;
  		margin-right: 0;
  	}

  	.OSC_tables {
  		font-size: 14px;
  	}

  	.OSC_tables:not(.table_totals) td, .OSC_tables:not(.table_totals) th {
  		padding: 5px;
  	}

  	.no-mobile {
  		display: none;
  	}

  	.OSC_tables #subtotal td {
  		font-size: 16px;
  		padding: 10px;
  	}

  	.OSC_mod_article input {
  		padding: 2px;
  		width: 30px;
  	}

  	.no-padding {
  		padding: 0 !important
  	}

  	.OSC_content>div {
  		padding: 10px;
  	}

  	/*.OSC_mod_article > * {
		margin: 2.5px auto!important;
		display: block;
		width: 36px;
	}
	.OSC_mod_quantitat > .OSC_modificadors:first-child {
		border-right: 1px solid #e7e5e5;;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 0;
	}
	.OSC_mod_quantitat > .OSC_modificadors {
    	width: 100%;
	}
	.OSC_mod_quantitat > .OSC_modificadors:last-child {
		border-left: 1px solid #e7e5e5;;
		border-top-right-radius: 0;
		border-bottom-left-radius: 3px;
	}
	.OSC_mod_quantitat .OSC_div_mod_article input {
		font-size: 12px;
		height: inherit
	}
	.OSC_div_mod_article {
		height: 25px;
	} */



  }

  @media all and (max-width: 1000px) {
  	#OSC_main {
  		flex-wrap: wrap;
  	}

  	.checkout #OSC_left {
  		flex: unset;
  		width: 100%;
  		max-width: 100%;
  	}


  	#button_checkout {
  		min-width: 100% !important;
  	}

  	#OSC_login {
  		min-height: unset;
  	}
  }


  @media all and (max-width: 800px) {
  	#OSC_main {
  		flex-wrap: wrap;
  	}

  	#OSC_main>div {
  		width: 100% !important;
  	}

  	#OSC_left {
  		margin-right: 0;
  	}

  	.OSC_mod_article input {
  		padding: 2px;
  		width: 30px;
  	}

  	.no-padding {
  		padding: 0 !important
  	}

  	.OSC_tables {
  		font-size: 13px;
  	}

  	.OSC_tables:not(.table_totals) td, .OSC_tables:not(.table_totals) th {
  		padding: 5px;
  	}

  	/*.img_sarticle_cart {
		padding: 0!important;
	}*/

  	/*.img_sarticle_cart img {
		width: 0;
		display: none;
	}*/

  	#popup_login>div {
  		padding: 30px 2.5%;
  	}



  	#frm_condicions_cart {
  		margin: 35px 0;
  	}


  	#OSC_pay>div>table {
  		width: 100% !important;
  	}

  	#OSC_right>div {
  		padding: 0 2.5%;
  	}
  }


  @media all and (max-width: 600px) {

  	.OSC_flex {
  		flex-wrap: wrap;
  	}

  	#OSC_transport, #OSC_codi_promo {
  		width: 100%;
  		margin-right: 0;
  	}

  	table {
  		overflow: auto;
  		display: table;
  	}

  	/*.OSC_tables.table_totals tbody {
		float: right;	
	}*/
  	.OSC_tables {
  		font-size: 12px;
  	}

  	.OSC_titol_promo {
  		font-size: 14px;
  	}

  	.OSC_tables.table_titol_promo {
  		display: table;
  	}

  	.OSC_content>div {
  		padding: 10px;
  	}

  	#OSC_login #close_dades_client {
  		left: 10px;
  	}

  	/*.OSC_mod_article > * {
		margin: 2.5px auto!important;
		display: block;
		width: 36px;
	}
	.OSC_mod_quantitat > .OSC_modificadors:first-child {
		border-right: 1px solid #e7e5e5;;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 0;
	}
	.OSC_mod_quantitat > .OSC_modificadors {
    	width: 100%;
	}
	.OSC_mod_quantitat > .OSC_modificadors:last-child {
		border-left: 1px solid #e7e5e5;;
		border-top-right-radius: 0;
		border-bottom-left-radius: 3px;
	}
	.OSC_mod_quantitat .OSC_div_mod_article input {
		font-size: 12px;
		height: inherit
	}
	.OSC_div_mod_article {
		height: 25px;
	}*/

  	#popup_login {
  		flex-wrap: wrap;
  	}

  	#popup_login>div {
  		width: 100%;
  		min-height: unset;
  		padding: 40px 10%;
  	}

  	#OSC_login .mfp-close {
  		color: #333;
  	}

  	#OSC_login #popup_login_content .tit {
  		margin-bottom: 25px;
  	}

  	#OSC_login #OSC_register {
  		width: 95%;
  		padding: 80px 0 60px;
  	}

  	#popup_sign_up #content_dades_client .OSC_camps>div:nth-child(2n-1), #popup_sign_up #OSC_create_user .OSC_camps>div:nth-child(2n-1) {
  		padding-right: 5px;
  	}

  	#popup_sign_up #content_dades_client .OSC_camps>div:nth-child(2n), #popup_sign_up #OSC_create_user .OSC_camps>div:nth-child(2n) {
  		padding-left: 5px;
  	}

  	#OSC_register #OSC_crear_user_popup .boto_generic {
  		font-size: 16px;
  		min-width: unset;
  	}

  	#OSC_register #OSC_legals_client, #OSC_register #OSC_crear_user_popup {
  		width: 100%;
  	}

  	.caixa_entrar_convidat .caixa_formulari {
  		width: 100%;
  	}
  }

  /* --- Nous estils cart M24 --- */

  /* Let's get this party started */
  .info_smallcart ::-webkit-scrollbar {
  	width: 4px;
  }

  /* Track */
  .info_smallcart ::-webkit-scrollbar-track {
  	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
  }

  /* Handle */
  .info_smallcart ::-webkit-scrollbar-thumb {
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
  	background: #606060;
  	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }

  .info_smallcart ::-webkit-scrollbar-thumb:window-inactive {
  	background: #d9d9d9;
  }

  #head_login .contenidor_smallcart {
  	display: block;
  	border: none !important;
  	padding: 0;
  	float: none;
  	position: relative;
  	min-width: 0;
  	height: 0;
  	width: 0;
  	margin: 0;
  	/* top: 100px; */
  	background: none !important;
  	z-index: 1099;
  }

  #head_login .info_smallcart {
  	position: absolute;
  	max-height: 100vh;
  	width: 400px;
  	background: transparent;
  	/* box-shadow: -2px -6px 33px 2px rgba(0, 0, 0, 0.5); */
  	top: 0px;
  	/* right: 0; */
  	z-index: 1099;
  	display: flex;
  	flex-direction: column;
  	/* transform: translate3d(100vw, 0, 0); */
  	transition: transform 0.4s;
  	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  	display: flex;
  	-ms-flex-direction: column;
  	left: 19px;
  	/* border: 1px solid #000; */
  	padding: 15px 0px 0px 0px;
  	left: 10000px;
  }

  #head_login .info_smallcart .content_border {
  	border: 1px solid #000;
  	padding: 3px;
  	background: white;
  	max-height: 100vh;
  	position: relative;
  	display: flex;
  	flex-direction: column;
  	align-content: flex-end;
  }

  /*
TRIANGLE SUPERIOR
#head_login .contenidor_smallcart .info_smallcart:before {
    border: 13px solid #f4f4f4;
    content: '';
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    transform: rotate(180deg);
    
}
*/
  #head_login .contenidor_smallcart.visible .info_smallcart {
  	display: flex;
  	/* transform: translate3d(100vw, 1vh, 0); */
  	left: -260px;
  	position: absolute;
  	/* top: 16px; */
  }

  #head_login #close_small_cart {
  	padding: 10px;
  	cursor: pointer;
  }


  .info_smallcart .titol_caixa {
  	padding: 10px 10px;
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	font-size: 13px;
  	font-family: 'montserrat_semibold';
  }

  .info_smallcart .titol_caixa span {
  	cursor: pointer;
  }

  .info_smallcart .titol_caixa span:hover {
  	color: #808080;
  }

  .info_smallcart .caixa_resum_cesta:first-child {
  	/* border-bottom: 1px solid #808080; */
  }

  .info_smallcart .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta {
  	border: none !important;
  }

  .info_smallcart .titol_caixa h3 {
  	margin-bottom: 0px;
  	font-size: 13px;
  	font-family: 'montserrat_semibold';
  }

  .info_smallcart .list_products {
  	overflow-y: scroll;
  	max-height: 320px;
  }

  .info_smallcart .subtotals {
  	border-top: 1px solid #606060;
  	margin-top: 10px;
  }

  .info_smallcart .caixa_boto {
  	margin-top: 0px;
  	padding: 10px 20px;
  	justify-content: space-between;
  	display: flex;
  	align-items: center;
  	width: 100%;
  	gap: 15px;
  	margin-bottom: 0px;
  }

  #carro_petit .info_smallcart .caixa_boto a {
  	color: #fff;
  	justify-content: center;
  }

  #carro_petit .info_smallcart .caixa_boto a:hover {
  	color: var(--color-manicura);
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta.buttons_smallcart {
  	display: flex;
  	flex-direction: row;
  	max-width: 100%;
  	gap: 0px;
  }

  #head_login #carro_petit {
  	position: relative;
  }

  #head_login .info_smallcart i {
  	font-size: 12px;
  }

  #head_login .info_smallcart img {
  	height: auto !important;
  }

  #head_login #carro_petit {
  	text-transform: none;
  	cursor: pointer;
  }

  #head_login #carro_petit .small_cart_total {
  	margin-left: 12px;
  }

  #head_login #carro_petit .eti_dte {
  	display: none;
  }

  .CO_promos_disponibles h2.CO_titol_seccio {
  	padding-left: 4%;
  	font-size: 16px;
  }

  h2.CO_titol_seccio {
  	margin-bottom: 10px;
  }

  .caixa_hola {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	margin-bottom: 10%;
  }

  .caixa_hola p {
  	color: var(--color-manicura);
  	cursor: pointer;
  }

  #popup_eliminar_adreca {
  	position: relative;
  	background: #FFF;
  	padding: 30px;
  	max-width: 500px;
  	width: auto;
  	max-height: 500px;
  	overflow: auto;
  	margin: 20px auto;
  }

  .caixa_escollir_inici_client {
  	display: flex;
  	padding-top: 5%;
  	padding-bottom: 5%;
  	gap: 100px;
  	align-content: flex-start;
  }

  .caixa_escollir_inici_client .val-errors>div {
  	background: transparent !important;
  	color: #f00;
  	padding: 50px 0px 0px 0px !important;
  	gap: 10px;
  }

  .caixa_escollir_inici_client .val-errors>div {
  	background: transparent !important;
  	color: #f00;
  	padding: 50px 0px 0px 0px !important;
  	gap: 10px;
  }

  .caixa_escollir_inici_client .field {
  	margin-bottom: 30px;
  }

  .caixa_entrar_convidat {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	/* gap: 20px; */
  	padding: 10px;
  	align-items: center;
  	margin-top: -38px;
  	margin-bottom: 100px;
  	justify-content: flex-start;
  }

  .caixa_entrar_convidat .titol_caixa {
  	background-color: #fff;
  	padding: 0px 20px;
  	margin-bottom: 30px;
  }

  .caixa_entrar_convidat .titol_caixa h2 {
  	margin-bottom: 0px;
  	/* height: 19px; */
  }

  .caixa_entrar_convidat .caixa_formulari {
  	width: 50%;
  	padding-left: 12%;
  	padding-right: 12%;
  }

  .caixa_escollir_inici_client .titol_caixa {
  	text-align: center;
  }

  .caixa_escollir_inici_client .titol_caixa h2 {
  	margin-bottom: 10px;
  	text-align: left;
  }

  .caixa_escollir_inici_client .caixa_entrar_usuari_existent {
  	width: 50%;
  	padding-left: 12%;
  	/* padding-right: 10%; */
  	display: flex;
  	flex-direction: column;
  	gap: 20px;
  }

  .caixa_escollir_inici_client .caixa_crear_nou_usuari {
  	width: 50%;
  	/* padding-left: 12%; */
  	padding-right: 12%;
  	/* border-left: 1px solid #808080; */
  	display: flex;
  	flex-direction: column;
  	gap: 20px;
  }

  .caixa_escollir_inici_client .caixa_entrar_usuari_existent .label_form,
  .caixa_escollir_inici_client .caixa_crear_nou_usuari .label_form {
  	display: none;
  }

  .caixa_boto_margintop {
  	margin-top: 30px;
  	margin-bottom: 30px;
  }

  .caixa_boto {
  	/* margin-top:30px; */
  	margin-bottom: 30px;
  }

  .caixa_boto_rodo {
  	margin-top: 0px;
  	display: flex;
  	align-items: center;
  	gap: 10px;
  }

  .caixa_boto_rodo button {
  	padding: 0 8px;
  }

  #field_ets_empresa {
  	display: flex;
  	flex-direction: row;
  	align-content: center;
  	flex-wrap: wrap;
  	margin-top: 20px;
  	margin-bottom: 20px
  }

  .caixa_escollir_inici_client .caixa_crear_nou_usuari .titol_caixa p {
  	text-align: left;
  }

  .caixa_escollir_inici_client .caixa_formulari input, .caixa_pas_info_cliente .caixa_formulari input {
  	border: none;
  	border-bottom: 0.5px solid #808080;
  	padding-left: 0;
  	/* margin-bottom: 15px; */
  	color: rgba(128, 128, 128, 1);
  	font-family: "montserrat_regular";
  	font-size: 13px;
  }


  .caixa_escollir_inici_client .caixa_formulari input:focus, .caixa_pas_info_cliente .caixa_formulari input:focus {
  	border-bottom: 1px solid var(--color-manicura);
  }

  .caixa_boto a.boto_generic,
  .caixa_boto input.boto_generic,
  .caixa_boto button.boto_generic,
  .caixa_boto_margintop a.boto_generic,
  .caixa_boto_margintop input.boto_generic,
  .caixa_boto_margintop button.boto_generic {
  	vertical-align: middle;
  	padding: 0 10px;
  	background: var(--color-manicura);
  	height: 30px;
  	line-height: 30px;
  	text-transform: uppercase;
  	font-family: 'montserrat_medium';
  	text-align: center;
  	font-size: 11px !important;
  	letter-spacing: 1px;
  	text-decoration: none;
  	border: 1px solid var(--color-manicura);
  	display: inline-block;
  	width: 100%;
  	border-radius: 50px;
  	/* border-bottom: 0; */
  	color: #fff;
  	cursor: pointer;
  }

  .caixa_boto a.boto_generic:hover,
  .caixa_boto input.boto_generic:hover,
  .caixa_boto button.boto_generic:hover,
  .caixa_boto_margintop a.boto_generic:hover,
  .caixa_boto_margintop input.boto_generic:hover,
  .caixa_boto_margintop button.boto_generic:hover {
  	background: white;
  	color: var(--color-manicura);

  }

  .caixa_escollir_inici_client .caixa_formulari .field.enllac_dreta {
  	text-align: right;
  	margin-bottom: 30px;
  	font-size: 11px;
  	margin-top: 5px;
  }

  .caixa_escollir_inici_client .caixa_formulari .field.no_espai_bottom {
  	margin-bottom: 0;
  }

  #res_client .field.caixa_password {
  	position: relative;
  }

  #res_client .field.caixa_password input {
  	/* width: 85%;*/
  }

  #res_client .field.caixa_password .val-errors-content {
  	width: 85%;
  }

  #res_client .field.caixa_password .val-errors-content input {
  	width: 100%;
  }

  #res_client .caixa_password .togglePassword {
  	margin-top: 38px;
  	position: absolute;
  	right: 12px;
  	cursor: pointer;
  	color: var(--color-manicura);
  }

  .caixa_cap_passos_cistella {
  	width: 1200px;
  	display: flex;
  	justify-content: space-between;
  	flex-direction: row;
  	padding: 0 3%;
  	max-width: 98%;
  	margin: 0 auto;
  }

  .caixa_cap_passos_cistella .caixa_cap_pas_info_cliente, .caixa_cap_passos_cistella .caixa_cap_pas_info_package, .caixa_cap_passos_cistella .caixa_cap_pas_info_creditcart {
  	/* background-color: #F5F5F5; */
  	width: 100%;
  	text-align: center;
  	padding-top: 8px;
  	padding-bottom: 8px;
  	border-top: 0.5px solid #a3a3a3;
  	border-bottom: 0.5px solid #a3a3a3;
  	color: #000;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  }

  .caixa_cap_passos_cistella .caixa_cap_pas_info_cliente,
  .caixa_cap_passos_cistella .caixa_cap_pas_info_package {
  	border-right: 0.5px solid #a3a3a3;
  }

  .caixa_cap_passos_cistella .caixa_cap_pas_info_cliente.linkable:hover,
  .caixa_cap_passos_cistella .caixa_cap_pas_info_package.linkable:hover {
  	border-top: 1px solid var(--color-manicura);
  	border-bottom: 1px solid var(--color-manicura);
  	cursor: pointer;
  }

  .caixa_cap_passos_cistella .actiu {
  	background-color: var(--color-manicura);
  	border: 1px solid var(--color-manicura);
  	color: #fff;
  	/* display: flex; */
  }

  .caixa_cap_passos_cistella img {
  	display: none;
  }

  .caixa_pas_info_cliente {
  	display: flex;
  	padding-top: 5%;
  	padding-bottom: 5%;
  	color: #000;
  }

  .caixa_pas_info_cliente .caixa_form_info_cliente, .caixa_pas_info_cliente .caixa_resum_cesta, .caixa_pas_info_cliente .caixa_form_metodo_envio, .caixa_pas_info_cliente .caixa_form_metodo_pago {
  	width: 50%;
  	padding-left: 5%;
  	padding-right: 5%;
  	display: flex;
  	flex-direction: column;
  }

  .caixa_pas_info_cliente .caixa_form_info_cliente .titol_caixa h2,
  .caixa_pas_info_cliente .caixa_form_metodo_envio .titol_caixa h2,
  .caixa_pas_info_cliente .caixa_form_metodo_pago .titol_caixa h2,
  .caixa_resum_cesta .titol_caixa h2 {
  	margin-bottom: 10px;
  	/* border-bottom: 1px solid var(--color-manicura); */
  	padding-bottom: 5px;
  }

  .cartpage .caixa_resum_cesta .titol_caixa h2 {
  	margin-top: 5%;
  	margin-bottom: 10px;
  	border-bottom: 1px solid var(--color-manicura);
  	padding-bottom: 5px;
  	margin-bottom: 5px;
  	margin-left: 5%;
  	margin-right: 5%;
  }

  .cartpage .caixa_pas_info_cliente {
  	padding-top: 5px;
  }

  .caixa_pas_info_cliente .caixa_camps_doble {
  	display: flex;
  	gap: 5%;
  	min-height: 84px;
  }

  .avis_cp {
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	align-items: center;
  	gap: 10px;
  	font-size: 9px;
  	color: var(--color-manicura);
  }

  .avis_cp i {
  	font-size: 12px;
  }

  .caixa_pas_info_cliente .caixa_camps_doble .field {
  	width: 50%;
  	/* display: flex; */
  	flex-direction: column;
  }

  .caixa_pas_info_cliente .caixa_camps_doble .field select {
  	border: 0px;
  	border-bottom: 1px solid #808080;
  	margin-bottom: 15px;
  	font-weight: normal;
  	font-family: 'montserrat_regular';
  	color: rgba(128, 128, 128, 1);
  	padding-left: 0px;
  }

  .caixa_pas_info_cliente .caixa_camps_doble .field select:focus {

  	border-bottom: 1px solid var(--color-manicura);

  }

  .caixa_pas_info_cliente .caixa_formulari {
  	margin-top: 10px;
  }

  .caixa_resum_cesta {
  	/* background-color: #F4F4F4; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta {
  	/* background-color: #F4F4F4; */
  	display: flex;
  	flex-direction: column;
  	/* gap:25px; */
  	/* border: 0.5px solid #808080; */
  }

  @media all and (min-width: 800px) {
  	.caixa_resum_cesta .caixa_dades_resum_cesta {
  		display: flex !important;
  	}
  }

  #CO_cart_resum #CO_cart_resum_totals.caixa_dades_resum_cesta {
  	/* padding-top:25px; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta #form_resum_cesta {
  	/* padding: 2% 0%; */
  	display: flex;
  	flex-direction: column;
  	/* gap: 25px; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta #form_resum_cesta hr {
  	display: block;
  	height: 1px;
  	border: 0;
  	border-top: 0.5px solid #000000;
  	margin: 0;
  	padding: 0;
  	width: 90%;
  	text-align: center;
  	margin: -1px auto 0px;
  	/* padding: 0px 0px 20px 0px; */
  	border-left: 0.5px solid #000000;
  	border-right: 0.5px solid #000000;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta #form_resum_cesta hr:last-of-type {
  	display: none;
  }

  .info_smallcart .caixa_resum_cesta .caixa_dades_resum_cesta #form_resum_cesta hr {
  	/* display: none; */
  	border-top: 0.5px solid #c2c2c2;
  }

  .caixa_resum_cesta .titol_caixa h2 {
  	margin-bottom: 6px;
  }

  @media all and (max-width: 380px) {
  	.caixa_resum_cesta .titol_caixa h2 {
  		font-size: 12px;
  	}
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .espaiador {
  	height: 25px;
  	border-left: 0.5px solid #000000;
  	border-right: 0.5px solid #000000;
  }

  .info_smallcart .caixa_dades_resum_cesta .espaiador {
  	border: none;
  }

  .cartpage .caixa_resum_cesta .caixa_dades_resum_cesta .espaiador {
  	border: none !important;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta {
  	display: flex;
  	gap: 5%;
  	padding: 4% 4%;
  	/* margin-top: 20px; */
  	border-left: 0.5px solid #000000;
  	border-right: 0.5px solid #000000;
  }

  .cartpage .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta {
  	border: 0px !important;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta:first-child {

  	border-top: 0.5px solid #000000;

  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta:last-child {

  	border-bottom: 0.5px solid #000000;

  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta .caixa_img_sp_cesta {
  	width: 20%;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta .caixa_textos_sp_cesta {
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	width: 80%;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta .caixa_textos_sp_cesta .caixa_titol {
  	font-size: 13px;
  	font-weight: 500;
  	color: #000000;
  	width: 70%;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta .caixa_textos_sp_cesta .caixa_titol b {
  	font-family: montserrat_semibold !important;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_cesta .caixa_textos_sp_cesta .products_rel {
  	font-size: 11px;
  	font-weight: 500;
  	color: #000000;
  	padding: 5px 0px 10px 20px;
  	font-family: 'montserrat_regular';
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu {
  	display: flex;
  	flex-direction: column;
  	gap: 5px;
  	padding: 1% 4%;
  	padding-bottom: 20px;
  	/* border-left: 0.5px solid #808080; */
  	/* border-top: 0.5px solid #808080; */
  	/* border-right: 0.5px solid #808080; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu .caixa_titols,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu .caixa_valors {
  	display: flex;
  	justify-content: space-between;
  	font-size: 12px;
  	color: #000000;
  	/* width: 30%; */
  	font-family: 'montserrat_semibold';
  	gap: 5px;
  	/* width: 30%; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu .caixa_titols {
  	/* display:none; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu .caixa_valors .preus {
  	font-size: 12px;
  	display: flex;
  	justify-content: flex-start;
  	gap: 5px;
  	flex-direction: column;
  	text-align: right;
  	align-items: flex-end;
  	/* width: 30%; */
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu .caixa_valors .preus .preu_final {
  	font-size: 17px;
  	text-wrap: nowrap;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_quantitat_i_preu .eti_dte {
  	background-color: red;
  	color: white;
  	padding: 1px 5px;
  	border-radius: 5px;
  	font-family: 'montserrat_semibold';
  	font-size: 12px;
  	max-width: fit-content;
  	display: none;
  }

  .quantitats {
  	display: flex;
  	gap: 10px;
  	font-size: 12px;
  	align-items: center;
  	justify-content: space-between;
  }

  .quantitats .quantitat input {
  	border: none;
  	font-size: 17px;
  	width: 60%;
  	text-align: center;
  	padding: 3px;
  	color: #000;
  }

  .quantitats .quantitat {
  	border: 0.5px solid #cfcfcf;
  	padding: 0px;
  	display: flex;
  	width: 100px;
  	border-radius: 50px;
  }

  .quantitats span.modificador {
  	cursor: pointer;
  	margin: 0px 5px;
  	/* color: var(--color-manicura); */
  	font-size: 14px;
  	width: 30%;
  	text-align: center;
  	/* line-height: 30px; */
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	/* margin-top: -2px; */
  	padding: 0px;
  	font-family: sans-serif;
  }

  .quantitats span.modificador:hover {
  	color: var(--color-manicura);

  }

  .quantitats span.color_manicura {
  	padding-left: 5px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_text_avis_ahorro {
  	width: 100%;
  	color: var(--color-manicura);
  	text-align: right;
  	font-size: 13px;
  	padding: 1% 4%;
  	display: flex;
  	justify-content: space-between;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta {
  	padding: 3% 4%;
  	display: flex;
  	background-color: #fff;
  	border: 1px solid var(--color-manicura);
  	color: #606060;
  	gap: 5%;
  	flex-wrap: wrap;
  	justify-content: space-between;
  }

  .info_smallcart .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta,
  .info_smallcart .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta {

  	max-width: 96%;
  	width: 96%;
  	margin: 0 auto;

  }

  .caixa_sp_regal_cesta~.caixa_sp_promo_cesta {
  	/* border-top: none!important; */
  	/* padding-top: 20px!important; */
  	margin-top: -1px;
  }

  .caixa_resum_cesta #CO_cart_resum_totals {
  	border-top: 0px;
  	border-left: 0.5px solid #808080;
  	border-right: 0.5px solid #808080;
  	border-bottom: 0.5px solid #808080;
  }

  .caixa_resum_cesta #CO_cart_resum_totals .caixa_sp_promo_cesta,
  .caixa_resum_cesta #CO_cart_resum_totals .caixa_sp_regal_cesta {
  	margin: -1px -1px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible {
  	padding: 3% 4%;
  	display: flex;
  	background-color: #fff;
  	border: 1px solid var(--color-manicura);
  	color: #606060;
  	gap: 5%;
  	flex-wrap: wrap;
  	flex-direction: column;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible .caixa_desc_promo_disponible {
  	display: flex;
  	gap: 10px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible .articles_promo {
  	display: flex;
  	gap: 20px;
  	flex-direction: column;
  	margin-top: 20px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible .articles_promo .article_promo {
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	align-items: center;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible .articles_promo .total_promo {
  	display: flex;
  	justify-content: flex-end;
  	align-items: center;
  	padding-top: 20px;
  	border-top: 1px solid #808080;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible .articles_promo .article_promo i.fa-regular {
  	font-size: 30px;
  	color: var(--color-manicura);

  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_disponible .articles_promo .article_promo button {
  	padding: 0 8px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_img_sp_cesta,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_img_sp_cesta {
  	width: 20%;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_textos_sp_cesta,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_textos_sp_cesta {
  	width: 60%;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	color: #000000;
  	font-size: 12px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_textos_sp_cesta {
  	width: 75%;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_textos_puntos_cesta {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	justify-content: flex-start;
  	color: #000000;
  	font-size: 13px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_textos_puntos_cesta .punts_utilitzats {
  	display: flex;
  	justify-content: space-between;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_textos_sp_cesta .titol,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_textos_sp_cesta .titol,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .titol {
  	font-size: 13px;
  	color: var(--color-manicura);
  	text-transform: uppercase;
  	font-weight: bold;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .subtitol {
  	margin-top: 10px;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .titol .codi_promo {
  	background-color: var(--color-manicura);
  	border-radius: 5px;
  	padding: 5px 15px;
  	color: white;
  	font-weight: bold;
  	margin-bottom: 20px;
  	margin-left: 8px;
  	font-family: 'montserrat_semibold';
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_textos_sp_cesta .subtitol,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_textos_sp_cesta .subtitol {
  	font-size: 13px;
  	color: #000000;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_textos_sp_cesta .text {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_textos_sp_cesta .text span {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_botocheck_sp_cesta,
  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_botocheck_sp_cesta {
  	width: 10%;
  	display: flex;
  	flex-direction: row;
  	text-align: center;
  	color: var(--color-manicura);
  	font-size: 22px;
  	align-items: center;
  	justify-content: space-between;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_promo_cesta .caixa_botocheck_sp_cesta .fa-regular {
  	font-weight: 100;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta textarea {
  	max-width: 100%;
  	width: 100% !important;
  	max-height: 100px;
  	height: 70px;
  	border: 1px solid #e8e8e8;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_sp_regal_cesta .caixa_text_area_cesta {
  	margin-top: 10px;
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	text-align: center;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_preus_totals_cesta {
  	padding: 1% 4% 4%;
  	display: flex;
  	flex-direction: column;
  	gap: 5px;
  	color: #000000
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_preus_totals_cesta .caixa_subtotal, .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_preus_totals_cesta .caixa_gastos_envio {
  	display: flex;
  	justify-content: space-between;
  	font-size: 13px;
  	color: #000000;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_preus_totals_cesta .caixa_total {
  	font-weight: 700;
  	display: flex;
  	justify-content: space-between;
  	font-size: 13px;
  	text-transform: uppercase;
  	font-family: 'montserrat_bold';
  	color: #000000;
  }

  .caixa_resum_cesta .caixa_dades_resum_cesta .caixa_preus_totals_cesta .caixa_total .txt_iva_inc {
  	text-transform: none;
  	font-family: 'montserrat_regular';
  	font-weight: 400;
  	font-size: 10px;
  }

  .caixa_pas_info_cliente .caixa_form_metodo_envio .text_sota_titol, .caixa_pas_info_cliente .caixa_form_metodo_pago .text_sota_titol {
  	margin-top: 10px;
  	margin-bottom: 20px;
  }

  .caixa_formulari_metodo_envio form, .caixa_formulari_metodo_pago form {
  	display: flex;
  	flex-direction: column;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio {
  	display: flex;
  	justify-content: space-between;
  	gap: 15px;
  	padding-top: 8px;
  	padding-bottom: 8px;
  	border-top: 1px solid #808080;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio:first-child {
  	border-top: none;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio input {
  	width: 15px;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label {
  	display: flex;
  	width: calc(100% - 15px);
  }

  .field.mes_espai_field {
  	margin-top: 30px;
  	margin-bottom: 40px;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label .imatge_tipus_envio {
  	width: 15%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label .imatge_tipus_envio img {
  	max-width: 50px;
  	margin: 0 auto;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label .textos_tipus_envio {
  	width: 70%;
  	padding-left: 2%;
  	padding-right: 10%;
  	display: flex;
  	flex-direction: column;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label .textos_tipus_envio .titol {
  	font-size: 14px;
  	font-weight: 500;
  	color: #000;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label .textos_tipus_envio .text {
  	font-size: 11px;
  	font-weight: 400;
  	color: #000;
  }

  .caixa_formulari_metodo_envio .caixa_tipo_envio label .preu_envio {
  	width: 15%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  }


  .caixa_formulari_metodo_envio .text_info_portes_cesta,
  .text_info_error_pago {
  	display: flex;
  	gap: 15px;
  	font-size: 12px;
  	/* margin: 0px auto; */
  	width: 90%;
  	color: red;
  	padding-top: 0px;
  	align-items: center;
  }

  .caixa_formulari_metodo_envio .text_info_portes_cesta div,
  .text_info_error_pago div {
  	max-width: 30px;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  }

  .text_info_error_pago i.fal, .text_info_error_pago i.fa {
  	font-size: 18px;
  }

  .caixa_text_avis_transport_general {
  	font-size: 12px;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	margin-bottom: 30px;
  	border-top: 1px solid #808080;
  	border-bottom: 1px solid #808080;
  	padding-left: 10px;
  	padding-right: 10px;
  }

  .caixa_formulari_metodo_pago .caixa_tipo_pago {
  	display: flex;
  	justify-content: space-between;
  	padding-top: 8px;
  	padding-bottom: 8px;
  	border-top: 1px solid #808080;
  	align-items: center;
  }

  .caixa_formulari_metodo_pago .caixa_tipo_pago.only-mobile {
  	display: none;
  }

  @media only screen and (max-width: 768px) {

  	/* For mobile phones: */
  	.caixa_formulari_metodo_pago .caixa_tipo_pago.only-mobile {
  		display: flex;
  	}
  }

  .caixa_formulari_metodo_pago .caixa_tipo_pago:first-child {
  	border-top: none;
  }

  .caixa_formulari_metodo_pago .caixa_tipo_pago label {
  	width: 90%;
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	flex: 1 1;
  }

  .caixa_formulari_metodo_pago .caixa_tipo_pago label>div {
  	/* max-width: 50%; */
  	text-align: right;
  }

  .caixa_formulari_metodo_pago .caixa_tipo_pago .textos_tipus_fp {
  	font-size: 14px;
  	color: #000000;
  	text-align: left;
  	padding-left: 10px;
  }

  .caixa_tipo_pago .imatge_tipus_envio img {
  	max-height: 30px;
  	max-width: 100px;
  }

  .caixa_envolver_para_regalo {
  	width: 100%;
  	padding: 6% 4% 6%;
  	display: flex;
  	justify-content: space-between;
  	gap: 10px;
  	cursor: pointer;
  }

  .caixa_envolver_para_regalo input {
  	width: 15px;
  }

  .caixa_envolver_para_regalo label {
  	display: flex;
  	width: calc(100% - 15px);
  	justify-content: space-between;
  }

  .caixa_envolver_para_regalo span.text {
  	color: var(--color-manicura);
  	font-size: 14px;
  }

  .caixa_envolver_para_regalo span.preu {
  	font-weight: 600;
  	font-size: 13px;
  	color: #000000;
  	text-wrap: nowrap;
  }

  .caixa_text_envolver_para_regalo {
  	display: none;
  	padding: 0% 4%;
  	align-items: center;
  	margin-bottom: 3%;
  	/* margin-top: -6%; */
  }

  .caixa_text_envolver_para_regalo .caixa_imatge {
  	height: 70px;
  	width: 85px;
  }

  .caixa_text_envolver_para_regalo textarea {
  	height: 70px;
  	border: none;
  	font-family: "montserrat_regular";
  	font-size: 12px;
  }

  .caixa_text_envolver_para_regalo .caixa_boto .boto_generic {
  	margin-left: 10px;
  	/* width: 30px; */
  	outline: none;
  	padding: 6px 4px;
  	cursor: pointer;
  	color: #fff;
  	/* border: 1px solid #00263F; */
  	transition: all .25s ease;
  	/* background: rgba(0,38,63,1); */
  	border-radius: 50%;
  	font: 400 13.3333px Arial;
  }

  .caixa_resum_cesta .caixa_afegir_promo {
  	padding: 4% 4% 2%;
  	display: flex;
  	flex-direction: column;
  	gap: 5px;
  }

  .caixa_resum_cesta .caixa_afegir_promo .text {
  	font-size: 14px;
  	color: var(--color-manicura);
  }

  .caixa_resum_cesta .caixa_afegir_promo .caixa_input {
  	border-bottom: 1px solid #000000;
  }

  .caixa_resum_cesta .caixa_afegir_promo .caixa_input input {
  	border: none;
  	background-color: inherit;
  	font-family: "montserrat_regular";
  	width: 100%;
  }

  .caixa_resum_cesta .caixa_afegir_promo .text_info {
  	display: none;
  }

  .zona_resum_cesta .caixa_resum_cesta .caixa_afegir_promo .caixa_input,
  .zona_resum_cesta .caixa_resum_cesta .caixa_afegir_promo .caixa_boto,
  .zona_resum_cesta .caixa_resum_cesta .caixa_afegir_promo .caixa_boto_margintop {
  	display: none;
  }

  .zona_resum_cesta .caixa_resum_cesta .caixa_afegir_promo .text_info {
  	display: block;
  	margin-bottom: 5%;
  }

  .caixa_pedido_finalizado {
  	text-align: center;
  	display: flex;
  	flex-direction: column;
  	max-width: 500px;
  	margin: 40px auto;
  	gap: 25px;
  }

  .caixa_pedido_finalizado h1 {
  	margin-bottom: 0;
  }

  .caixa_pedido_finalizado h2 {
  	font-size: 17px;
  	margin-bottom: 0;
  }

  .caixa_pas_info_cliente .caixa_dades_client {
  	padding-top: 20px;
  	padding-bottom: 20px;

  }

  .caixa_pas_info_cliente .caixa_form_info_cliente .titol_caixa {
  	border-bottom: 0.5px solid #000000;
  }

  .caixa_pas_info_cliente .caixa_dades_client h3 {
  	color: #000000;
  	margin-top: 10px;
  	margin-bottom: 20px;
  }

  .caixa_pas_info_cliente .caixa_dades_client .titol_adreces a {

  	margin-bottom: 20px;
  }

  #formulari_editar_dades h3 {
  	color: #606060;
  	margin-top: 10px;
  	margin-bottom: 20px;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals {
  	padding: 10px;
  	background-color: #fff;
  	border: 1px solid #000;
  	display: flex;
  	justify-content: space-between;
  	margin-bottom: 20px;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.facturacio:hover {
  	background-color: #fff;
  	border: 1px solid #a0a0a0;
  	cursor: default !important;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.facturacio .columna1:hover {
  	/* background-color: #f4f4f4; */
  	cursor: default !important;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals:hover,
  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.show_only {
  	background-color: #fff;
  	border: 1px solid #ca4871;
  	background-color: #f4f4f4;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals .columna1 i.fa {

  	color: #ca4871;

  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.active {
  	background-color: #fff;
  	border: 1px solid #ca4871;
  	color: #808080 !important;

  }


  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals .columna1 {
  	width: 79%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	color: #000000;
  	cursor: pointer;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.active .columna1,
  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.facturacio .columna1 {
  	width: 79%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	color: #000000;
  	cursor: default;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals.active .columna1 span.name_addr::after {
  	content: "\f058";
  	color: #ca4871;
  	font-family: var(--fa-style-family, "Font Awesome 6 Free");
  	font-weight: 900;
  	margin-left: 10px;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals .columna2 {
  	width: 20%;
  	text-align: right;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals .columna2 a,
  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals .columna2 span {
  	cursor: pointer;
  	color: var(--color-manicura);
  	font-size: 12px;
  }

  .caixa_pas_info_cliente .caixa_dades_client .caixa_dades_actuals .columna2 i.fa {
  	margin-right: 5px;
  }

  .caixa_enllac_text_legal {
  	margin-bottom: 30px;
  }

  .caixa_enllac_text_legal input {
  	margin-bottom: 0 !important;
  }

  .titol_adreces {
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	width: 100%;
  	margin-bottom: 10px;
  	margin-top: 10px;
  }

  .caixa_pas_info_cliente .caixa_dades_client .titol_adreces h3 {
  	margin-top: 0px;
  }

  .oculta_caixa {
  	display: none;
  }

  .mes_espai_top {
  	margin-top: 30px;
  }

  .color_manicura {
  	color: var(--color-manicura);
  }

  .delete_item {
  	/* color: #E52F1E; */
  	cursor: pointer;
  	font-size: 10px;
  	line-height: 13px;
  	vertical-align: middle;
  	margin-left: 5px;
  	font-size: 12px;
  }

  .delete_item .fa {
  	font-weight: 100;

  }

  .nowrap {
  	text-wrap: nowrap;
  }

  .bloc_promo_cart h3 {
  	margin-bottom: 5px;
  }

  .titol_caixa_flex #boto_mostrar_carro_en_mobil {
  	display: none;
  }

  @media all and (max-width: 1475px) {
  	#head_login .contenidor_smallcart.visible .info_smallcart {

  		left: -350px;
  	}

  }

  @media all and (max-width: 1010px) {
  	#head_login .contenidor_smallcart.visible .info_smallcart {
  		left: -380px;
  	}


  	#carro_petit .info_smallcart .caixa_boto a,
  	#carro_petit .info_smallcart .caixa_boto_margintop a {
  		color: #fff;
  		justify-content: center;
  		padding: 0 5px;
  	}

  	#head_login #carro_petit #close_small_cart {
  		display: block;
  		font-family: 'montserrat_semibold';
  		font-size: 14px;
  	}

  	.caixa_entrar_convidat .caixa_formulari {
  		width: 100%;
  		padding-left: 12%;
  		padding-right: 12%;
  	}

  	.caixa_entrar_convidat .titol_caixa {
  		background-color: #fff;
  		padding: 0px 0px;
  	}

  	.caixa_entrar_convidat {
  		padding: 20px 0px 0px;
  		/* border-top: 1px solid #808080; */
  		margin-bottom: 40px;
  		margin-top: 10px;
  	}

  	hr.deco_titol {
  		/* display:none; */
  	}

  	.caixa_formulari_metodo_envio .caixa_tipo_envio label .textos_tipus_envio {
  		padding-left: 6%;
  		padding-right: 8%;
  	}

  	.caixa_formulari_metodo_envio .caixa_tipo_envio label .imatge_tipus_envio img {
  		max-width: 100%;
  	}

  	.caixa_resum_cesta .caixa_dades_resum_cesta #form_resum_cesta {
  		width: 100%;
  	}
  }

  @media all and (max-width: 800px) {
  	.caixa_cap_passos_cistella img {
  		display: block;
  		max-width: 20px;
  	}

  	.caixa_cap_passos_cistella span {
  		display: none;
  	}

  	.caixa_escollir_inici_client {
  		flex-direction: column;
  		justify-content: flex-start;
  		gap: 0px;
  	}

  	.caixa_escollir_inici_client .caixa_entrar_usuari_existent {
  		width: 100%;
  		padding-left: 5%;
  		padding-right: 5%;
  	}

  	.caixa_escollir_inici_client .caixa_crear_nou_usuari {
  		width: 100%;
  		padding-left: 5%;
  		padding-right: 5%;
  		border-left: none;
  		margin-top: 5%;
  		padding-top: 5%;
  		border-top: 1px solid #808080;
  		/* margin-bottom: 60px; */
  	}

  	.caixa_escollir_inici_client .val-errors>div {
  		padding: 10px 0px 0px 0px !important;
  	}

  	.caixa_pas_info_cliente {
  		flex-direction: column;
  		/* background-color: #F4F4F4; */
  	}

  	.caixa_pas_info_cliente .caixa_form_info_cliente, .caixa_pas_info_cliente .caixa_resum_cesta, .caixa_pas_info_cliente .caixa_form_metodo_envio, .caixa_pas_info_cliente .caixa_form_metodo_pago {
  		width: 100%;
  		padding-left: 0;
  		padding-right: 0;
  		/* margin-bottom: 35px; */
  	}

  	.caixa_pas_info_cliente .caixa_form_info_cliente .titol_caixa h2, .caixa_pas_info_cliente .caixa_form_metodo_envio .titol_caixa h2, .caixa_pas_info_cliente .caixa_form_metodo_pago .titol_caixa h2 {
  		font-size: 17px;
  	}

  	.caixa_pas_info_cliente .caixa_camps_doble .field {
  		width: 100%;
  		margin-bottom: 20px;
  	}

  	.caixa_pas_info_cliente .caixa_camps_doble {
  		flex-direction: column;
  		min-height: 30px;
  	}

  	#field_ets_empresa {
  		margin-top: 0px;
  		margin-bottom: 10px;
  	}

  	.caixa_escollir_inici_client .caixa_formulari input, .caixa_pas_info_cliente .caixa_formulari input {
  		/* border: none; */
  		/* border-bottom: 1px solid #808080; */
  		/* padding-left: 0; */
  		/* margin-bottom: 15px; */
  		/* color: rgba(128, 128, 128, 1); */
  		/* font-family: "montserrat_regular"; */
  		/* font-size: 13px; */
  		/* padding-top: 10px; */
  		padding-bottom: 0px;
  	}

  	#head_login .info_smallcart img {
  		height: 60px !important;
  	}

  	.caixa_resum_cesta:first-child .caixa_dades_resum_cesta {
  		padding-bottom: 30px;
  	}

  	/*#CO_cart_resum_productes.oculta_mobil {
		height: 0;
	}*/
  	#CO_cart_resum_productes {
  		display: none;
  	}

  	.titol_caixa_flex {
  		display: flex;
  		justify-content: space-between;
  	}

  	.titol_caixa_flex #boto_mostrar_carro_en_mobil {
  		cursor: pointer;
  		color: #666;
  		display: block;
  		/*flex-direction: column;*/
  		justify-content: center;
  		padding-top: 20px;
  		gap: 5px;

  		font-size: 13px;
  	}

  	.zona_resum_cesta #CO_cart_resum_productes {
  		display: block;
  	}

  	.caixa_pas_info_cliente .caixa_dades_client {
  		padding-top: 0;
  		padding-bottom: 0;
  	}

  	.caixa_hola {
  		margin-top: 5%;
  	}
  }

  @media all and (max-width:475px) {
  	#head_login .info_smallcart {
  		top: 0;
  		overflow-x: hidden;
  		transform: translate3d(115%, 0, 0);
  		transition: transform 0.4s;
  		transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  		display: flex;
  		position: fixed;
  	}

  	#head_login .contenidor_smallcart.visible .info_smallcart {
  		transform: translate3d(0%, 0, 0);
  		position: fixed;
  		right: 0px;
  		left: auto;
  		max-width: 100%;
  		top: -15px;
  		/* height: 100vh; */
  		/* display: flex; */
  		/* align-content: space-around; */
  		/* flex-wrap: wrap; */
  	}

  	.titol_caixa h2 {
  		font-size: 14px;
  		margin: 5% 0 0 0;
  	}

  	hr {
  		display: none;
  	}
  }

  /* --- Fi nous estils cart M24 --- */