.fg-shipping-progress,
.fg-international-shipping {
	box-sizing: border-box;
	font-family: inherit;
}

.fg-shipping-progress {
	background: var(--fg-color-sea-soft, #edf7fa);
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-radius: var(--fg-radius-sm, 4px);
	display: grid;
	gap: 12px;
	margin: 0 0 22px;
	padding: 16px 20px;
}

.fg-shipping-progress--blocks {
	margin: 0 8px;
}

.fg-shipping-progress__copy {
	display: grid;
	gap: 3px;
}

.fg-shipping-progress__copy strong {
	color: var(--fg-color-ink, #142a34);
	font-size: 0.88rem;
	line-height: 1.4;
}

.fg-shipping-progress__copy span {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.74rem;
	line-height: 1.45;
}

.fg-shipping-progress__track {
	background: #d4e8ee;
	border-radius: 999px;
	height: 7px;
	overflow: hidden;
	width: 100%;
}

.fg-shipping-progress__track > span {
	background: var(--fg-color-sea, #2f91ad);
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 220ms ease;
}

.fg-international-shipping {
	align-items: center;
	background: #fff8df;
	border: 1px solid #ead58a;
	border-left: 4px solid var(--fg-color-yellow, #f0b51b);
	border-radius: var(--fg-radius-sm, 4px);
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-block: 16px;
	padding: 18px;
}

.fg-international-shipping-anchor {
	box-sizing: border-box;
	display: block;
	min-width: 0;
	width: 100%;
}

.fg-international-shipping-anchor .fg-international-shipping {
	margin: 10px 0 0;
}

.fg-international-shipping strong {
	color: var(--fg-color-ink, #142a34);
	display: block;
	font-size: 0.94rem;
	line-height: 1.4;
	margin-bottom: 5px;
}

.fg-international-shipping p {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.8rem;
	line-height: 1.55;
	margin: 0;
}

.fg-international-shipping a {
	align-items: center;
	background: var(--fg-color-ocean, #0d5874);
	border: 1px solid var(--fg-color-ocean, #0d5874);
	border-radius: var(--fg-radius-sm, 4px);
	color: #ffffff;
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 750;
	justify-content: center;
	min-height: 42px;
	padding: 0 15px;
	text-decoration: none;
	white-space: nowrap;
}

.fg-international-shipping a:hover,
.fg-international-shipping a:focus-visible {
	background: var(--fg-color-navy, #082f43);
	border-color: var(--fg-color-navy, #082f43);
	color: #ffffff;
}

.fg-product-shipping-note {
	align-items: center;
	color: var(--fg-color-ink, #142a34);
	display: flex;
	font-size: 0.79rem;
	font-weight: 700;
	gap: 9px;
	line-height: 1.45;
	margin: 14px 0 0;
}

.fg-product-shipping-note .fg-shipping-icon {
	color: var(--fg-color-ocean, #0d5874);
	flex: 0 0 auto;
	height: 19px;
	width: 19px;
}

.wc-block-components-totals-wrapper .fg-shipping-progress--blocks {
	margin: 0 8px;
}

.wc-block-components-shipping-rates-control .fg-international-shipping,
.wc-block-components-shipping-rates-control__package .fg-international-shipping {
	margin-bottom: 0;
}

@media (max-width: 620px) {
	.fg-shipping-progress {
		gap: 10px;
		padding: 14px;
	}

	.fg-shipping-progress--blocks,
	.wc-block-components-totals-wrapper .fg-shipping-progress--blocks {
		margin-inline: 0;
	}

	.fg-shipping-progress__copy strong {
		font-size: 0.84rem;
	}

	.fg-shipping-progress__copy span {
		font-size: 0.72rem;
	}

	.fg-shipping-progress__track {
		height: 6px;
	}

	.fg-international-shipping {
		align-items: stretch;
		gap: 14px;
		grid-template-columns: 1fr;
		padding: 16px;
	}

	.fg-international-shipping a {
		min-height: 46px;
		width: 100%;
	}
}

@media (max-width: 430px) {
	.fg-shipping-progress {
		border-radius: 6px;
		margin-bottom: 16px;
	}

	.fg-international-shipping {
		border-radius: 6px;
		padding: 14px;
	}
}