#custom-step-process{
	padding: 32px 32px;
	border: 1px solid var(--ast-border-color);
	border-radius: .4rem;
	min-height: 0;
	overflow: visible;
	scroll-margin-top: 92px;
}

#custom-step-process .nubily-antispam-field {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

#custom-step-process .steps.flex {
	display: none !important;
}

.checkout-progress-seeds {
	width: min(760px, 100%);
	margin: 2px auto 34px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	position: relative;
}

.checkout-progress-seeds::before {
	content: "";
	position: absolute;
	top: 23px;
	left: 9%;
	width: 82%;
	height: 3px;
	background: repeating-linear-gradient(90deg, #cfd2da 0 8px, transparent 8px 16px);
	z-index: 0;
}

.checkout-progress-seeds .seed-step {
	text-align: center;
	color: #4d535e;
	font-size: 15px;
	font-weight: 750;
	position: relative;
	z-index: 1;
}

.checkout-progress-seeds .seed-circle {
	width: 48px;
	height: 48px;
	margin: 0 auto 11px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #f8f8fa;
	border: 2px solid #dee0e6;
	color: #555b65;
	font-size: 22px;
	font-weight: 900;
	box-shadow: 0 6px 15px rgba(0, 0, 0, .05);
}

.checkout-progress-seeds .seed-step.active {
	color: var(--step1-coral, #ff5b4f);
}

.checkout-progress-seeds .seed-step.active .seed-circle {
	background: var(--step1-coral, #ff5b4f);
	border-color: var(--step1-coral, #ff5b4f);
	color: #fff !important;
	box-shadow: 0 13px 28px rgba(255, 91, 79, .32);
}
.nub-block-components-text-input{
	background-color: #fff;
	border-color: var(--ast-border-color);
	box-shadow: none;
	border: 1px solid hsla(0, 0%, 7%, .8);
	border-radius: 4px!important; 
}

.step label {
	font-weight: 400;
	line-height: 40px;
}

.step a.active-link{
	text-decoration: none;
	font-weight: 900;
}

.step .woocommerce-placeholder{
	object-fit: cover;
}

.step .button-container{
	text-align: end;
}
.container-categorias {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 20px;
}

.card-categorias {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
	text-align: center;
}


.card-categorias img {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}


button#step-1-next:disabled, button#step-2-next:disabled {
	background-color: #0101013b;
}

.info-container {
	display: flex;
	margin-bottom: .8rem;
}

svg.check-fill {
	fill: #21cf00;
	margin-right: .8rem;
	height: 1.2rem;
	margin-top: .4rem;
	display: block;
	vertical-align: middle;
}

.steps.flex {
	margin-top: 2rem;
	margin-bottom: 3rem;
	margin-left: 8rem;
	margin-right: 8rem;
	display: flex;
	justify-content: space-between;
}

.circle {
	border-radius: 9999px;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	--bg-opacity: 1;
	background-color: #e0e0e0;
	background-color: rgba(224, 224, 224);
	width: 40px;
	height: 40px;
	z-index: 10;
}

.circle.done {
	background-color: #21cf00;
	border-radius: 99999999999px;
}

.circle.done .icon {
	fill: #fff;
}

.circle .icon {
	height: 1rem;
	width: auto;
	fill: #828282;
}

.steps .line {
	position: relative;
	flex: 1 1 0%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.steps .line:after {
	height: .4rem;
	position: absolute;
	background-color: #e0e0e0;
	width: 110%;
	content: "";
}

.steps .line.done:after {
	height: .3rem;
	position: absolute;
	width: 110%;
	content: "";
	background-color: #21cf00;
}



.back-button, button.category-selection, button.btn.button.selection-button {
	background-color: transparent;
	border-width: .1rem;
    margin-top:8px;
    color: #FAD364;
}

.card-categorias button.category-selection {
	display: block;
	width: 100%;
	text-align: center;
}

.container-categorias.row > .col-xs-12.col-md-6.col-lg-4.col-12 {
	padding-left: 0;
	padding-right: 0;
}

.back-button:hover, button.category-selection:hover, button.btn.button.selection-button:hover {
    color: #FAD364;
}


button.category-selection.category-selected, button.btn.button.selection-button.selected {
	background-color: var(--ast-global-color-0);
	color: #ffffff;
	border-color: var(--ast-global-color-0);
	border-width: 0;
}

select#envio-provincia, .nub_country_field select{
	padding:8px 16px!important;
}

#step-4-cancell {
	margin-top: 32px;
	margin-right: 16px;
	background-color: #ffffff;
	color: red;
	text-decoration: none;
	border: 2px solid red;
}

#step-4-cancell:hover {
	background-color: red;
	color: #fff;
}

#product-options{
	display: block;
	height: auto;
}

#product-options .product-options-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

#product-options .product-col {
	padding-left: 0;
	padding-right: 0;
}

#product-options .product-col .card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
}

#product-options .product-col img {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#product-options .product-col .selection-button {
	display: block;
	width: 100%;
	text-align: center;
}

/* Step 2 layout copied from paso 2.html. */
#step-2 .step2-layout {
	max-width: 1180px;
	margin: 0 auto;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
	--step2-coral: #FA7268;
	--step2-coral-soft: #ff9a92;
	--step2-navy: #071539;
	--step2-text: #293244;
	--step2-muted: #737b8b;
	--step2-teal: #14bdbb;
	--step2-soft-bg: #fff8f4;
}

#step-2 .step2-hero {
	text-align: center;
	margin-bottom: 22px;
}

#step-2 .step2-hero h2 {
	margin: 0;
	color: var(--step2-navy);
	font-size: clamp(28.5px, 3.3vw, 45px);
	line-height: 1.03;
	font-weight: 950;
}

#step-2 .step2-hero h2 span {
	color: var(--step2-coral) !important;
}

#step-2 .step2-underline {
	width: 104px;
	height: 5px;
	background: var(--step2-coral) !important;
	border-radius: 99px;
	margin: 18px auto 17px;
	transform: rotate(-1deg);
}

#step-2 .step2-lead {
	margin: 0 auto;
	max-width: 760px;
	color: #2e374a;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 500;
}

#step-2 .step2-summary-bar {
	max-width: 700px;
	margin: 22px auto 28px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	border: 1.5px solid rgba(250, 114, 104, .20);
	border-radius: 14px;
	background: rgba(255, 248, 244, .72);
	overflow: hidden;
}

#step-2 .step2-summary-item {
	min-height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--step2-navy);
	font-size: 16px;
	font-weight: 900;
}

#step-2 .step2-summary-item + .step2-summary-item {
	border-left: 1px solid rgba(250, 114, 104, .24);
}

#step-2 .step2-summary-item svg {
	width: 27px;
	height: 27px;
	color: var(--step2-coral) !important;
	stroke: currentColor;
}

#step-2 .step2-price strong {
	color: var(--step2-coral) !important;
	font-size: 25px;
	margin-right: 2px;
}

#step-2 #product-options {
	margin-bottom: 30px;
}

#step-2 #product-options .product-options-grid {
	max-width: 990px;
	margin: 0 auto;
	justify-content: center;
	--bs-gutter-x: 24px !important;
	--bs-gutter-y: 24px !important;
}

#step-2 #product-options .product-col {
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
}

#step-2 #product-options .age-card {
	position: relative;
	min-height: 290px;
	padding: 22px 20px 25px;
	border-radius: 18px;
	border: 2px solid transparent;
	background: #fff;
	box-shadow: 0 10px 24px rgba(7, 21, 57, .08);
	text-align: center;
	cursor: pointer;
	outline: none;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#step-2 #product-options .age-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 44px rgba(7, 21, 57, .11);
}

#step-2 #product-options .age-card.selected {
	border-color: var(--step2-coral);
	box-shadow: 0 22px 48px rgba(250, 114, 104, .28);
	transform: translateY(-3px);
}

#step-2 #product-options .age-card .check {
	position: absolute;
	top: -20px;
	right: -15px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: radial-gradient(circle at 34% 25%, var(--step2-coral-soft), var(--step2-coral) 72%);
	color: #fff !important;
	display: grid;
	place-items: center;
	font-size: 31px;
	font-weight: 950;
	box-shadow: 0 13px 25px rgba(250, 114, 104, .36);
	transform: scale(.65);
	opacity: 0;
	transition: transform .16s ease, opacity .16s ease;
}

#step-2 #product-options .age-card.selected .check {
	opacity: 1;
	transform: scale(1);
}

#step-2 #product-options .product-photo {
	width: 100%;
	border-radius: 15px;
	margin-bottom: 19px;
	background: linear-gradient(135deg, #f1f1f3, #fbfbfc);
	box-shadow: inset 0 0 30px rgba(7,21,57,.04);
	overflow: hidden;
}

#step-2 #product-options .product-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#step-2 #product-options .age-card h2 {
	margin: 0;
	color: var(--step2-navy);
	font-size: 26px;
	line-height: 1.1;
	font-weight: 950;
}

#step-2 #product-options .age {
	margin: 7px 0 6px;
	color: var(--step2-coral) !important;
	font-size: 20px;
	font-weight: 950;
}

#step-2 #product-options .mini-line {
	width: 48px;
	height: 3px;
	margin: 0 auto 13px;
	background: var(--step2-coral) !important;
	border-radius: 99px;
	opacity: .75;
}

#step-2 #product-options .age-card p {
	margin: 0 auto;
	max-width: 265px;
	color: #14213a;
	font-size: 15px;
	line-height: 1.42;
	font-weight: 500;
}

#step-2 #product-options .age-card .selection-button {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

#step-2 .step2-bottom-panel {
	margin: 0 auto;
	padding: 16px 24px;
	border: 1.5px solid rgba(250, 114, 104, .22);
	border-radius: 17px;
	background: linear-gradient(90deg, rgba(255, 248, 244, .8), #fff);
	box-shadow: 0 8px 24px rgba(7, 21, 57, .04);
	display: grid;
	grid-template-columns: 1fr 1fr 340px;
	gap: 18px;
	align-items: center;
}

#step-2 .step2-info {
	min-height: 84px;
	display: flex;
	align-items: center;
	gap: 18px;
	text-align: left;
}

#step-2 .step2-info + .step2-info {
	border-left: 1px solid rgba(250, 114, 104, .24);
	padding-left: 30px;
}

#step-2 .step2-info-icon {
	width: 60px;
	min-width: 60px;
	height: 60px;
	display: grid;
	place-items: center;
}

#step-2 .step2-heart {
	color: var(--step2-coral) !important;
}

#step-2 .step2-calendar {
	color: var(--step2-teal);
}

#step-2 .step2-info strong {
	display: block;
	color: var(--step2-navy);
	font-size: 18px;
	font-weight: 950;
	margin-bottom: 6px;
}

#step-2 .step2-info span {
	display: block;
	color: #263145;
	font-size: 15px;
	line-height: 1.42;
	font-weight: 500;
}

#step-2 .step2-cta-area {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	text-align: center;
}

#step-2 .step2-selected-copy {
	min-height: 16px;
	color: var(--step2-muted);
	font-size: 13px;
	font-weight: 700;
}

#step-2 #step-2-next {
	border: 0;
	border-radius: 999px;
	background: radial-gradient(circle at 25% 20%, var(--step2-coral-soft), var(--step2-coral) 72%);
	color: #fff !important;
	font-size: 27px;
	font-weight: 950;
	padding: 19px 30px;
	cursor: pointer;
	box-shadow: 0 14px 30px rgba(250, 114, 104, .34);
	transition: transform .17s ease, box-shadow .17s ease, filter .17s ease;
}

#step-2 #step-2-next:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(250, 114, 104, .40);
	filter: brightness(1.03);
}

#step-2 #step-2-next:disabled {
	opacity: .45;
	cursor: not-allowed;
	transform: none;
}

#step-2 #step-2-back {
	margin: 0;
	border: 1.5px solid rgba(250, 114, 104, .42);
	border-radius: 999px;
	color: var(--step2-coral) !important;
	background: #fff;
	padding: 11px 20px;
}

#step-2 .step2-small {
	color: #626978;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
}

/* Step 1 redesign inspired by paso 1.html, preserving site colors/fonts. */
#step-1 .step1-layout {
	max-width: 1180px;
	margin: 0 auto;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
	--step1-coral: #ff5b4f;
	--step1-coral-soft: #ff7a70;
	--step1-navy: #10213f;
	--step1-text: #384052;
}

#step-1 .step1-hero {
	text-align: center;
	margin-bottom: 28px;
}

#step-1 .step1-hero h2 {
	margin: 0;
	font-size: clamp(28.5px, 3.3vw, 45px);
	line-height: 1.03;
	font-weight: 950;
	color: var(--step1-navy);
}

#step-1 .step1-hero h2 span {
	color: var(--step1-coral) !important;
}

#step-1 .step1-underline {
	width: 92px;
	height: 5px;
	background: var(--step1-coral);
	border-radius: 999px;
	margin: 14px auto 16px;
}

#step-1 .step1-lead {
	max-width: 760px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 500;
	color: var(--step1-text);
}

#step-1 .step1-summary-bar {
	max-width: 700px;
	margin: 22px auto 42px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	border: 1.5px solid rgba(255, 91, 79, .20);
	border-radius: 14px;
	background: rgba(255, 248, 244, .72);
	overflow: hidden;
}

#step-1 .step1-summary-item {
	min-height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--step1-navy);
	font-size: 16px;
	font-weight: 900;
	text-align: center;
}

#step-1 .step1-summary-item + .step1-summary-item {
	border-left: 1px solid rgba(255, 91, 79, .24);
}

#step-1 .step1-summary-item svg {
	width: 27px;
	height: 27px;
	color: var(--step1-coral) !important;
	stroke: currentColor;
	flex: 0 0 auto;
}

#step-1 .summary-books-icon,
#step-2 .summary-books-icon {
	width: 30px;
	height: 30px;
	color: inherit !important;
	stroke: none;
}

#step-1 .step1-price strong {
	color: var(--step1-coral) !important;
	font-size: 25px;
	margin-right: 2px;
}

#step-1 .container-categorias.step1-cards {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	gap: 0;
	justify-content: center;
	margin-bottom: 22px;
	margin-top: 6px;
	--bs-gutter-x: 24px !important;
	--bs-gutter-y: 24px !important;
}

#step-1 .container-categorias.step1-cards > .col-xs-12,
#step-1 .container-categorias.step1-cards > .col-12 {
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
}

#step-1 .step1-card {
	position: relative;
	min-height: 330px;
	padding: 18px 20px 28px;
	border: 2px solid transparent;
	border-radius: 21px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(16, 33, 63, .08);
	text-align: center;
	cursor: pointer;
	outline: none;
	overflow: visible;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#step-1 .step1-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(16, 33, 63, .10);
}

#step-1 .step1-card-badge {
	position: absolute;
	top: -19px;
	left: 12px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--step1-coral);
	color: #fff !important;
	font-size: 14px;
	font-weight: 900;
	box-shadow: 0 9px 20px rgba(255, 91, 79, .25);
	z-index: 3;
}

#step-1 .step1-badge-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	line-height: 0;
	vertical-align: -1px;
}

#step-1 .step1-badge-icon svg {
	width: 14px;
	height: 14px;
	display: block;
	color: #fff !important;
	fill: #fff !important;
}

#step-1 .step1-card-check {
	position: absolute;
	top: -18px;
	right: -15px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--step1-coral);
	color: #fff !important;
	font-size: 29px;
	font-weight: 900;
	box-shadow: 0 9px 20px rgba(255, 91, 79, .28);
	opacity: 0;
	transform: scale(.65);
	transition: transform .16s ease, opacity .16s ease;
	z-index: 3;
}

#step-1 .step1-photo {
	margin-bottom: 29px;
	border-radius: 15px;
	background: linear-gradient(135deg, #f0f0f2, #fbfbfc);
	overflow: hidden;
	box-shadow: inset 0 0 28px rgba(16, 33, 63, .04);
}

#step-1 .step1-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#step-1 .step1-card .category-selection {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: transparent;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

#step-1 .step1-card-selected {
	border-color: var(--step1-coral);
	box-shadow: 0 20px 45px rgba(255, 91, 79, .24);
	transform: translateY(-3px);
}

#step-1 .step1-card-title {
	display: block;
	margin: 0;
	color: var(--step1-navy);
	font-size: 25px;
	line-height: 1.13;
	letter-spacing: -.4px;
	font-weight: 950;
	position: relative;
	z-index: 1;
}

#step-1 .step1-card-description {
	margin: 10px 0 0;
	color: var(--step1-text);
	font-size: 15px;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}

#step-1 .step1-card-selected .step1-card-check {
	opacity: 1;
	transform: scale(1);
}

#step-1 .step1-bottom-panel {
	display: grid;
	grid-template-columns: 1fr 1fr 340px;
	gap: 18px;
	align-items: center;
	margin: 0 auto;
	padding: 16px 24px;
	border: 1.5px solid rgba(255, 91, 79, .18);
	border-radius: 17px;
	background: linear-gradient(90deg, rgba(255, 248, 244, .8), #fff);
	box-shadow: 0 8px 24px rgba(16, 33, 63, .04);
}

#step-1 .step1-info {
	min-height: 84px;
	display: flex;
	align-items: center;
	gap: 18px;
	text-align: left;
}

#step-1 .step1-info + .step1-info {
	border-left: 1px solid rgba(255, 91, 79, .2);
	padding-left: 30px;
}

#step-1 .step1-info-icon {
	width: 60px;
	min-width: 60px;
	height: 60px;
	display: grid;
	place-items: center;
}

#step-1 .step1-heart {
	color: var(--step1-coral) !important;
}

#step-1 .step1-calendar {
	color: #14bdbb;
}

#step-1 .step1-info strong {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 700;
	color: var(--ast-global-color-2);
}

#step-1 .step1-info span {
	display: block;
	font-size: 14px;
	line-height: 1.45;
	color: var(--ast-global-color-3);
}

#step-1 .step1-cta {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	text-align: center;
}

#step-1 .step1-selected-copy {
	min-height: 16px;
	color: #737b8b;
	font-size: 13px;
	font-weight: 700;
}

#step-1 #step-1-next {
	margin-top: 0 !important;
	border-radius: 999px;
	padding: 19px 30px;
	font-size: 27px;
	font-weight: 950;
	background: radial-gradient(circle at 25% 20%, #ff9a92, var(--step1-coral) 72%);
	color: #fff !important;
	border: 0;
	box-shadow: 0 14px 30px rgba(255, 91, 79, .31);
}

#step-1 #step-1-next:disabled {
	opacity: .45;
}

#step-1 .step1-small {
	color: #626978;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
}

#step-3 {
	--step3-coral: #FA7268;
	--step3-navy: #071539;
	--step3-muted: #66708b;
	--step3-line: #dce2ee;
	--step3-mint: #18cfa3;
	color: var(--step3-navy);
}

#step-3 .step3-layout {
	max-width: 1220px;
	margin: 0 auto;
	padding: 8px 18px 36px;
}

#step-3 .step3-hero {
	margin: 18px auto 26px;
	text-align: center;
}

#step-3 .step3-hero h2 {
	margin: 0;
	color: var(--step3-navy);
	font-size: clamp(28.5px, 3.75vw, 43.5px);
	line-height: 1.02;
	font-weight: 950;
	letter-spacing: -.9px;
}

#step-3 .step3-hero h2 span {
	color: var(--step3-coral) !important;
}

#step-3 .step3-title-mark {
	width: 112px;
	height: 6px;
	margin: 22px auto 18px;
	border-radius: 999px;
	background: var(--step3-coral);
	transform: rotate(-1.5deg);
}

#step-3 .step3-hero p {
	margin: 4px 0;
	color: #273653;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 500;
}

#step-3 .step3-form {
	max-width: 1180px;
	margin: 0 auto;
}

#step-3 .step3-auth-tabs,
#step-3 .step3-form-card {
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#step-3 .step3-auth-tabs {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 0 auto 16px;
}

#step-3 .step3-auth-tabs a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	padding: 11px 18px;
	border: 1.5px solid rgba(250, 114, 104, .28);
	border-radius: 999px;
	color: var(--step3-navy);
	font-size: 15px;
	font-weight: 850;
	text-decoration: none;
	background: #fff;
}

#step-3 .step3-auth-tabs a.active-link {
	background: var(--step3-coral);
	color: #fff !important;
	border-color: var(--step3-coral);
	box-shadow: 0 10px 24px rgba(250, 114, 104, .24);
}

#step-3 .step3-form-card {
	padding: 34px 38px 30px;
	border: 1px solid rgba(7, 21, 57, .08);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 18px 40px rgba(7, 21, 57, .10);
}

#step-3 .step3-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 30px;
}

#step-3 .step3-field-full {
	grid-column: 1 / -1;
}

#step-3 .step3-field label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	color: var(--step3-navy);
	font-size: 17px;
	line-height: 1.2;
	font-weight: 850;
}

#step-3 .step3-field label svg,
#step-3 .step3-privacy-note svg {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#step-3 .step3-field input.nub-block-components-text-input {
	width: 100%;
	height: 54px;
	margin: 0;
	padding: 0 16px;
	border: 1.5px solid #d6deec;
	border-radius: 8px;
	background: #fff;
	color: var(--step3-navy);
	font-size: 16px;
	font-weight: 600;
	box-shadow: none;
}

#step-3 .step3-field input.nub-block-components-text-input::placeholder {
	color: #808aa2;
	font-weight: 600;
}

#step-3 .step3-field input.nub-block-components-text-input:focus {
	border-color: var(--step3-coral);
	box-shadow: 0 0 0 3px rgba(250, 114, 104, .14);
	outline: none;
}

#step-3 .step3-lost-password {
	display: inline-block;
	margin-top: 12px;
	color: var(--step3-coral);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

#step-3 .step3-mailchimp-box {
	display: block;
	margin: 30px 0 12px;
	padding: 0;
	text-align: left;
}

#step-3 .step3-mailchimp-box input {
	position: absolute;
	left: 0;
	top: 3px;
	width: 22px;
	height: 22px;
	margin: 0;
	border-color: var(--step3-navy);
	accent-color: var(--step3-coral);
}

#step-3 .step3-mailchimp-box label {
	position: relative;
	display: block;
	margin: 0;
	padding-left: 38px;
	max-width: 620px;
	color: var(--step3-navy);
	font-size: 18px;
	line-height: 1.45;
	font-weight: 800;
}

#step-3 .step3-privacy-note {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: #8790a4;
	font-size: 15px;
	font-weight: 700;
}

#step-3 .step3-actions {
	display: grid;
	grid-template-columns: 1fr 1fr 340px;
	gap: 18px;
	align-items: center;
	margin: 32px auto 0;
	padding: 16px 24px;
	border: 1.5px solid rgba(250, 114, 104, .22);
	border-radius: 17px;
	background: linear-gradient(90deg, rgba(255, 248, 244, .8), #fff);
	box-shadow: 0 8px 24px rgba(7, 21, 57, .04);
}

#step-3 .step3-actions button {
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 17px 24px;
	border-radius: 999px;
	font-size: 20px;
	line-height: 1;
	font-weight: 950;
}

#step-3 .step3-actions .back-button {
	border: 1.5px solid var(--step3-coral) !important;
	background: #fff !important;
	color: var(--step3-navy) !important;
	box-shadow: none !important;
}

#step-3 .step3-actions button[type="submit"] {
	border: 0;
	background: radial-gradient(circle at 22% 20%, #ff958d, var(--step3-coral) 72%);
	color: #fff !important;
	box-shadow: 0 14px 30px rgba(250, 114, 104, .32);
}

#step-3 .step3-actions button[type="submit"] span {
	margin-left: 16px;
	font-size: 26px;
	line-height: 0;
}

#step-3 .step3-cta-area {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	text-align: center;
}

#step-3 .step3-selected-copy {
	min-height: 16px;
	color: var(--step3-muted);
	font-size: 13px;
	font-weight: 700;
}

#step-3 .step3-small {
	color: #626978;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
}

#step-3 .step3-loggedin-card {
	text-align: center;
}

#step-3 .step3-loggedin-card h6 {
	margin: 0 0 8px;
	color: var(--step3-navy);
	font-size: 26px;
	font-weight: 950;
}

#step-3 .step3-loggedin-card p {
	margin: 0;
	color: var(--step3-muted);
	font-size: 17px;
	font-weight: 700;
}

#step-3 .step3-info-panel {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	max-width: 1120px;
	margin: 0 auto;
	padding: 18px 24px;
	border: 1px solid rgba(250, 114, 104, .12);
	border-radius: 13px;
	background: linear-gradient(90deg, rgba(255, 246, 242, .92), #fff);
	box-shadow: 0 10px 24px rgba(7, 21, 57, .04);
}

#step-3 .step3-info {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 78px;
	padding: 0 22px;
	text-align: left;
}

#step-3 .step3-info + .step3-info {
	border-left: 1px solid rgba(7, 21, 57, .12);
}

#step-3 .step3-info-icon {
	width: 58px;
	min-width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
}

#step-3 .step3-info-icon svg {
	width: 58px;
	height: 58px;
}

#step-3 .step3-heart,
#step-3 .step3-shield {
	color: var(--step3-coral);
}

#step-3 .step3-calendar {
	color: var(--step3-mint);
}

#step-3 .step3-info strong {
	display: block;
	margin: 0 0 5px;
	color: var(--step3-navy);
	font-size: 16px;
	line-height: 1.2;
	font-weight: 950;
}

#step-3 .step3-info span {
	display: block;
	color: #263650;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 600;
}

#step-4 {
	--step4-coral: #FA7268;
	--step4-navy: #071539;
	--step4-muted: #66708b;
	--step4-mint: #18cfa3;
	color: var(--step4-navy);
}

#step-4 .step4-layout {
	max-width: 1180px;
	margin: 0 auto;
	padding: 8px 18px 36px;
}

#step-4 .step4-hero {
	margin: 18px auto 28px;
	text-align: center;
}

#step-4 .step4-hero h2 {
	margin: 0;
	color: var(--step4-navy);
	font-size: clamp(38px, 4.6vw, 56px);
	line-height: 1.04;
	font-weight: 950;
	letter-spacing: -.9px;
}

#step-4 .step4-hero h2 span {
	color: var(--step4-coral) !important;
}

#step-4 .step4-title-mark {
	width: 92px;
	height: 5px;
	margin: 22px auto 18px;
	border-radius: 999px;
	background: var(--step4-coral);
	transform: rotate(-1.5deg);
}

#step-4 .step4-hero p {
	margin: 0;
	color: #59637f;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 600;
}

#step-4 .step4-form {
	max-width: 1180px;
	margin: 0 auto;
}

#step-4 .step4-form-card {
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#step-4 .step4-country-field {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

#step-4 .step4-form-card {
	padding: 28px 30px 30px;
	border: 1px solid rgba(7, 21, 57, .10);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 18px 40px rgba(7, 21, 57, .10);
}

#step-4 .step4-field {
	margin-bottom: 24px;
}

#step-4 .step4-field-full:last-child,
#step-4 .step4-fields-row .step4-field {
	margin-bottom: 0;
}

#step-4 .step4-fields-row {
	display: grid;
	grid-template-columns: 1fr .92fr 1.18fr;
	gap: 28px;
	align-items: end;
}

#step-4 .step4-phone-field {
	margin-top: 24px;
}

#step-4 .step4-field label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	color: var(--step4-navy);
	font-size: 18px;
	line-height: 1.2;
	font-weight: 900;
}

#step-4 .step4-field label span {
	font-weight: 850;
}

#step-4 .step4-field label svg {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#step-4 .step4-field input.nub-block-components-text-input,
#step-4 .step4-field select.nub-block-components-text-input {
	width: 100%;
	height: 54px;
	margin: 0;
	padding: 0 16px;
	border: 1.5px solid #d6deec;
	border-radius: 8px;
	background: #fff;
	color: var(--step4-navy);
	font-size: 16px;
	font-weight: 650;
	box-shadow: none;
}

#step-4 .step4-field select.nub-block-components-text-input {
	appearance: auto;
}

#step-4 .step4-field input.nub-block-components-text-input::placeholder {
	color: #808aa2;
	font-weight: 600;
}

#step-4 .step4-field input.nub-block-components-text-input:focus,
#step-4 .step4-field select.nub-block-components-text-input:focus {
	border-color: var(--step4-coral);
	box-shadow: 0 0 0 3px rgba(250, 114, 104, .14);
	outline: none;
}

#step-4 .step4-actions {
	display: grid;
	grid-template-columns: 1fr 1fr 340px;
	gap: 18px;
	align-items: center;
	margin: 32px auto 0;
	padding: 16px 24px;
	border: 1.5px solid rgba(250, 114, 104, .22);
	border-radius: 17px;
	background: linear-gradient(90deg, rgba(255, 248, 244, .8), #fff);
	box-shadow: 0 8px 24px rgba(7, 21, 57, .04);
}

#step-4 .step4-actions .back-button,
#step-4 .step4-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 56px;
	margin: 0 !important;
	padding: 17px 24px;
	border-radius: 999px;
	font-size: 20px;
	line-height: 1;
	font-weight: 950;
	text-decoration: none;
}

#step-4 .step4-actions .back-button {
	border: 1.5px solid var(--step4-coral) !important;
	background: #fff !important;
	color: var(--step4-navy) !important;
	box-shadow: none !important;
}

#step-4 .step4-actions button[type="submit"] {
	border: 0;
	background: radial-gradient(circle at 22% 20%, #ff958d, var(--step4-coral) 72%);
	color: #fff !important;
	box-shadow: 0 14px 30px rgba(250, 114, 104, .32);
}

#step-4 .step4-actions button[type="submit"] span {
	margin-left: 16px;
	font-size: 26px;
	line-height: 0;
}

#step-4 .step4-cta-area {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	text-align: center;
}

#step-4 .step4-selected-copy {
	min-height: 16px;
	color: var(--step4-muted);
	font-size: 13px;
	font-weight: 700;
}

#step-4 .step4-small {
	color: #626978;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
}

#step-4 .step4-info-panel {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	max-width: 1120px;
	margin: 0 auto;
	padding: 18px 24px;
	border: 1px solid rgba(250, 114, 104, .12);
	border-radius: 13px;
	background: linear-gradient(90deg, rgba(255, 246, 242, .92), #fff);
	box-shadow: 0 10px 24px rgba(7, 21, 57, .04);
}

#step-4 .step4-info {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 78px;
	padding: 0 22px;
	text-align: left;
}

#step-4 .step4-info + .step4-info {
	border-left: 1px solid rgba(7, 21, 57, .12);
}

#step-4 .step4-info-icon {
	width: 58px;
	min-width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
}

#step-4 .step4-info-icon svg {
	width: 58px;
	height: 58px;
}

#step-4 .step4-heart,
#step-4 .step4-shield {
	color: var(--step4-coral);
}

#step-4 .step4-calendar {
	color: var(--step4-mint);
}

#step-4 .step4-info strong {
	display: block;
	margin: 0 0 5px;
	color: var(--step4-navy);
	font-size: 16px;
	line-height: 1.2;
	font-weight: 950;
}

#step-4 .step4-info span {
	display: block;
	color: #263650;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 600;
}

.loader {
	width: fit-content;
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color: #0000;
	background: linear-gradient(90deg,#C02942 calc(50% + 0.5ch),#000 0) right/calc(200% + 1ch) 100%;
	color: var(--ast-global-color-1);
	background: linear-gradient(90deg,#C02942 calc(50% + 0.5ch),var(--ast-global-color-0) 0) right/calc(200% + 1ch) 100%;
	animation: l7 2s infinite steps(11);
}
.loader:before {
	content:"Cargando..."
}
@keyframes l7 {to{background-position: left}}
@media only screen and (max-width: 768px) {
	#step-2 .step2-hero h2 {
		font-size: 34px;
	}

	#step-2 .step2-lead {
		font-size: 16px;
	}

	#step-2 .step2-summary-bar {
		grid-template-columns: 1fr;
		max-width: 460px;
		margin-bottom: 26px;
	}

	#step-2 .step2-summary-item + .step2-summary-item {
		border-left: 0;
		border-top: 1px solid rgba(250, 114, 104, .22);
	}

	#step-2 .step2-summary-item {
		justify-content: flex-start;
		min-height: 54px;
		padding: 0 18px;
		text-align: left;
	}

	#step-2 .step2-bottom-panel {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	#step-2 .step2-info + .step2-info {
		border-left: 0;
		border-top: 1px solid rgba(250, 114, 104, .22);
		padding-left: 0;
		padding-top: 18px;
	}

	.checkout-progress-seeds .seed-step span {
		display: none;
	}

	.checkout-progress-seeds .seed-circle {
		width: 40px;
		height: 40px;
		font-size: 18px;
	}

	#step-1 .step1-hero p {
		font-size: 16px;
	}

	#step-1 .step1-summary-bar {
		grid-template-columns: 1fr;
		max-width: 460px;
		margin-bottom: 34px;
	}

	#step-1 .step1-summary-item + .step1-summary-item {
		border-left: 0;
		border-top: 1px solid rgba(255, 91, 79, .18);
	}

	#step-1 .step1-summary-item {
		justify-content: flex-start;
		min-height: 54px;
		padding: 0 18px;
		text-align: left;
	}

	#step-1 .step1-bottom-panel {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	#step-1 .step1-info + .step1-info {
		border-left: 0;
		border-top: 1px solid rgba(255, 91, 79, .18);
		padding-left: 0;
		padding-top: 18px;
	}

	#step-1 .step1-cta {
		text-align: center;
	}

	#step-1 #step-1-next {
		width: 100%;
		min-width: 0;
	}

	#step-3 .step3-layout {
		padding: 0 10px 28px;
	}

	#step-3 .step3-hero {
		margin-top: 10px;
	}

	#step-3 .step3-hero h2 {
		font-size: 36px;
	}

	#step-3 .step3-hero p {
		font-size: 16px;
	}

	#step-3 .step3-auth-tabs {
		flex-direction: column;
	}

	#step-3 .step3-form-card {
		padding: 24px 18px;
	}

	#step-3 .step3-form-grid,
	#step-3 .step3-info-panel {
		grid-template-columns: 1fr;
	}

	#step-3 .step3-field-half,
	#step-3 .step3-field-full {
		grid-column: auto;
	}

	#step-3 .step3-mailchimp-box label {
		font-size: 16px;
	}

	#step-3 .step3-actions {
		grid-template-columns: 1fr;
		margin-top: 24px;
		padding: 18px;
	}

	#step-3 .step3-actions button {
		width: 100%;
		min-width: 0;
	}

	#step-3 .step3-info {
		padding: 16px 0;
	}

	#step-3 .step3-info + .step3-info {
		border-left: 0;
		border-top: 1px solid rgba(7, 21, 57, .12);
	}

	#step-4 .step4-layout {
		padding: 0 10px 28px;
	}

	#step-4 .step4-hero {
		margin-top: 10px;
	}

	#step-4 .step4-hero h2 {
		font-size: 36px;
	}

	#step-4 .step4-hero p {
		font-size: 16px;
	}

	#step-4 .step4-form-card {
		padding: 24px 18px;
	}

	#step-4 .step4-fields-row,
	#step-4 .step4-info-panel {
		grid-template-columns: 1fr;
	}

	#step-4 .step4-fields-row {
		gap: 24px;
	}

	#step-4 .step4-actions {
		grid-template-columns: 1fr;
		margin-top: 24px;
		padding: 18px;
	}

	#step-4 .step4-actions .back-button,
	#step-4 .step4-actions button {
		width: 100%;
		min-width: 0;
	}

	#step-4 .step4-info {
		padding: 16px 0;
	}

	#step-4 .step4-info + .step4-info {
		border-left: 0;
		border-top: 1px solid rgba(7, 21, 57, .12);
	}

	.card-categorias{
		max-width: 100%;
	}

	.container-categorias {
		justify-content: space-around;
	}
    
    .steps.flex {
		margin-left: 0;
		margin-right: 0;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.container-categorias {
		justify-content: space-around;
	}
    
        .steps.flex {
		margin-left: 2rem;
		margin-right: 2rem;
	}


}

@media only screen and (min-width: 992px) {
	.container-categorias.row > .col-xs-12.col-md-6.col-lg-4.col-12 {
		flex: 0 0 30%;
		max-width: 30%;
	}
}

.nubily-step5-checkout {
	--step5-coral: #ff5b4f;
	--step5-coral-soft: #ff7a70;
	--step5-navy: #071539;
	--step5-text: #273142;
	--step5-muted: #7b8190;
	--step5-line: #ececf1;
	--step5-soft: #fff6f2;
	--step5-shadow: 0 14px 34px rgba(7, 21, 57, .08);
	--step5-shadow-soft: 0 8px 22px rgba(7, 21, 57, .06);
}

.nubily-step5-checkout .site-content .ast-container,
.nubily-step5-checkout.ast-plain-container .site-content .ast-container {
	max-width: 1180px;
	padding-left: 16px;
	padding-right: 16px;
}

.nubily-step5-checkout .entry-title {
	display: none;
}

.nubily-step5-shell,
.nubily-step5-checkout form#order_review,
.nubily-step5-checkout form.checkout.woocommerce-checkout {
	width: min(1180px, 100%);
	margin-left: auto;
	margin-right: auto;
}

.nubily-step5-shell {
	margin-top: 34px;
}

.nubily-step5-main-title {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-bottom: 26px;
}

.nubily-step5-number {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border: 2px solid var(--step5-coral);
	display: grid;
	place-items: center;
	color: var(--step5-coral);
	font-size: 34px;
	font-weight: 900;
	flex: 0 0 auto;
}

.nubily-step5-main-title h1 {
	margin: 0 0 8px;
	color: var(--step5-navy);
	font-size: 38px;
	line-height: 1.08;
	letter-spacing: -.8px;
	font-weight: 950;
}

.nubily-step5-main-title p {
	margin: 0;
	color: #333b4d;
	font-size: 16px;
}

.nubily-step5-section-card {
	background: #fff;
	border: 1px solid var(--step5-line);
	border-radius: 16px;
	box-shadow: var(--step5-shadow-soft);
	padding: 28px;
	margin-bottom: 28px;
}

.nubily-step5-shipping-card {
	display: grid;
	grid-template-columns: 72px 1fr auto;
	gap: 22px;
	align-items: center;
}

.nubily-step5-round-icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #fff0eb;
	color: var(--step5-coral);
	display: grid;
	place-items: center;
}

.nubily-step5-round-icon svg {
	width: 36px;
	height: 36px;
}

.nubily-step5-address h2,
.nubily-step5-payment-intro h2,
.nubily-step5-checkout #order_review_heading {
	margin: 0 0 12px;
	color: var(--step5-coral);
	font-size: 24px;
	line-height: 1.1;
	font-weight: 900;
}

.nubily-step5-address p {
	margin: 7px 0;
	font-size: 17px;
	line-height: 1.35;
	color: #111827;
}

.nubily-step5-address strong {
	font-weight: 900;
}

.nubily-step5-modify {
	color: var(--step5-coral);
	font-size: 16px;
	text-decoration: underline;
	white-space: nowrap;
	font-weight: 750;
}

.nubily-step5-checkout form#order_review {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: start;
	margin-bottom: 46px;
}

.nubily-step5-checkout form#order_review > .shop_table {
	grid-column: 2;
	grid-row: 1 / span 3;
	border: 1px solid var(--step5-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--step5-shadow);
	overflow: hidden;
	position: sticky;
	top: 20px;
	margin: 0;
	padding: 30px;
	display: block;
}

.nubily-step5-checkout form#order_review > .shop_table::before {
	content: "Resumen del pedido";
	display: block;
	color: var(--step5-coral);
	font-size: 27px;
	line-height: 1.15;
	margin: 0 0 24px;
	font-weight: 950;
}

.nubily-step5-checkout form#order_review > .shop_table thead {
	display: none;
}

.nubily-step5-checkout form#order_review > .shop_table tbody,
.nubily-step5-checkout form#order_review > .shop_table tfoot,
.nubily-step5-checkout form#order_review > .shop_table tr,
.nubily-step5-checkout form#order_review > .shop_table th,
.nubily-step5-checkout form#order_review > .shop_table td {
	display: block;
	width: 100%;
	border: 0;
	padding: 0;
	background: transparent;
}

.nubily-step5-checkout form#order_review > .shop_table tr.order_item {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 16px;
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: 1px solid var(--step5-line);
}

.nubily-step5-checkout form#order_review > .shop_table .product-name {
	color: #111827;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 900;
}

.nubily-step5-checkout form#order_review > .shop_table .product-quantity {
	margin-top: 6px;
	color: #303846;
	font-size: 14px;
	font-weight: 700;
}

.nubily-step5-checkout form#order_review > .shop_table .product-subtotal,
.nubily-step5-checkout form#order_review > .shop_table .product-total {
	color: #111827;
	font-size: 17px;
	font-weight: 950;
	text-align: right;
	white-space: nowrap;
}

.nubily-step5-checkout form#order_review > .shop_table tfoot {
	border-bottom: 1px solid var(--step5-line);
	padding-bottom: 8px;
	margin-bottom: 24px;
}

.nubily-step5-checkout form#order_review > .shop_table tfoot tr {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
	color: #273142;
	font-size: 16px;
}

.nubily-step5-checkout form#order_review > .shop_table tfoot tr:last-child {
	border: 1px solid rgba(255, 91, 79, .28);
	border-radius: 10px;
	background: #fff5f0;
	padding: 22px;
	margin: 18px 0 0;
	display: grid;
	gap: 8px;
}

.nubily-step5-checkout form#order_review > .shop_table tfoot tr:last-child th {
	color: var(--step5-coral);
	font-size: 20px;
	font-weight: 950;
}

.nubily-step5-checkout form#order_review > .shop_table tfoot tr:last-child td {
	color: var(--step5-coral);
	font-size: 38px;
	line-height: 1;
	font-weight: 950;
	text-align: left;
}

.nubily-step5-payment-intro {
	grid-column: 1;
	margin-bottom: 18px;
}

.nubily-step5-payment-intro p {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #555b67;
	font-size: 15px;
	margin: 0 0 22px;
	font-weight: 650;
}

.nubily-step5-payment-intro svg {
	width: 20px;
	height: 20px;
	color: var(--step5-coral);
	stroke: currentColor;
	stroke-width: 2;
	fill: none;
}

.nubily-step5-checkout form#order_review > #payment {
	grid-column: 1;
	border: 1px solid var(--step5-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: var(--step5-shadow-soft);
	overflow: hidden;
	margin: 0;
}

.nubily-step5-checkout #payment ul.payment_methods {
	padding: 0;
	border: 0;
	margin: 0;
}

.nubily-step5-checkout #payment ul.payment_methods > li {
	padding: 20px 24px;
	border-bottom: 1px solid var(--step5-line);
}

.nubily-step5-checkout #payment ul.payment_methods label {
	color: #111827;
	font-weight: 900;
	font-size: 17px;
	line-height: 1.35;
}

.nubily-step5-checkout #payment div.payment_box {
	background: #fff;
	color: #444b58;
	margin: 18px 0 0;
	padding: 20px 18px;
	border: 1px solid var(--step5-line);
	border-radius: 12px;
}

.nubily-step5-checkout #payment div.payment_box::before {
	display: none;
}

.nubily-step5-checkout #payment input.input-text,
.nubily-step5-checkout #payment input[type="text"],
.nubily-step5-checkout #payment input[type="tel"],
.nubily-step5-checkout #payment input[type="email"],
.nubily-step5-checkout #payment select {
	width: 100%;
	min-height: 52px;
	border: 1px solid #d9dee7;
	border-radius: 8px;
	padding: 0 16px;
	font-size: 16px;
	color: #111827;
	background: #fff;
	outline: none;
	box-shadow: none;
}

.nubily-step5-checkout #payment input:focus,
.nubily-step5-checkout #payment select:focus {
	border-color: var(--step5-coral);
	box-shadow: 0 0 0 3px rgba(255, 91, 79, .12);
}

.nubily-step5-checkout #payment .form-row {
	padding: 22px 24px 28px;
	margin: 0;
}

.nubily-step5-benefits-inline {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding: 22px 24px;
	border-top: 1px solid var(--step5-line);
}

.nubily-step5-benefit {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 13px;
	align-items: center;
}

.nubily-step5-benefit > span {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #fff0eb;
	color: var(--step5-coral);
	display: grid;
	place-items: center;
}

.nubily-step5-benefit svg {
	width: 28px;
	height: 28px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nubily-step5-benefit strong {
	display: block;
	color: #111827;
	font-size: 15px;
	line-height: 1.25;
	margin-bottom: 4px;
	font-weight: 900;
}

.nubily-step5-benefit em {
	display: block;
	color: #333b4c;
	font-size: 13px;
	line-height: 1.35;
	font-style: normal;
	font-weight: 650;
}

.nubily-step5-checkout #place_order {
	width: 100%;
	min-height: 72px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(90deg, var(--step5-coral), var(--step5-coral-soft));
	color: #fff !important;
	font-size: 24px;
	font-weight: 950;
	cursor: pointer;
	box-shadow: 0 14px 30px rgba(255, 91, 79, .28);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-top: 10px;
	text-align: center;
}

.nubily-step5-checkout #place_order::before {
	content: "";
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.nubily-step5-checkout form.checkout.woocommerce-checkout {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: start;
	margin-bottom: 46px;
}

.nubily-step5-checkout form.checkout.woocommerce-checkout #customer_details {
	grid-column: 1;
	background: #fff;
	border: 1px solid var(--step5-line);
	border-radius: 16px;
	box-shadow: var(--step5-shadow-soft);
	padding: 26px;
}

.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review_heading,
.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review {
	grid-column: 2;
}

.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review {
	border: 1px solid var(--step5-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--step5-shadow);
	padding: 24px;
	position: sticky;
	top: 20px;
}

.nubily-step5-checkout .woocommerce-terms-and-conditions-wrapper {
	text-align: center;
	color: #505865;
	font-size: 14px;
	line-height: 1.55;
	margin: 18px 0 0;
}

.nubily-step5-checkout .woocommerce-terms-and-conditions-wrapper a {
	color: var(--step5-coral);
	text-decoration: none;
	font-weight: 800;
}

@media (max-width: 980px) {
	.nubily-step5-checkout form#order_review,
	.nubily-step5-checkout form.checkout.woocommerce-checkout {
		grid-template-columns: 1fr;
	}

	.nubily-step5-checkout form#order_review > .shop_table,
	.nubily-step5-payment-intro,
	.nubily-step5-checkout form#order_review > #payment,
	.nubily-step5-checkout form.checkout.woocommerce-checkout #customer_details,
	.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review_heading,
	.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review {
		grid-column: 1;
	}

	.nubily-step5-checkout form#order_review > .shop_table,
	.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review {
		grid-row: auto;
		position: static;
	}
}

@media (max-width: 620px) {
	.nubily-step5-shell {
		margin-top: 24px;
	}

	.nubily-step5-main-title {
		align-items: flex-start;
		gap: 16px;
	}

	.nubily-step5-number {
		width: 54px;
		height: 54px;
		font-size: 28px;
	}

	.nubily-step5-main-title h1 {
		font-size: 30px;
	}

	.nubily-step5-shipping-card {
		grid-template-columns: 1fr;
	}

	.nubily-step5-checkout form#order_review > .shop_table,
	.nubily-step5-checkout form.checkout.woocommerce-checkout #customer_details,
	.nubily-step5-checkout form.checkout.woocommerce-checkout #order_review {
		padding: 22px;
	}

	.nubily-step5-benefits-inline {
		grid-template-columns: 1fr;
	}

	.nubily-step5-checkout #place_order {
		min-height: 64px;
		font-size: 20px;
	}
}