/*------------------------------------*\
   GENERIC CSS
\*------------------------------------*/

.main {
  --chapternav-height: 132px
}


/*------------------------------------*\
  END GENERIC CSS
\*------------------------------------*/
/*------------------------------------*\
   AIRPODS PRO  2ND GEN CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

@media (min-width: 735px) and (max-width: 1068px) {
	.section-airpods-pro-3 .links-inline {
		min-width: 265px;
	}
}


/*------------------------------------*\
  END AIRPODS PRO  2ND GEN CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS 3RD GEN CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END AIRPODS 3RD GEN CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS 2ND GEN CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END AIRPODS 2ND GEN CSS
\*------------------------------------*/

/*------------------------------------*\
   AIRPODS MAX CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END AIRPODS MAX CSS
\*------------------------------------*/

/*------------------------------------*\
   CONNECTION CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
.tile-content {
	grid-template-rows: auto 86px;
}
@media only screen and (max-width: 1068px) {
	.tile-content {
		grid-template-rows: auto 83px;
	}
}
@media only screen and (max-width: 734px) {
	.tile-content {
		grid-template-rows: auto 63px;
	}
}

.tile.tile-siri .tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content {
   overflow: scroll;
}
.tile.tile-siri .tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content::-webkit-scrollbar {
      width: 8px;
}
.tile.tile-siri .tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content::-webkit-scrollbar-thumb {
      background-color: #7D7D7D;
      border-radius: 20px;
}


/*------------------------------------*\
   END CONNECTION CSS
\*------------------------------------*/

/*------------------------------------*\
   COMPARE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

@media (max-width: 1068px) {
	.section-consider #scroll-gallery-item-1.tile .tile-content .tile-card-image-container.image-center-center {
		top: 53%;
	}
}

@media (max-width: 734px) {
	.section-consider #scroll-gallery-item-1.tile .tile-content .tile-card-image-container.image-center-center {
		top: 56%;
	}
}

/*------------------------------------*\
   END COMPARE CSS
\*------------------------------------*/