/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

body{
	min-width:375px;
}

progress {
vertical-align: baseline;
}

@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}

@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}

.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}

.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}

.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}

.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none;
}
}

.wet, .dry, .snow, .noise, .comfort, .fuel, .ice {
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
width: 25px;
height: 25px;
}

.wet {
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png);
}

.dry {
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/sun.png);
}

.snow {
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/snowflake.png);
}

.ice {
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/ice.png);
}

.comfort {
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/comfort.png);
}

.noise { 
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/noise.png);
}

.fuel { 
background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/fuel.png);
}


.totalValue {
font-size: 2.4rem;
color:  #be0000;
font-weight: 700;
}

.totalValue2 {
font-size: 4rem;
color:  #be0000;
font-weight: 700;
}


.totalDescription {
font-size: 20px;
color: black;
font-weight: 100;
}

.prosAndCons li {
list-style: none;
}

.prosAndCons li:before {
     border: none !important;
	 position:initial !important;
	 width:initial !important;
}

.prosAndCons .pros:before 
{content: "+" !important; 
color: green;
font-weight: 800;
margin-right: 10px;
font-size: 18px;
} 

.prosAndCons .cons:before 
{content: "-" !important; 
color: red;
font-weight: 800;
margin-right: 10px;
font-size: 18px;
} 

.prosAndCons ul  {
padding-left: 0px;
	 		margin-left:0px;
 margin-bottom: 20px;
}

.prosAndConsRight li {
line-height: 1.8;

}

table {
border: none;
}

.prosAndConsRight ul {
margin-top:5px !important;
}

.entry-content table td, .entry-content table th, .home-text table td, .home-text table th, .taxonomy-description table td, .taxonomy-description table th {
border:none;
}

.entry-content table, .home-text table, .taxonomy-description table {
border:none;
}

.tableTestResult {
text-align: right;
}

.tableTestResult th {
text-align: right !important;
}

.tableTestResult td:nth-child(-n+2) {
text-align: left;
}

.tableTestResult th:nth-child(-n+2) {
text-align: left !important;
}

.prosAndConsRight p { 
margin-bottom:5px;
}

.entry-content .wp-caption-text, .entry-content figcaption, .home-text .wp-caption-text, .home-text figcaption, .taxonomy-description .wp-caption-text, .taxonomy-description figcaption {
font-size: 14px;
color: #000;
margin-top: -0.1925em;
text-align: left;
font-style: italic;
}

.testName {
font-weight: 700;
}

.win2 td:nth-child(4) {
 background-color: #d0ffd0;  
}

.win2 td:nth-child(3) {
background-color: #ffdfdf;
}

.win1 td:nth-child(4) {
background-color: #ffdfdf;
}

.win1 td:nth-child(3) {

background-color: #d0ffd0;  
}

.winBoth td:nth-child(3) {

background-color: #f2f2f2;  
}

.winBoth td:nth-child(4) {

background-color: #f2f2f2;  

}

.entry-content table, .home-text table, .taxonomy-description table {
border-spacing:2px;
}

.entry-content table, .home-text table, .taxonomy-description table {
border-collapse:initial;
}

.tableMainCompare {
text-align:right;
}

.tableMainCompare th:nth-child(-n+1) {
text-align: left;
}


.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

#myTabContent {
  padding-top:20px;
}

.entry-content .wp-block-button, .entry-content p, .home-text .wp-block-button, .home-text p, .taxonomy-description .wp-block-button, .taxonomy-description p {
  margin-bottom: 1em;
}

.entry-content table, .home-text table, .taxonomy-description table {
      margin: 0 0;
}

.finalTable td {
    font-size: 12px;
}

.finalTable th {
    font-size: 14px;
}

.finalTable { 
    text-align: right;
}

.finalTable  td:nth-child(-n+2) {
    text-align: left;
}

.finalTable  th:nth-child(-n+2) {
    text-align: left;
}

/* tyre-test */
.tyres-shortcode {
  width: 100%;
  display: block;
  min-width: 0;
}
.tyres-shortcode-table-wrapp {
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  margin-bottom: -4px;
  margin-bottom: -0.25rem;
  .table-responsive{
	  overflow:unset;
  }
}
.tyres-shortcode-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.125em;
  border: solid 0.125em #ccc;
}
.tyres-shortcode-table thead {
  font-weight: 700;
  font-size: 0.875em;
}
.tyres-shortcode-table td {
  padding: 0.5em 0.75em;
}
@media (max-width: 767px) {
  .tyre-test-table {
    white-space: nowrap;
  }
}
.tyre-test-table tbody tr:last-child td {
  padding-bottom: 1em;
}
.tyre-test-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
}
.tyre-test-title-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 1.5em;
  height: 1.5em;
  background-position: center;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tyre-test-title-icon img,
.tyre-test-title-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.tyre-all-tests-table tbody td:first-child {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .tyre-all-tests-table tbody td:first-child {
    position: sticky;
    left: 0;
    top: 0;
    background-color: #fff;
  }
}

.tyre-test-title-icon[data-icon="dry-braking"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/sun.png) 
}

.tyre-test-title-icon[data-icon="dry-handling"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/sun.png) 
}

.tyre-test-title-icon[data-icon="dry-lateral-handling"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/sun.png) 
}

.tyre-test-title-icon[data-icon="wet-braking"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) 
}

.tyre-test-title-icon[data-icon="wet-handling"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) 
}

.tyre-test-title-icon[data-icon="wet-lateral-handling"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) 
}


.tyre-test-title-icon[data-icon="straight-aqua"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) 
}


.tyre-test-title-icon[data-icon="lateral-aqua"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) 
}


.tyre-test-title-icon[data-icon="rolling-resistance"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/fuel.png) 
}

.tyre-test-title-icon[data-icon="noise"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/noise.png) 
}

.tyre-test-title-icon[data-icon="comfort"] { 
	background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/comfort.png) 
}

.page-header{
	margin-bottom:50px;
}

.section-bg{
	position:absolute;
	top:0;
	bottom:0;
	left:calc(50% - 50vw);
	width:100vw;
}

.section-block--dark .post-card__title a{
	color:#fff;
}

.other-archive-posts-list{
	columns:3;
	column-gap:24px;
	margin-bottom:4px;
}

@media (max-width: 1023px){
	.other-archive-posts-list{
		columns:2;
	}
}

@media (max-width: 767px){
	.other-archive-posts-list{
		columns:1;
	}
}

.other-archive-posts-list li{
	break-inside:avoid;
	padding-bottom:4px;
}

.taxonomy-content{
	margin-top:50px;
}

.section-block__desc{
		position:relative;
		z-index:1;
		margin-bottom:40px;
	
}

.section-block__header + .section-block__desc{
		margin-top:-20px;
	
}

/* tyres_compare_advanced */

.tyres-compare-discipline-title{
	font-weight:700;
}

.tyres-compare-section{
	margin-bottom:24px;
	&:last-child{
		margin-bottom:0;
	}
}

.tyres-compare-discipline{
	padding:16px;
	border-radius:8px;
	margin:0 -16px;
	&:nth-child(even){
		background-color:#fafafa;
	}
}

.tyres-compare-discipline-title{
	margin-bottom:8px;
	font-size:1.2em;
}

.tyres-compare-advanced-table-2{
	td{
		&:nth-child(2),
		&:nth-child(3){
			text-align:center;
		}
	}
}

.tyres-compare-average-rating{
	font-weight:700;
	&.one-best{
		td{
			&:nth-child(2){
				color:green;
			}
			&:nth-child(3){
				color:red;
			}
		}
	}
	&.two-best{
		td{
			&:nth-child(3){
				color:green;
			}
			&:nth-child(2){
				color:red;
			}
		}
	}
}

.tyres-compare-advanced-tests-title{
	font-weight:700;
	margin-bottom:8px;
	font-size:inherit;
}

.tyres-compare-advanced-test-result{
	&.one-best{
		td{
			&:nth-child(2){
				background-color:#d0ffd0;
			}
			&:nth-child(3){
				background-color:#ffdfdf;
			}
		}
	}
	&.two-best{
		td{
			&:nth-child(3){
				background-color:#d0ffd0;
			}
			&:nth-child(2){
				background-color:#ffdfdf;
			}
		}
	}
	&.parity{
		td{
			&:nth-child(3),
			&:nth-child(2){
				background-color:#fff0d0;
			}
		}
	}
}

.tyres-compare-advanced-winner{
	blockquote{
		margin:0!important;
	}
}

.tyres-compare-section-3{
	padding-top:24px;
	border-top:dashed 2px #ccc;
}

.tyres-compare-advanced-overall-title{
	margin-bottom:8px;
	font-size:1.4em;
}

/* tyre_compare_competitors */

.tyre-compare-competitors-table{
	--width:76px;
	line-height:1.2;
	td{
		max-width:var(--width);
		min-width:var(--width);
		&:first-child{
			--width:180px;
			position:sticky;
			left:0;
			background-color:#fff;
		}
	}
	thead{
		font-size:11px;
		td{
			vertical-align:bottom;
		}
	}
}

.tyre-compare-competitors-name{
	min-height:2lh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	span{
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	&.active{
		font-weight:700;
	}
}

.result_bad{
	background-color:#f88c5d;
}

.tyre-compare-competitors-places{
	margin-top:24px;
}

.tyre-compare-competitors-title{
	font-weight:700;
	font-size:1.2em;
	margin-bottom:8px;
}

/* compare_select_tag */

.compare-select-tag-form{
	display:grid;
	grid-template-columns:1fr 1fr auto;
	gap:16px;
}

.compare-select-tag-two{
	option{
		&:not(.active):not([disabled]){
			display:none;
		}
	}
}

.compare-select-tag-submit{
	height:44px;
	display:flex;
	align-items:center;
}

/* tyre_compare_slice */

.tyre-compare-slice-table{
	--width:56px;
	line-height:1.2;
	counter-reset:counter;
	td{
		max-width:var(--width);
		min-width:var(--width);
		&:first-child{
			--width:148px;
			
		}
		&:nth-child(2){
			--width:42px;
		}
	}
	tbody{
		counter-increment:counter;
		td{
			&:first-child{
				position:sticky;
				left:0;
			}
		}
	}
	thead{
		font-size:10px;
		font-weight:700;
		td{
			vertical-align:bottom;
		}
	}
}

.tyre-compare-slice-table-main{
	td{
		&:first-child{
			background-color:#fff;
			position:relative;
			z-index:1;
		}
	}
}

.tyre-compare-slice-name-wrapp{
	display:flex;
	gap:4px;
	align-items:center;
	&:before{
		content:counter(counter);
		width:16px;
		flex:none;
		font-size:12px;
	}
}

.tyre-compare-slice-name{
	min-height:2lh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
	span{
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	&.active{
		font-weight:700;
	}
}

.tyre-compare-slice-sort,
.tyre-compare-competitors-sort{
	all:unset;
	box-sizing:border-box;
	display:block;
	padding-right:8px;
	position:relative;
	cursor:pointer;
	user-select:none;
	outline:none!important;
	width:calc(100% + .5em);
	transition:color .2s;
	min-height:2lh;
	&:hover{
		color:#4d3bfe!important;
	}
	&:before,
	&:after{
		content:'';
		position:absolute;
		border-left:solid 4px transparent;
		border-right:solid 4px transparent;
		right:0;
		color:#a0a0a0;
	}
	&:before{
		border-bottom:solid 6px;
		bottom:8px;
	}
	&:after{
		border-top:solid 6px;
		bottom:0;
	}
	&.asc,
	&.desc{
		color:#4d3bfe;
		&:before,
		&:after{
			color:inherit;
		}
	}
	&.asc{
		&:after{
			display:none;
		}
	}
	&.desc{
		&:before{
			display:none;
		}
	}
}

.tyre-compare-slice-table-more{
	background-color:#f8f8f8;
	td{
		&:first-child{
			background-color:#f8f8f8;
		}
	}
	&:not(.active){
		display:none;
	}
}

.tyre-compare-slice-toggle{
	display:block;
	margin:auto;
	width:28px;
	height:28px;
	position:relative;
	color:inherit!important;
	transition:color .2s;
	outline:none!important;
	&:hover{
		color:#4d3bfe!important;
	}
	&:before{
		content:'';
		position:absolute;
		border-top:solid 10px;
		border-left:solid 6px transparent;
		border-right:solid 6px transparent;
		top:calc(50% - 5px);
		left:calc(50% - 6px);
		transition:transform .2s;
	}
	&.active{
		&:before{
			transform:rotate(-180deg);
		}
	}
}

/* voting */

.voting{
	margin-bottom:2rem;
	&.active{
		.voting-item-link{
			display:none;
		}
		.voting-item{
			pointer-events:none;
		}
	}
}

.voting-items{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	@media (max-width:479px){
		gap:16px;
	}
}

.voting-item{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:16px;
	&:hover{
		.voting-item-checkbox-icon{
			border-color:#4d3bfe;
		}
	}
	&.active{
		.voting-item-checkbox-icon{
			border-color:#4d3bfe;
			background-color:#4d3bfe;
			svg{
				opacity:1;
			}
		}
		.voting-item-count{
			display:block;
		}
	}
}

.voting-item-link{
	position:absolute;
	inset:0;
	z-index:6;
	outline:none!important;
}

.voting-item-img{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:120px;
	img{
		max-height:100%;
		max-width:100%;
	}
}

.voting-item-title{
	font-weight:700;
	text-align:center;
}

.voting-item-checkbox{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	@media (max-width:479px){
		gap:8px;
	}
}

.voting-item-count{
	@media (min-width:480px){
		font-size:1.25rem;
	}
}

.voting-item-checkbox-icon{
	width:48px;
	height:48px;
	border:solid 2px #ccc;
	border-radius:50%;
	display:grid;
	place-items:center;
	transition:border-color .4s,background-color .4s;
	flex:none;
	@media (max-width:479px){
		width:32px;
		height:32px;		
	}
	svg{
		width:32px;
		height:32px;
		opacity:0;
		color:#fff;
		transition:opacity .4s;
		@media (max-width:479px){
			width:24px;
			height:24px;
		}
	}
}

.voting-share{
	display:flex;
	padding-top:20px;
	margin-top:24px;
	border-top:solid 1px #eee;
	gap:8px;
}

.voting-share-btn{
	height:40px;
	padding:0 12px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:inherit!important;
	border:solid 1px;
	gap:8px;
	flex:auto;
	outline:none!important;
	text-decoration:none!important;
	transition:color .4s;
	span{
		@media (max-width:767px){
			display:none;
		}
	}
	&:hover{
		color:#4d3bfe!important;
	}
}

.voting-title{
	margin-bottom:24px;
	&+.voting-desc{
		margin-top:-12px;
	}
}

.voting-desc{
	margin-bottom:24px;
}

.tyres-shortcode-table-with-fixed-head{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}

.tyres-shortcode-table-with-fixed-head{
	thead{
		&.fixed{
			position:fixed;
			z-index:66;
			background-color:#fff;
			top:0;
			display:table;
			border-spacing:inherit;
			width:var(--width);
			clip-path:polygon(0 0, var(--width) 0, var(--width) 100%, 0 100%);
			tr{
				transform:translateX(var(--x));
			}
		}
		&.hide{
			visibility:hidden;
		}
	}
}


.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.rating-category-exemplary{
	background-color:#22C55E;
	color:white;
	border-radius:3px;
}

.rating-category-good{
	background-color:#93C5FD;
	color:black;
	border-radius:3px;
}

.rating-category-average{
	background-color:#FCD34D;
	color:black;
	border-radius:3px;
}

.rating-category-poor{
	background-color:#EF4444;
	color:white;
	border-radius:3px;
}



.rating-category-color-exemplary{
	color:#86EFAC;
	border-radius:3px;
}

.rating-category-color-good{
	color:#93C5FD;
	border-radius:3px;
}

.rating-category-color-average{
	color:#FDE68A;
	border-radius:3px;
}

.rating-category-color-poor{
	color:#EF4444;
	border-radius:3px;
}



.tyre-discipline-chart-desc{
	margin-top:24px;
}

.tyre-discipline-chart-place-count{
	&:after{
		content:',';
	}
	&:last-child{
		&:after{
			content:'.';
		}
	}
}

/* tyre-tests-accordion */

.tyre-tests-accordion-table{
	--bg:#f8f8f8;
	 border-spacing: 0!important;
	 border-collapse: collapse!important;
	 tr:has(.tta-main-td:hover){
		--bg:#eee;
	 }
	 .tta-main-td{
		transition:background-color .4s;
		cursor:pointer;
		user-select:none;
		@media (max-width:767px){
			white-space:nowrap;
		}
	 }
	.tta-year-td{
		--padding-right:32px;
		width:0;
		white-space:nowrap;
		
		padding-right:var(--padding-right);
		position:relative;
		&:before{
			content:'';
			position:absolute;
			width:8px;
			height:8px;
			right:calc(.5 * var(--padding-right) - 4px);
			border-radius:50%;
			background-color:currentColor;
			top:calc(.5em + .5lh - 4px);
		}
		&:after{
			content:'';
			position:absolute;
			inset:calc(.5em + .5lh - 4px) calc(.5 * var(--padding-right) - 1px) calc(-.5lh - 2px - .5em) auto;
			border-right:dashed 2px;
		}
	}
	.tta-name-td{
		position:relative;
		&:before{
			content:'';
			position:absolute;
			border-top:solid 8px transparent;
			border-bottom:solid 8px transparent;
			border-right:solid 8px var(--bg);
			right:100%;
			top:calc(.5em + .5lh - 8px);
			transition:border-right-color .4s;
		}
	}
	.tta-toggle-td{
		width:0;
		padding-right:1em;
	}
	.tta-results-td{
		padding-top:1em;
		padding-bottom:1em;
	}
	.tta-separator-td{
		padding-top:0;
		padding-bottom:2px;
	}
	&>tbody{
		&>tr{
			&:first-child{
				&>td{
					&:not(.tta-year-td){
						background-color:var(--bg);
					}
				}
			}
			&>td{
				vertical-align:top;
			}
		}
		&:last-child{
			.tta-year-td{
				&:after{
					display:none;
				}
			}
		}
	}
}

.tta-toggle{
	white-space:nowrap;
	pointer-events:none;
}

.tta-results-body{
	padding:1em 0;
	&:first-child{
		padding-top:0;
	}
	&:last-child{
		padding-bottom:0;
	}
}

				.brands img {
					width: 100%;
					max-width: 300px;
					padding: 10px;
					margin: auto;
				}

				.brandsRow a {
					margin-bottom: 25px;
				}

.brandsRow li:before {
	border:none !important;
}

.brandsRow li {
	padding-left:0px !important;
}

#performance-table .accordionn {
		cursor: pointer;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
	  margin-bottom:5px;
	border-bottom:1px solid #f2f2f2;
	}
	#performance-table .panel {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		margin:0;
		text-align: left;
		font-size:14px;
	}

	#performance-table .panel .center {
  	margin-bottom:5px;
	}


	#performance-table .left {
		width: 14px;
		display: inline-block;
/* 		border: 1px solid #F2F2F2; */
		padding: 0 3px;
		height: 100%;
		display: none;
	}
	#performance-table .center {
		width: calc(100% - 90px);
		display: inline-block;
/* 		border: 1px solid #F2F2F2; */
		padding: 0 3px;
	}
	#performance-table .right {
		width: 80px;
		display: inline-block;
/* 		border: 1px solid #F2F2F2; */
		text-align: center;
		border-radius: 3px;
	}
	#performance-table .panel .center {
		padding: 0 0 0 8px;
/* 		width: calc(100% - 92px); */
	}

#performance-table .panel .center:before {

    content: '\25BB	 '
}

@media screen and (max-width: 600px) {
  	#performance-table .center {
		width: calc(100% - 200px);
	}
}

.winR td:nth-child(3) {
 background-color: #d0ffd0;  
}

.winR td:nth-child(2) {
background-color: #ffdfdf;
}

.winL td:nth-child(3) {
background-color: #ffdfdf;
}

.winL td:nth-child(2) {
	background-color: #d0ffd0; 
}

/* tyres-compare */
.tyres-compare {
  width: 100%;
  display: block;
}
.tc-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.125em;
  table-layout: fixed;
  border: solid 0.125em #ccc;
}
@media (max-width: 767px) {
  .tc-table {
    display: block;
    border: 0;
  }
}
.tc-table thead {
  font-weight: 700;
  font-size: 0.875em;
}
@media (max-width: 767px) {
  .tc-table thead {
    display: block;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 66;
    -webkit-box-shadow: 0 0.125em 0 #ccc;
            box-shadow: 0 0.125em 0 #ccc;
    text-align: center;
    will-change: transform;
  }
  .tc-table thead tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .tc-table td {
    padding: 0.5em 0.75em;
  }
}
@media (max-width: 767px) {
  .tc-table tbody {
    display: block;
    border: solid 0.125em #ccc;
    margin-bottom: 0.75em;
    padding: 0.75em 0.5em 0.5em;
  }
  .tc-table tbody:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tc-table tbody tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 0.75em;
  }
  .tc-table tbody tr:last-child {
    margin-bottom: 0;
  }
  .tc-table tbody tr.tct-name {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .tc-table tbody tr:first-child td {
    padding-top: 1em;
  }
}
@media (max-width: 767px) {
  .tc-table tfoot {
    display: none;
  }
}
.tc-table tfoot td {
  height: 1em;
}
@media (max-width: 767px) {
  .tc-th {
    display: grid;
    padding: 0.5em;
    font-size: 0.75rem;
    place-items: center;
  }
}
@media (max-width: 767px) {
  .tc-th-title {
    display: none;
  }
}
@media (min-width: 768px) {
  .tc-th-one {
    width: 26%;
  }
}
@media (min-width: 768px) {
  .tc-th-two {
    width: 26%;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .tc-th-difference {
    width: 15%;
    text-align: right;
  }
}
.tct-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}
.tct-title-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 1.5em;
  height: 1.5em;
  background-position: center center;
  background-size: cover;
}
.tct-title-text {
  font-weight: 700;
}
@media (min-width: 768px) {
  .tct-title-text {
    font-size: 1.125em;
  }
}
@media (max-width: 767px) {
  .tctr-name-td {
    opacity: 0.7;
    margin-bottom: 0.5em;
    font-size: 0.875rem;
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .tctr-name {
    margin-left: 2em;
  }
}
.tctr-value-td.tctr-same {
  background-color: #f2f2f2;
}
.tctr-value-td.tctr-better {
  background-color: #d0ffd0;
}
.tctr-value-td.tctr-worse {
  background-color: #ffdfdf;
}
@media (max-width: 767px) {
  .tctr-value-td {
    padding: 0.5em;
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .tctr-value-td-difference {
    background-color: #f2f2f2;
  }
}
.tctr-value {
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .tctr-value {
    font-weight: 700;
    text-align: center;
    font-size: 0.875rem;
  }
}

[data-tct-icon="dry-braking"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/sun.png) }

[data-tct-icon="dry-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/sun.png) }

[data-tct-icon="wet-braking"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) }

[data-tct-icon="wet-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) }

[data-tct-icon="wet-lateral-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) }

[data-tct-icon="straight-aqua"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) }

[data-tct-icon="lateral-aqua"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/raindrops.png) }

[data-tct-icon="snow-braking"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/snowflake.png) }

[data-tct-icon="snow-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/snowflake.png) }

[data-tct-icon="snow-lateral-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/snowflake.png) }

[data-tct-icon="snow-traction"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/snowflake.png) }

[data-tct-icon="ice-braking"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/ice.png) }

[data-tct-icon="ice-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/ice.png) }

[data-tct-icon="ice-lateral-handling"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/ice.png) }

[data-tct-icon="ice-traction"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/ice.png) }

[data-tct-icon="rolling-resistance"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/fuel.png) }

[data-tct-icon="noise"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/noise.png) }

[data-tct-icon="comfort"] { background-image: url(https://alltyretests.com/wp-content/uploads/2022/07/comfort.png) }

.tyre-test-title-icon[data-icon="dry-braking"] { background-image: url('https://alltyretests.com/wp-content/uploads/2022/07/sun.png') }

.tyre-all-tests-table td:nth-child(n+2) {
	vertical-align: bottom;
	text-align: right;
}

.tyre-all-tests-table td:nth-child(1) {
	vertical-align: bottom;
	text-align: left;
}


.result_100 {
		background-color: #63be7b;
	}


	.result_99 {
		background-color: #78c47c;
	}

	.result_98 {
		background-color: #8dca7d;
	}

	.result_97 {
		background-color: #a1d17d;
	}

	.result_96 {
		background-color: #b6d77e;
	}

	.result_95 {
		background-color: #cdde82;
	}

	.result_94 {
		background-color: #dfe384;
	}

	.result_93 {
		background-color: #f5e983;
	}

	.result_92 {
		background-color: #ffe081;
	}

	.result_91 {
		background-color: #fed180;
	}

	.result_90 {
		background-color: #fbbe7b;
	}

	.result_89 {
		background-color: #fbae78;
	}


	.result_88 {
		background-color: #fa9d74;
	}

	.result_87 {
		background-color: #f98b72;
	}


	.result_86 {
		background-color: #f87a6e;
	}

	.result_85 {
		background-color: #f8696b;
	}	

	.result_84 {
		background-color: #f8696b;
	}	

	.result_83 {
		background-color: #f8696b;
	}	

	.result_82 {
		background-color: #f8696b;
	}	

	.result_81 {
		background-color: #f8696b;
	}	

	.result_80 {
		background-color: #f8696b;
	}	

	.result_79 {
		background-color: #f8696b;
	}	

	.result_78 {
		background-color: #f8696b;
	}	

	.result_77 {
		background-color: #f8696b;
	}	

	.result_76 {
		background-color: #f8696b;
	}	

	.result_75 {
		background-color: #f8696b;
	}	

	.result_74 {
		background-color: #f8696b;
	}	

	.result_73 {
		background-color: #f8696b;
	}	

	.result_72 {
		background-color: #f8696b;
	}	

	.result_71 {
		background-color: #f8696b;
	}	

	.result_70 {
		background-color: #f8696b;
	}	


.tableTopCompetitors td:nth-child(n+2)  {
	text-align: center;
	vertical-align: middle;
}

table  {
	margin-bottom: 15px !important;
}

.category_description {
	font-size:18px;
}

.tyre-all-tests {
		margin-bottom: 15px !important;
}

.brandsNew {
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}



.brandsNew img {
	max-width:200px;
	margin:10px;
	margin-bottom:15px;
	
}

.brandsNew a:hover {
	 box-shadow: 2px 5px 5px 2px rgba(1, 1, 2, .2);
}

.ratingTable {
	line-height:1;
}

.lowText { 
font-size:12px;
	text-align:center;
	line-height:1;

}

.brandsNew2 {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}

.tyre-compare-slice-table  {
	border-spacing:1px !important;
	font-size:0.8em !important;
}

.tyre-compare-slice-table td:nth-child(1) {
	text-align:left;;
}

.tyre-compare-slice-table td {
	text-align:center;
}

.tyre-compare-competitors {
		border-spacing:1px !important;
	font-size:0.8em !important;
}

.tyre-tests-statistic-table td { 
	vertical-align:top;
	text-align:left;
}

.tyres-compare-section-1 td {
	vertical-align:top;
}


.compare-select-tag {
	margin-bottom:20px;
}

.tyre-disciplines-table {
	line-height:1;
	font-size:13px !important;
}

.tyre-disciplines-table td:nth-child(n+2)  {
	text-align: center;
	vertical-align: middle;
}



.summaryArea {
	list-style:none;
	padding-left:10px;
}

.summaryGreen::before {
	content: "■"; 
	color: #01cb01;
	margin-right:10px;
}

.summaryGrey::before {
	content: "■"; 
	color: grey;
	margin-right:10px;
} 
	
.summaryYellow::before {
	content: "■"; 
	color: #ffb94b;
	margin-right:10px;
} 

.summaryRed::before {
	content: "■"; 
	color: red;
	margin-right:10px;
}

.summaryArea li {
	margin-bottom:5px;
}

.number {
	font-size:22px;
	font-weight:bold;
	margin-bottom:0px !important;
	line-height:1.1;
}

.description {
	font-size:12px;
	line-height:1;
	color:grey;
}

.flexStat {
	display: flex;
	flex-wrap: wrap;
	justify-content:stretch;
}

.flexStatValue {
	width:20%;
}

.otherBrands {
	font-size:12px;
}

.otherBrands li {
	list-style:none;
}

.tyre-discipline-chart-place-count sup {
    font-size: 0.9em;
}


 .tire-card {
	background: white;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}

.rank-badge {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #333;
	color: white;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	z-index: 1;
}

.tire-content {
	display: flex;
	gap: 30px;
}

.tire-image {
	flex: 0 0 40%;
	position: relative;
	background: white;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 30px;
}

.tire-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
	max-width: 400px;
}

.tire-details {
	flex: 1;
	padding: 30px 30px 30px 0;
}

.tire-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 15px;
}

.noise-rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 15px;
	border-radius: 20px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
}

.noise-rating.exemplary {
	background: #4CAF50;
	color: white;
}

.noise-rating.good {
	background: #2196F3;
	color: white;
}

.noise-rating.average {
	background: #FFC107;
	color: black;
}

.test-results {
	margin-bottom: 30px;
}

.result-section {
	margin-bottom: 25px;
}

.result-section h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid #f0f0f0;
}

.test-detail {
	color: #444;
	line-height: 1.6;
	margin-bottom: 15px;
}

.achievement-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}

.achievement-badge {
	background: #f0f9ff;
	color: #0369a1;
	padding: 8px 15px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.achievement-badge::before {
	content: "🏆";
	font-size: 14px;
}

.stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin: 20px 0;
}

.stat-box {
}

.stat-label {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}

.stat-value {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

@media (max-width: 768px) {
	.tire-content {
		 flex-direction: column;
	}
	
	.tire-image {
		 flex: 0 0 300px;
	}
	
	.tire-details {
		 padding: 20px;
	}
	
	.stats {
		 grid-template-columns: 1fr;
	}

	.tire-header {
		 flex-direction: column;
		 gap: 10px;
	}

	.page-title {
		 font-size: 28px;
	}
}

.tyres-compare-advanced,
.tyre-disciplines-radar{
	.one-color{
		color:var(--one-color);
	}
	.two-color{
		color:var(--two-color);
	}
}

.radar{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.radar-head{
	display:grid;
	gap:24px;
	border-bottom:solid 1px #eee;
	padding-bottom:24px;
	text-align:center;
	@media (min-width:768px){
		grid-template-columns:1fr max-content 1fr;
	}
}

.radar-head-item{
	display:flex;
	flex-direction:column;
}

.radar-head-title{
	font-size:24px;
	font-weight:700;
}

.radar-head-info-item-best{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.radar-head-info-item-best-body{
	text-align:left;
}

.radar-head-vs{
	font-size:24px;
	font-weight:700;
	color:#999;
}

.radar-chart-wrapp{
	@media (max-width:767px){
		margin:0 -20px;
	}
}

.radar-foot{
	border-top:solid 1px #eee;
	padding-top:24px;
	line-height: 1;
    font-size: 12px;
	gap:24px;
	display:grid;
	@media (min-width:768px){
		grid-template-columns:1fr 1fr;
	}
}

.radar-foot-item{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.radar-foot-item-title{
	font-size:18px;
	font-weight:700;
}

.tyres-compare-section-fast{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.fast-head{
	display:grid;
	gap:24px;
	border-bottom:solid 1px #eee;
	padding-bottom:24px;
	text-align:center;
	@media (min-width:768px){
		grid-template-columns:1fr max-content 1fr;
	}
}

.fast-head-item{
	@media (min-width:768px){
		display:flex;
	}
	&:last-child{
		@media (min-width:768px){
			justify-content:flex-end;
		}
	}
}

.fast-head-number{
	font-size:24px;
	font-weight:700;
}

.fast-head-title{
	font-size:18px;
}

.fast-head-percent{
	color:#999;
}

.fast-head-vs-title{
	font-size:24px;
	font-weight:700;
	color:#999;
}

.fast-head-vs-count{
	font-size:18px;
}

.fast-head-vs-result{
	color:#999;
}

.fast-body{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.fast-section{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.fast-section-title{
	display:flex;
	align-items:center;
	gap:8px;
	svg{
		flex:none;
	}
}

.fast-section-list{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.fast-discepline{
	display:grid;
	grid-template-columns:100px 1fr 100px;
	gap:12px;
	align-items:center;
	@media (max-width:767px){
		grid-template-columns:1fr 1fr;
		gap:4px;
	}
}

.fast-discepline-value{
	display:flex;
	align-items:baseline;
	gap:8px;
	justify-content:center;
}

.fast-discepline-result{
	font-size:20px;
	font-weight:700;
}

.fast-discepline-chart{
	display:flex;
	flex-direction:column;
	gap:8px;
	.tyre-test-title{
		align-self:center;
	}
	@media (max-width:767px){
		grid-column:span 2;
		order:1;
	}
}

.fast-discepline-chart-body{
	min-width:0;
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:8px;
}

.fast-discepline-chart-count{
	display:flex;
	min-width:0;
	gap:2px;
	&:first-child{
		justify-content:flex-end;
	}
	i{
		width:8px;
		height:16px;
		min-width:0;
		background-color:currentColor;
		border-radius:2px;
	}
}

.search-shortcode{
	display:block;
	width:100%;
	min-width:0;
	border:solid 1px #eee;
	border-radius:8px;
	padding:24px;
	display:flex;
	flex-direction:column;
	background-color:#fff;
	gap:16px;
	--accent:#4d3bfe;
	line-height:1.2;
	position:relative;
	@media (max-width: 767px){
		padding:16px;
	}
	&.loading{
		pointer-events:none;
		.search-loading{
			display:grid;
		}
	}
}

.search-nav{
	display:grid;
	gap:8px;
	@media (min-width: 480px){
		grid-template-columns:1fr 1fr;
	}
}

.search-nav-btn{
	display:flex;
	align-items:center;
	gap:8px;
	justify-content:center;
	padding:12px 24px;
	border:solid 1px #ccc;
	color:inherit;
	font-weight:700;
	border-radius:8px;
	transition:color .4s, border-color .4s,background-color .4s;
	cursor:pointer;
	background:none;
	outline:none!important;
	svg{
		flex:none;
	}
	&:hover{
		color:var(--accent);
		border-color:var(--accent);
	}
	&.active{
		border-color:var(--accent);
		background-color:var(--accent);
		color:#fff;
	}
}

.search-form-block{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.search-input-title{
	font-weight:700;
	font-size:14px;
}

.search-seasons-list{
	display:flex;
	gap:8px;
}

.search-season-btn{
	flex:auto;
	display:flex;
	flex-direction:column;
	min-width:0;
	gap:8px;
	padding:12px;
	border-radius:8px;
	border:solid 1px #ccc;
	transition:color .4s, border-color .4s,background-color .4s;
	cursor:pointer;
	background:none;
	align-items:center;
	text-transform:capitalize;
	outline:none!important;
	&:hover{
		color:var(--accent);
		border-color:var(--accent);
	}
	&.active{
		border-color:var(--accent);
		background-color:var(--accent);
		color:#fff;
	}
}

.search-season-btn-icon{
	width:24px;
	height:24px;
	display:flex;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.search-selects{
	display:grid;
	gap:8px;
	&.compare{
		@media (min-width: 480px){
			grid-template-columns:1fr 1fr;
		}
		.search-select-tab-compare{
			display:flex;
		}
		.search-input-title{
			&[data-compare]{
				&:before{
					content:attr(data-compare)' ';
				}
			}
		}
	}
}

.search-select-tab{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.search-select-tab-compare{
	display:none;
}

.search-submit{
	display:flex;
	display:flex;
	align-items:center;
	gap:8px;
	justify-content:center;
	padding:12px 24px;
	color:#fff!important;
	text-decoration:underline;
	text-decoration:none!important;
	font-weight:700;
	border-radius:8px;
	transition:color .4s,background-color .4s, opacity .4s;
	cursor:pointer;
	background:var(--accent);
	svg{
		flex:none;
	}
	&:hover{
		opacity:.8;
	}
	&.disabled{
		cursor:not-allowed;
		opacity:.3;
	}
}

.choices__inner{
	background:#fff;
}

.search-loading{
	position:absolute;
	inset:0;
	z-index:60;
	border-radius:inherit;
	background-color:rgba(255,255,255,.8);
	place-items:center;
	color:var(--accent);
	display:none;
	pointer-events:auto;
	svg{
		animation:loading 1s linear infinite;
	}
}

@keyframes loading{
	to{
		transform:rotate(360deg);
	}
}