.msm-public {
	--msm-yellow: #ffff33;
	--msm-black: #050505;
	--msm-panel: #121212;
	--msm-border: #5f5f5f;
	--msm-muted: #c4c4c4;
	--msm-page-gutter: clamp(16px, 2.5vw, 44px);
	width: 100%;
	max-width: none;
	background: var(--msm-black);
	color: #fff;
	padding: clamp(32px, 4vw, 60px) var(--msm-page-gutter);
	font-size: 16px;
}

.msm-public *, .msm-public *::before, .msm-public *::after { box-sizing: border-box; }
.msm-public__heading { max-width: 850px; margin-bottom: 28px; }
.msm-public__eyebrow { color: var(--msm-yellow); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.msm-public h2, .msm-public h3 { color: #fff; font-family: inherit; font-weight: 900; letter-spacing: .02em; line-height: 1.05; text-transform: uppercase; }
.msm-public h2 { font-size: clamp(32px, 4vw, 56px); margin: 0 0 12px; }
.msm-public h3 { font-size: clamp(24px, 2.5vw, 36px); margin: 42px 0 16px; }
.msm-public__calculator { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); gap: 24px; padding: clamp(20px, 3vw, 36px); border: 1px solid var(--msm-border); background: linear-gradient(145deg, #171717, #080808); }
.msm-public__controls { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-content: start; }
.msm-public label { display: grid; gap: 7px; color: #fff; font-size: .84em; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.msm-public select { width: 100%; min-height: 50px; border: 1px solid #777; border-radius: 0; background: #101010; color: #fff; padding: 0 42px 0 14px; font: inherit; }
.msm-public select:focus { border-color: var(--msm-yellow); box-shadow: 0 0 0 2px rgba(255,255,36,.22); outline: none; }
.msm-public button { grid-column: 1 / -1; min-height: 54px; border: 0; border-radius: 0; background: var(--msm-yellow); color: #050505; cursor: pointer; font: inherit; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; transition: transform .15s ease, filter .15s ease; }
.msm-public button:hover { filter: brightness(.93); transform: translateY(-1px); }
.msm-public__result { min-height: 0; align-self: center; display: flex; flex-direction: column; justify-content: center; padding: clamp(14px, 1.6vw, 22px); border: 2px solid var(--msm-yellow); text-align: center; }
.msm-public__result > p { margin-top: 3px; margin-bottom: 3px; }
.msm-public__result-label { color: var(--msm-yellow); font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.msm-public__price { margin: 2px 0; color: var(--msm-yellow); font-size: clamp(48px, 7vw, 82px); font-weight: 900; line-height: .95; }
.msm-public__price .woocommerce-Price-currencySymbol { font-size: .6em; }
.msm-public__price .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.msm-public__tax, .msm-public__delivery, .msm-public__features { margin: 5px 0; }
.msm-public__tax, .msm-public__features, .msm-public__tax-note, .msm-public__version { color: var(--msm-muted); }
.msm-public__notice { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #444; color: #fff; font-size: .92em; }
.msm-public__tax-note { max-width: 980px; margin: 18px 0 0; font-size: .9em; line-height: 1.55; }
.msm-public__table-wrap { overflow-x: auto; border: 1px solid var(--msm-border); }
.msm-public table { width: 100%; margin: 0; border: 0 !important; border-collapse: collapse; color: #fff; }
.msm-public th, .msm-public td { padding: 14px 18px; border: 0 !important; border-bottom: 1px solid #383838 !important; text-align: left; }
.msm-public thead { background: #1c1c1c; color: var(--msm-yellow); text-transform: uppercase; }
.msm-public tbody tr:last-child th, .msm-public tbody tr:last-child td { border-bottom: 0 !important; }
.msm-public td { font-weight: 800; white-space: nowrap; }
.msm-public td small { display: block; margin-top: 3px; color: var(--msm-muted); font-size: .76em; font-weight: 400; white-space: normal; }
.msm-public__version { margin: 14px 0 0; font-size: .82em; }
.msm-public__loading { color: var(--msm-yellow); font-weight: 800; }
.msm-public__error { padding: 14px; border-left: 4px solid #ff6262; background: #2a1111; }
[data-msm-weight-field][hidden] { display: none; }

@media (max-width: 900px) {
	.msm-public__calculator { grid-template-columns: 1fr; }
	.msm-public__result { min-height: 0; width: 100%; }
}

@media (max-width: 620px) {
	.msm-public { --msm-page-gutter: 14px; padding: 28px var(--msm-page-gutter); }
	.msm-public__controls { grid-template-columns: 1fr; }
	.msm-public button { grid-column: auto; }
	.msm-public__calculator { gap: 16px; padding: 14px; }
	.msm-public__result { min-height: 0; padding: 12px; }
	.msm-public th, .msm-public td { padding: 11px 10px; }
}

/* Optional Gutenberg page sections shipped with the copy-and-paste templates. */
.msm-shipping-page {
	--msm-page-gutter: clamp(16px, 2.5vw, 44px);
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	overflow-x: clip;
	background: #050505;
	color: #fff;
}
.msm-shipping-page > .wp-block-cover,
.msm-shipping-page > .wp-block-columns,
.msm-shipping-page > .wp-block-group,
.msm-shipping-page > .wp-block-shortcode {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.msm-shipping-page > .msm-shipping-calculator-block,
.msm-shipping-page > .wp-block-shortcode { width: 100%; max-width: none; margin: 0; }
.msm-shipping-page .msm-shipping-hero { width: 100%; max-width: none; min-height: min(72vh, 680px); margin-left: 0 !important; margin-right: 0 !important; }
.msm-shipping-page .msm-shipping-hero .wp-block-cover__inner-container { width: 100%; max-width: none; padding: 48px var(--msm-page-gutter); }
.msm-shipping-page .msm-shipping-hero h1 { max-width: 1000px; margin: 0 auto 12px; color: #fff; font-size: clamp(48px, 7vw, 96px); font-weight: 900; line-height: .95; text-align: center; text-transform: uppercase; }
.msm-shipping-page .msm-shipping-hero p { max-width: 820px; margin: 10px auto; color: #fff; text-align: center; }
.msm-shipping-page .msm-shipping-hero .msm-shipping-hero__lead { color: #ffff33; font-size: clamp(22px, 3vw, 38px); font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.msm-shipping-page .msm-shipping-trust { width: 100%; max-width: none; margin-left: 0 !important; margin-right: 0 !important; padding: 26px var(--msm-page-gutter); background: #050505; border-bottom: 1px solid #333; }
.msm-shipping-page .msm-shipping-trust p { margin: 0; color: #fff; font-weight: 800; text-align: center; text-transform: uppercase; }
.msm-shipping-page .msm-shipping-trust strong { display: none; }
.msm-shipping-page .msm-shipping-trust p::before,
.msm-shipping-page .msm-shipping-static__card::before,
.msm-shipping-page .msm-shipping-process > div::before,
.msm-shipping-page .msm-shipping-customs h3::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.msm-shipping-page .msm-shipping-trust .wp-block-column:nth-child(1) p::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 4 39 10v11c0 10-6.3 18.2-15 22-8.7-3.8-15-12-15-22V10Z'/%3E%3Cpath d='m17 24 5 5 10-11'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-trust .wp-block-column:nth-child(2) p::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='29' cy='19' r='10'/%3E%3Cpath d='m22 26-13 13m0-6 6 6m-3-9 6 6'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-trust .wp-block-column:nth-child(3) p::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.4'%3E%3Ccircle cx='24' cy='24' r='19'/%3E%3Cpath d='M5 24h38M24 5c6 5 9 11.4 9 19s-3 14-9 19c-6-5-9-11.4-9-19S18 10 24 5Z'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-static { width: 100%; max-width: none; margin: 0; padding: 54px var(--msm-page-gutter); }
.msm-shipping-page .msm-shipping-static > * { max-width: none !important; }
.msm-shipping-page .msm-shipping-static h2 { color: #fff; font-size: clamp(30px, 4vw, 50px); font-weight: 900; text-transform: uppercase; }
.msm-shipping-page .msm-shipping-static h3 { color: #fff; font-weight: 900; text-transform: uppercase; }
.msm-shipping-page .msm-shipping-static__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.msm-shipping-page .msm-shipping-static__card { display: grid; grid-template-rows: 68px auto 3.2em 1fr; row-gap: 14px; min-height: 300px; padding: 24px; border: 1px solid #777; background: linear-gradient(160deg, #191919, #090909); }
.msm-shipping-page .msm-shipping-static__card::before { width: 68px; height: 68px; margin: 0; }
.msm-shipping-page .msm-shipping-static__card h3,
.msm-shipping-page .msm-shipping-static__card p { margin: 0; }
.msm-shipping-page .msm-shipping-static__card h3 { min-height: 2.4em; line-height: 1.2; }
.msm-shipping-page .msm-shipping-static__subtitle { align-self: start; line-height: 1.35; }
.msm-shipping-page .msm-shipping-static__description { align-self: start; }
.msm-shipping-page .msm-shipping-static__card:nth-child(1)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffff33' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='m8 18 24-12 24 12v30L32 60 8 48Z'/%3E%3Cpath d='m8 18 24 13 24-13M32 31v29M20 12l24 13v10'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-static__card:nth-child(2)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffff33' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 24 39-16 11 8-40 17Z'/%3E%3Cpath d='m7 24 10 9v20l40-17V16M17 33l40-17v20L17 53Z'/%3E%3Cpath d='M28 26c5-7 10-10 17-11'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-static__card:nth-child(3)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffff33' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17h34v37H10zM17 10h20v7M18 28h18'/%3E%3Cpath d='m28 22-7 13h8l-5 12'/%3E%3Cpath d='m47 32 12 22H35Z'/%3E%3Cpath d='M47 40v6m0 4v1'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-static__card:nth-child(4)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffff33' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='M7 25 32 8l25 17v31H7Z'/%3E%3Cpath d='M14 29h36v27H14zM19 36h26M22 44h8v12m4-8h8v8'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-static__card strong { color: #ffff33; }
.msm-shipping-page .msm-shipping-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.msm-shipping-page .msm-shipping-process > div { position: relative; padding: 24px 20px; border-top: 1px solid #ffff33; }
.msm-shipping-page .msm-shipping-process > div::before { width: 56px; height: 56px; margin: 0 0 14px; }
.msm-shipping-page .msm-shipping-process > div:nth-child(1)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='m5 14 19-9 19 9v23l-19 9-19-9Z'/%3E%3Cpath d='m5 14 19 10 19-10M24 24v22'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-process > div:nth-child(2)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='40' height='28' rx='2'/%3E%3Cpath d='m5 13 19 15 19-15'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-process > div:nth-child(3)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M39 20c0 12-15 24-15 24S9 32 9 20a15 15 0 1 1 30 0Z'/%3E%3Ccircle cx='24' cy='20' r='5'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-process > div:nth-child(4)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M4 22 24 5l20 17M9 19v25h30V19M19 44V29h10v15'/%3E%3C/svg%3E");
}
.msm-shipping-page .wp-block-details { margin-bottom: 10px; padding: 18px 20px; border: 1px solid #555; background: #101010; }
.msm-shipping-page .wp-block-details summary { color: #fff; cursor: pointer; font-weight: 800; }
.msm-shipping-page .wp-block-details p { color: #d3d3d3; }
.msm-shipping-page .msm-shipping-customs { padding: 28px; border-left: 5px solid #ffff33; background: #151515; }
.msm-shipping-page .msm-shipping-customs h3::before {
	width: 48px;
	height: 48px;
	margin: 0 14px 0 0;
	float: left;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffff33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h23l9 9v31H8Z'/%3E%3Cpath d='M31 4v10h9M15 22h13m-13 7h9'/%3E%3Ccircle cx='34' cy='34' r='9'/%3E%3Cpath d='M25 34h18M34 25c3 2.5 4.5 5.5 4.5 9S37 40.5 34 43c-3-2.5-4.5-5.5-4.5-9S31 27.5 34 25Z'/%3E%3C/svg%3E");
}
.msm-shipping-page .msm-shipping-contact { padding: 36px; border: 1px solid #ffff33; text-align: center; }
.msm-shipping-page .msm-shipping-contact .wp-block-buttons { justify-content: center; }
.msm-shipping-page .msm-shipping-contact a { color: #050505; background: #ffff33; display: inline-block; margin-top: 12px; padding: 14px 22px; font-weight: 900; text-decoration: none; text-transform: uppercase; }

@media (max-width: 900px) {
	.msm-shipping-page .msm-shipping-static__grid, .msm-shipping-page .msm-shipping-process { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
	.msm-shipping-page { --msm-page-gutter: 14px; }
	.msm-shipping-page .msm-shipping-static__grid, .msm-shipping-page .msm-shipping-process { grid-template-columns: 1fr; }
	.msm-shipping-page .msm-shipping-hero .wp-block-cover__inner-container { padding: 36px var(--msm-page-gutter); }
	.msm-shipping-page .msm-shipping-trust { padding: 22px var(--msm-page-gutter); }
	.msm-shipping-page .msm-shipping-static { padding: 38px var(--msm-page-gutter); }
	.msm-shipping-page .msm-shipping-static__card { grid-template-rows: 68px auto auto auto; min-height: 0; padding: 20px 18px; }
	.msm-shipping-page .msm-shipping-static__card h3 { min-height: 0; }
	.msm-shipping-page .msm-shipping-process > div { padding: 22px 16px; }
	.msm-shipping-page .wp-block-details { padding: 16px 14px; }
	.msm-shipping-page .msm-shipping-customs { padding: 22px 18px; }
	.msm-shipping-page .msm-shipping-contact { padding: 28px 18px; }
}
