.tariffs-section,
.tariffs-section *{
	box-sizing:border-box;
}
.tariff-cards.is-draggable.is-no-scroll {
	cursor: default !important;
	user-select: text;
	-webkit-user-select: text;
}
.tariffs-section{
	padding:60px 0;
}

.tariffs-section__container{
	max-width:1320px;
	margin:0 auto;
	padding:0;
}

.tariffs-section__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	margin-bottom:44px;
}

.tariffs-section__title{
	font-size:36px;
	font-weight:700;
	color:#2F6FE4;
	margin:0;
}

.tariffs-section__cta{
	flex-shrink:0;
}

.tariffs-section__cta--mobile{
	display:none;
}

.tariff-tabs__level1,
.tariff-tabs__level2{
	display:flex;
	align-items:center;
	gap:4px;
	border:2px solid #E5E5E5;
	border-radius:999px;
	padding:2px;
	width:max-content;
	max-width:100%;
	overflow-x:auto;
	scrollbar-width:none;
}

.tariff-tabs__level2{
	margin-top:15px;
}

.tariff-tabs__tab{
	appearance:none;
	background:none;
	border:none;
	border-radius:999px;
	padding:10px 20px;
	font-size:16px;
	font-weight:500;
	color:#2B2B2B;
	white-space:nowrap;
	cursor:pointer;
	transition:background-color .2s ease, color .2s ease;
}

.tariff-tabs__tab.is-active, .tariff-tabs__tab:hover.is-active{
	background:#2F6FE4;
	color:#fff;
}

.tariff-tabs__tab:hover {
	background-color: #2F6FE44D;
}
.tariff-tabs__tab:focus {
	background:#2F6FE4;
	color:#fff;
}
.tariff-tabs__scrollbar{
	display:none;
}

.tariff-tabs__panel{
	display:none;
}

.tariff-tabs__panel.is-active{
	display:block;
}

.tariff-cards {
	display: none;
	gap: 28px;
	margin-top: 28px;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 28px * 3) / 4);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 4px;
}

.tariff-cards.is-draggable {
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}

.tariff-cards.is-draggable.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	scroll-behavior: auto;
}

.tariff-cards.is-draggable .tariff-card{
	pointer-events:auto;
}

.tariff-tabs__level1.is-draggable,
.tariff-tabs__level2.is-draggable{
	cursor:grab;
	user-select:none;
	-webkit-user-select:none;
}

.tariff-tabs__level1.is-draggable.is-dragging,
.tariff-tabs__level2.is-draggable.is-dragging{
	cursor:grabbing;
}
.tariff-cards.is-dragging {
	scroll-snap-type: none;
}

.tariff-cards.is-active{
	display:grid;
}

.tariff-card{
	scroll-snap-align: start;
	min-width:0;
}
.tariff-tabs__scrollbar--cards{
	display:none;
	height:4px;
	border-radius:2px;
	background:#EDEFF3;
	margin-top:16px;
	overflow:hidden;
}

.tariff-tabs__scrollbar--cards span{
	display:block;
	height:100%;
	border-radius:2px;
	background:#C7CEDB;
	transform:translateX(0);
}

.tariff-card{
	background:linear-gradient(135deg, #2F6FE4 0%, #8B5CF6 100%);
	border-radius:16px;
	padding:2px;
	display:flex;
	flex-direction:column;
}

.tariff-card__header{
	display:flex;
	flex-direction:column;
	gap:4px;
	padding:20px 10px;
	color:#fff;
}

.tariff-card__name{
	font-size:28px;
	font-weight:700;
}

.tariff-card__subtitle{
	font-size:13px;
	color:#F5F5F5;
}

.tariff-card__footnote{
	font-size:10px;
	line-height:1.4;
	color:#A6A6A6;
	margin:-8px 0 0;
}

.tariff-card__icon{
	flex-shrink:0;
	width:20px;
	height:20px;
}

.tariff-card__speed,
.tariff-card__price{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:20px;
	font-weight:500;
	color:#2B2B2B;
}

.tariff-card__desc-row{
	display:flex;
	align-items:flex-start;
	gap:10px;
}

.tariff-card__desc-row .tariff-card__icon{
	margin-top:2px;
}

.tariff-card__body{
	background:#fff;
	border-radius:14px;
	flex:1;
	padding:20px 10px;
	display:flex;
	flex-direction:column;
	gap:16px;
}

.tariff-card__desc{
	font-size:14px;
	line-height:1.5;
	color:#7A7A7A;
	margin:0;
	flex:1;
}

.tariff-card__btn{
	width:100%;
	margin-top:auto;
}
.tariff-cards__placeholder-note{
	grid-column:1 / -1;
	background:#F3F6FC;
	border:1px dashed #B9CCF0;
	border-radius:12px;
	padding:20px 24px;
	color:#5B6B85;
	font-size:14px;
	line-height:1.5;
}
.tariff-card__icon{
	width:24px;
	height:24px;
}
.tariff-card__desc-row{
	align-items:center;
}
.tariff-card__desc-row .tariff-card__icon{
	margin-top:0;
}
.tariff-card__body > * + *:not(.tariff-card__btn){
	padding-top:16px;
	border-top:1px solid #EDEFF3;
}
.tariff-card__body > .tariff-card__footnote + *{
	padding-top:0;
	border-top:0;
}
.tariff-card__body > .tariff-card__footnote{
	margin-top:0;
	padding-top: 12px;
}
.tariffs-section__intro{
	margin-top:24px;
	margin-bottom:32px;
}
.tariffs-section__intro p{
	margin:0 0 10px;
}
.tariffs-section__intro p:last-child{
	margin-bottom:0;
}
.tariffs-section--page .tariffs-section__title{
	margin-bottom:32px;
}
.tariff-page section.tariffs-section.tariffs-section--page {
	padding-top: 0;
	padding-bottom: 40px;
}
.tariff-page section.tariffs-section.tariffs-section--page:first-of-type {
	padding-top: 22px;
}
.tariff-page .tariff-page__conditions{
	margin-top: 0;
}
.tariff-page .tariff-page__services-note{
	color:#2B2B2B;
}
@media (min-width:992px){
	.tariffs-section--page .tariff-cards.is-draggable .tariff-card{
		user-select:text;
		-webkit-user-select:text;
	}
	.tariffs-section--page .tariff-cards{
		grid-auto-flow:row;
		grid-template-columns:repeat(4, minmax(0, 1fr));
		overflow-x:visible;
		scroll-snap-type:none;
		cursor:default;
	}

	.tariffs-section--page .tariff-tabs__scrollbar--cards{
		display:none;
	}
}

@media (max-width:991px){
	section.tariffs-section.tariffs-section--page:first-of-type {
		padding-top: 10px;
	}
	.tariff-page .tariffs-section__title {
		margin-bottom: 28px;
	}
	.tariffs-section{
		padding:16px 0;
	}
	.tariff-page__container p, .tariff-page__container li {
		font-size: 14px;
	}
	.tariffs-section__head{
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
	}
	.archive-tariffs .archive-tariffs-table__cell {
		padding: 8px;
		font-size: 12px;
	}
	.tariffs-section__title{
		font-size:28px;
	}

	.tariffs-section__cta{
		display:none;
	}

	.tariffs-section__cta--mobile{
		display:flex;
		width:100%;
		justify-content:center;
		margin-top:28px;
	}

	.tariff-tabs__level1,
	.tariff-tabs__level2{
		width:100%;
		max-width: min-content;
	}

	.tariff-tabs__tab.is-active{
		border-color:#2F6FE4;
	}

	.tariff-tabs__scrollbar{
		display:block;
		height:4px;
		border-radius:2px;
		background:#fff;
		margin-top:12px;
		overflow:hidden;
	}

	.tariff-tabs__scrollbar span{
		display:block;
		height:100%;
		width:40%;
		border-radius:2px;
		background:#E5E5E5;
		transition:transform .1s linear;
		transform:translateX(0);
	}

	.tariff-cards{
		grid-auto-columns:82%;
		gap:14px;
		margin-top:24px;
		margin-right: -20px;
        padding-right: 20px;
	}

	.tariff-tabs__scrollbar--cards{
		display:block;
		margin-top:12px;
	}
	.tariff-page section.tariffs-section.tariffs-section--page {
		padding-bottom: 32px;
	}
	.tariff-page  .tariff-page__conditions h2 {
		margin: 0 0 28px;
	}
	.tariff-page__notice-content {
		font-size: 14px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.tariff-cards{
		grid-auto-columns:calc((100% - 28px * 2) / 3);
	}
}

@media (min-width:640px) and (max-width:991px){
	.tariff-cards{
		grid-auto-columns:calc((100% - 14px) / 2);
	}
}
@media (max-width:767px){
	section.tariffs-section .tariffs-section__title {
		font-size: 24px;
	}
	.tariffs-section{
		padding:40px 0;
	}
	section.tariffs-section .tariffs-section__head {
		margin-bottom: 24px;
		width: 230px;
	}
	.tariff-tabs__tab{
        padding: 8px 12px;
	}
}