/*
 * Service pages v2 — one layer for all ~30 service templates.
 * The templates share the same blocks (.cosmetology-title, .care, .clear,
 * .advantages-block, .service, .spec, accordions, price tables), so the
 * styles target those blocks inside the page wrappers. The ID inside :is()
 * gives these rules priority over the old per-page CSS without !important.
 */

.msv {
	--sv-ink: #0b3a47;
	--sv-text: #34525b;
	--sv-muted: #5b7780;
	--sv-lagoon: #4bbcd7;
	--sv-deep: #1c7f99;
	--sv-foam: #eef8fb;
	--sv-line: #dcebef;
	--sv-font: "Onest", "Segoe UI", Roboto, Arial, sans-serif;
	--sv-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 14'%3E%3Cpath d='M2 9C18 2 30 2 44 7.5S70 14 86 5' fill='none' stroke='%234bbcd7' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ---------- type ---------- */
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(h1, h2, h3, h4, h5, .panel-title, .panel-title a) { font-style: normal; letter-spacing: normal; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(h1, h2, h3, h4, h5, p, li, td, th, a, span, strong, em, .advantages-text, .advantages-header) {
	font-family: var(--sv-font);
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) h1 {
	position: relative;
	margin: 0 0 30px;
	padding-bottom: 26px;
	color: var(--sv-ink);
	font-size: clamp(34px, 4vw, 54px);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.02em;
	text-transform: none;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) h1::after {
	content: "";
	position: absolute; left: 0; bottom: 0;
	width: 88px; height: 14px;
	background: var(--sv-squiggle) no-repeat center / contain;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) h1 strong { color: var(--sv-deep); font-weight: 600; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(h2, .title-care h2) {
	color: var(--sv-ink);
	font-size: clamp(26px, 2.6vw, 36px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -.01em;
	text-transform: none;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) h3 {
	margin: 28px 0 10px;
	color: var(--sv-ink);
	font-size: 23px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: none;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(h1, h2, h3, h4)::first-letter { text-transform: uppercase; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) p,
.msv :is(#wrapper-cosmetology, #wrapper-hair) li {
	color: var(--sv-text);
	font-size: 17px;
	line-height: 1.7;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) p a,
.msv :is(#wrapper-cosmetology, #wrapper-hair) li a {
	color: var(--sv-deep);
	text-decoration: underline;
	text-decoration-color: rgba(28, 127, 153, .35);
	text-underline-offset: 3px;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) p a:hover { text-decoration-color: currentColor; }

/* lists: turquoise dots instead of grey squares */
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.cosmetology-title, .care, .clear, .panel-body, .get-consul, section) ul:not(.nav):not(.slides) > li {
	position: relative;
	margin: 0 0 6px;
	padding-left: 24px;
	list-style: none;
	background: none;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.cosmetology-title, .care, .clear, .panel-body, .get-consul, section) ul:not(.nav):not(.slides) > li::before {
	content: "";
	position: absolute; left: 4px; top: .72em;
	width: 7px; height: 7px;
	border-radius: 50%;
	background: var(--sv-lagoon);
	box-shadow: 0 0 0 4px rgba(75, 188, 215, .18);
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.cosmetology-title, .care, .clear, .panel-body, section) ul { margin: 0 0 18px; padding: 0; }

/* ---------- buttons ---------- */
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.dt-sc-button, .btn, .btn-primary, .spec .popmake-4321 .modal-title) {
	display: inline-block; /* not flex: ::first-letter (sentence case below) needs a block container */
	min-height: 52px;
	padding: 15px 30px;
	text-align: center;
	vertical-align: middle;
	border: 0;
	border-radius: 999px;
	background: var(--sv-ink);
	color: #fff;
	font-family: var(--sv-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	box-shadow: 0 14px 28px -16px rgba(11, 58, 71, .75);
	cursor: pointer;
	transition: background-color .18s, transform .12s, color .18s;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.dt-sc-button, .btn, .btn-primary, .spec .popmake-4321 .modal-title):hover { background: var(--sv-deep); color: #fff; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.dt-sc-button, .btn, .btn-primary)::first-letter { text-transform: uppercase; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.dt-sc-button, .btn, .btn-primary, .spec .popmake-4321 .modal-title) { text-transform: lowercase !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .cosmetology-title center { margin-top: 26px; text-align: left; }

/* the full price list opener: outline pill */
.msv :is(#wrapper-cosmetology, #wrapper-hair) .service .btn[data-type="cd-modal-trigger"] {
	background: #fff;
	color: var(--sv-deep);
	box-shadow: inset 0 0 0 1.5px var(--sv-deep);
	text-transform: lowercase;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) .service .btn[data-type="cd-modal-trigger"]:hover { background: var(--sv-deep); color: #fff; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.service { padding: 34px 0; }

/* ---------- "Стандарты компании" ---------- */
.msv .advantages-block {
	padding: 64px 24px 56px !important;
	background: var(--sv-foam) !important;
	text-align: center;
}
.msv .advantages-block .advantages-header {
	display: block;
	margin: 0 auto 34px;
	color: var(--sv-ink) !important;
	font: 600 clamp(26px, 2.6vw, 36px)/1.15 var(--sv-font) !important;
	letter-spacing: -.01em;
}
.msv .advantages-block .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	max-width: 1080px;
	margin: 0 auto !important;
}
.msv .advantages-block .row::before, .msv .advantages-block .row::after { display: none; }
.msv .advantages-block .row > div {
	display: flex; align-items: center; gap: 16px;
	width: auto !important;
	max-height: none !important;
	padding: 18px 20px !important;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 1px 0 var(--sv-line), 0 10px 26px -20px rgba(11, 58, 71, .5);
	text-align: left;
	float: none !important;
}
.msv .advantages-block .row > div br { display: none; }
.msv .advantages-block .advantages-icon {
	display: flex; align-items: center; justify-content: center;
	flex: none;
	width: 52px; height: 52px;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 50%;
	background: var(--sv-foam) !important;
	transform: none !important;
}
/* One icon set for every template: some print emoji (💰 🧑‍⚕️ …), some Font Awesome 5
   tags that no longer load. Both are hidden and the icon is drawn from the
   item's position — the six standards are in the same order on every page. */
.msv .advantages-block .advantages-icon { font-size: 0 !important; line-height: 0 !important; color: transparent !important; }
.msv .advantages-block .advantages-icon > * { display: none !important; }
.msv .advantages-block .advantages-icon::after {
	content: "";
	display: block;
	width: 26px; height: 26px;
	background: var(--sv-deep);
	-webkit-mask: var(--sv-ico) no-repeat center / contain;
	mask: var(--sv-ico) no-repeat center / contain;
}
.msv .advantages-block .advantages-text {
	color: var(--sv-ink) !important;
	font: 500 15.5px/1.35 var(--sv-font) !important;
	text-transform: none !important;
}
/* 1 discount · 2 consultation · 3 booking · 4 tea · 5 coffee · 6 Wi-Fi */
.msv .advantages-block .row > div:nth-child(1) { --sv-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5 5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E"); }
.msv .advantages-block .row > div:nth-child(2) { --sv-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3Cpath d='M12 15v4m-2-2h4'/%3E%3C/svg%3E"); }
.msv .advantages-block .row > div:nth-child(3) { --sv-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16M9 15l2 2 4-4'/%3E%3C/svg%3E"); }
.msv .advantages-block .row > div:nth-child(4) { --sv-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20c4-2 6-5 6-9-3 0-6 2-6 6'/%3E%3Cpath d='M12 20c-4-2-6-5-6-9 3 0 6 2 6 6'/%3E%3Cpath d='M12 17V9c0-2 1-4 3-5'/%3E%3C/svg%3E"); }
.msv .advantages-block .row > div:nth-child(5) { --sv-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12v6a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Cpath d='M16 12h1.5a2.5 2.5 0 0 1 0 5H16'/%3E%3Cpath d='M8 3c-1 1 1 2 0 3M12 3c-1 1 1 2 0 3'/%3E%3C/svg%3E"); }
.msv .advantages-block .row > div:nth-child(6) { --sv-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a15 15 0 0 1 20 0M5 12.5a10 10 0 0 1 14 0M8.5 16a5 5 0 0 1 7 0'/%3E%3Ccircle cx='12' cy='19.5' r='.8' fill='%23000'/%3E%3C/svg%3E"); }

/* ---------- "Хочу получить консультацию" band ---------- */
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec {
	position: relative;
	margin-top: 40px;
	overflow: visible !important;
	padding: 56px 0 64px !important;
	background: var(--sv-lagoon) !important;
	text-align: center;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec::before {
	content: "";
	position: absolute; left: 0; right: 0; bottom: calc(100% - 1px);
	height: 30px;
	background: var(--sv-lagoon);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30V18C260 -2 520 0 760 10S1200 30 1440 8V30Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30V18C260 -2 520 0 760 10S1200 30 1440 8V30Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec h2 {
	max-width: 760px;
	margin: 0 auto 26px;
	color: var(--sv-ink);
	text-transform: lowercase;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec :is(.btn, .popmake-4321 .modal-title) {
	background: #fff;
	color: var(--sv-ink);
	text-transform: lowercase;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec :is(.btn, .popmake-4321 .modal-title):hover { background: var(--sv-ink); color: #fff; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec .popmake-4321 { display: inline-block; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec .popmake-4321 .modal-title { margin: 0; }

/* ---------- accordions ---------- */
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel {
	margin: 0 0 10px !important;
	border: 1px solid var(--sv-line) !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: hidden;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-heading { padding: 0 !important; border: 0 !important; background: none !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-title { margin: 0; font-size: inherit; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-title a {
	position: relative;
	display: block;
	padding: 16px 52px 16px 20px;
	color: var(--sv-ink) !important;
	font: 600 16.5px/1.35 var(--sv-font);
	text-decoration: none;
	text-transform: none !important;
	letter-spacing: normal !important;
	background: none !important;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-title a * { text-transform: none !important; letter-spacing: normal !important; font: inherit !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-title a::after {
	content: "";
	position: absolute; right: 20px; top: 50%;
	width: 10px; height: 10px;
	margin-top: -7px;
	border-right: 2px solid var(--sv-deep);
	border-bottom: 2px solid var(--sv-deep);
	transform: rotate(45deg);
	transition: transform .2s;
}
/* the theme draws its own FontAwesome arrow in ::before — one arrow is enough */
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-title a::before { content: none !important; display: none !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-title a:not(.collapsed)[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: -2px; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-title a:hover { background: var(--sv-foam) !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-body {
	padding: 4px 20px 18px !important;
	border-top: 0 !important;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) .panel-group .panel-body :is(p, li) { font-size: 16px; }

/* ---------- price tables ---------- */
.msv :is(#wrapper-cosmetology, #wrapper-hair) table {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0;
	border: 1px solid var(--sv-line);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) table :is(td, th) {
	padding: 12px 16px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--sv-line) !important;
	color: var(--sv-text);
	font-size: 15.5px;
	line-height: 1.4;
	text-align: left;
	background: transparent;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) table tr:last-child > :is(td, th) { border-bottom: 0 !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) table :is(th, thead td) { background: var(--sv-foam) !important; color: var(--sv-ink); font-weight: 600; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) table td:last-child { color: var(--sv-ink); font-weight: 600; white-space: nowrap; text-align: right; }

/* ---------- phones ---------- */
@media (max-width: 767px) {
	.msv :is(#wrapper-cosmetology, #wrapper-hair) .container { padding-left: 18px; padding-right: 18px; }
	.msv :is(#wrapper-cosmetology, #wrapper-hair) h1 { margin-bottom: 22px; padding-bottom: 20px; }
	.msv :is(#wrapper-cosmetology, #wrapper-hair) h1::after { width: 66px; height: 11px; }
	.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(p, li) { font-size: 16px; }
	.msv :is(#wrapper-cosmetology, #wrapper-hair) .cosmetology-title center { text-align: center; }
	.msv .advantages-block { padding: 44px 16px 40px !important; }
	.msv .advantages-block .row { grid-template-columns: 1fr; gap: 10px; }
	.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec { padding: 40px 16px 48px !important; }
	.msv :is(#wrapper-cosmetology, #wrapper-hair) table :is(td, th) { padding: 10px 12px !important; font-size: 14.5px; }
	/* wide price tables scroll sideways instead of running off the screen */
	.msv :is(#wrapper-cosmetology, #wrapper-hair) table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.msv .advantages-block .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- round 2 (2026-09-29) ---------- */

/* the theme paints a square turquoise ::after over .dt-sc-button on hover */
.msv :is(#wrapper-cosmetology, #wrapper-hair) .dt-sc-button::after { content: none !important; display: none !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.dt-sc-button, .btn, .btn-primary):is(:hover, :focus, :active) {
	background: var(--sv-deep) !important;
	color: #fff !important;
	border-radius: 999px !important;
	outline: none;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) :is(.dt-sc-button, .btn, .btn-primary):focus-visible { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--sv-deep) !important; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec :is(.btn, .popmake-4321 .modal-title):is(:hover, :focus, :active) { background: var(--sv-ink) !important; color: #fff !important; }

/* one continuous "sea" at the bottom: light standards -> turquoise CTA -> ink footer */
.msv .advantages-block { position: relative; margin-top: 60px; }
.msv .advantages-block::before {
	content: "";
	position: absolute; left: 0; right: 0; bottom: calc(100% - 1px);
	height: 26px;
	background: var(--sv-foam);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V12C300 30 560 26 820 14S1260 -2 1440 10V26Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V12C300 30 560 26 820 14S1260 -2 1440 10V26Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
}
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.service { background: var(--sv-foam); padding: 0 0 40px; }
.msv :is(#wrapper-cosmetology, #wrapper-hair) section.spec { margin-top: 0; }
/* when the CTA is the last block, the footer's curve grows straight out of it */
body.msv:has(:is(#wrapper-cosmetology, #wrapper-hair) section.spec) .mf { margin-top: 0; }
body.msv:has(:is(#wrapper-cosmetology, #wrapper-hair) section.spec) :is(#wrapper-cosmetology, #wrapper-hair) section.spec { padding-bottom: 98px !important; }
@media (max-width: 640px) {
	body.msv:has(:is(#wrapper-cosmetology, #wrapper-hair) section.spec) :is(#wrapper-cosmetology, #wrapper-hair) section.spec { padding-bottom: 72px !important; }
}

/* photos: the hard 45deg cut becomes the S-curve "line of beauty" */
.msv #wrapper-cosmetology .decor:not(.wide)::before { display: none; }
.msv #wrapper-cosmetology .decor.left:not(.wide) {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100C90 30 68 38 50 50S10 70 0 100Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100C90 30 68 38 50 50S10 70 0 100Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
}
.msv #wrapper-cosmetology .decor.right:not(.wide) {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M100 100H0C10 70 32 62 50 50S90 30 100 0Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M100 100H0C10 70 32 62 50 50S90 30 100 0Z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
}

/* "check current prices by phone" notice on price blocks (js/booking-v2.js) */
.msv .msv-notice {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px;
	position: relative; margin: 0 0 20px; padding: 16px 20px 16px 54px;
	border: 1px solid #f4dfb3; border-radius: 18px; background: #fff7e8;
	text-align: left; box-sizing: border-box;
}
.msv .msv-notice::before {
	content: "i"; position: absolute; left: 18px; top: 50%; margin-top: -12px;
	width: 24px; height: 24px; border-radius: 50%; background: #f2a93b; color: #fff;
	font: 700 14px/24px "Onest", Arial, sans-serif; text-align: center;
}
.msv .msv-notice p { margin: 0 !important; color: #5c4712 !important; font: 600 16px/1.45 "Onest", Arial, sans-serif !important; text-transform: none !important; letter-spacing: normal !important; }
.msv .msv-notice .msv-notice__tel { display: flex; flex-wrap: wrap; gap: 8px; }
.msv .msv-notice__tel a {
	display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px;
	border: 1px solid #f0d49a; border-radius: 999px; background: #fff;
	color: #0b3a47 !important; font: 600 15px/1 "Onest", Arial, sans-serif; text-decoration: none !important; white-space: nowrap;
}
.msv .msv-notice__tel a:hover { border-color: #0b3a47; }
@media (max-width: 640px) {
	.msv .msv-notice { padding: 14px 16px 14px 48px; }
	.msv .msv-notice::before { left: 14px; top: 16px; margin-top: 0; }
	.msv .msv-notice .msv-notice__tel { width: 100%; }
}
.msv .pricetable > .msv-notice { max-width: 1030px; margin: 0 auto 20px; }
.msv .tablediv > .msv-notice { max-width: 1030px; margin: 0 auto 20px; }
@media (max-width: 1062px) {
	.msv :is(.pricetable, .tablediv) > .msv-notice { margin-left: 16px; margin-right: 16px; }
}