/* TYC – header logo: no yellow box, no drop-down overhang; logo sits inside the black menu bar */
html body header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo,
html body .et-l--header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin: 0 24px 0 0 !important;
	padding: 0 !important;
}
html body header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img,
html body .et-l--header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	height: 72px !important;
	max-height: 72px !important;
	max-width: none !important;
}
@media (max-width: 980px) {
	html body header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img,
	html body .et-l--header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img {
		height: 60px !important;
		max-height: 60px !important;
	}
}

/* Desktop: bigger logo. The PNG has built-in transparent padding, so pull it in with negative margins
   to keep the menu bar slim. */
@media (min-width: 981px) {
	html body .et-l--header .et_pb_menu .et_pb_menu__logo-wrap,
	html body header .et_pb_menu .et_pb_menu__logo-wrap { width: auto !important; max-width: none !important; }
	html body .et-l--header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img,
	html body header .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img {
		height: 116px !important;
		max-height: 116px !important;
		margin: -16px 0 -16px -16px !important;
		/* centre it in the full black header (contact strip + menu row) so it clears the line under the menu */
		transform: translateY(-29px);
	}
}

/* Sticky (scrolled) header: the contact strip slides away, so use a slightly smaller logo centred in the bar */
@media (min-width: 981px) {
	html body .et-l--header .et_pb_sticky .et_pb_menu .et_pb_menu__logo-wrap .et_pb_menu__logo img {
		height: 96px !important;
		max-height: 96px !important;
		margin: -13px 0 -13px -13px !important;
		transform: translateY(-7px);
	}
}

/* Page fixes found in the site check (Nov 2026) */
/* Home – "Installing your car tag in 3 simple steps": stray 30px left margin pushed the last card off-screen */
.home .et_pb_section_4 .et_pb_row_10 { margin-left: auto !important; margin-right: auto !important; }
/* How to Install – two text blocks had a -34px right margin that cut text off on phones */
@media (max-width: 980px) {
	.page-id-6314 .et_pb_text_7,
	.page-id-6314 .et_pb_text_13 { margin-right: 0 !important; }
}

/* Social icons: no grey block behind TikTok (Divi's default network colour) – match Instagram/Facebook */
html body .et-l--header .et_pb_social_media_follow li a.icon,
html body .et-l--footer .et_pb_social_media_follow li a.icon,
/* product & shop pages: Divi wraps them in .et-db #et-boc, so match that specificity */
html body.et-db #et-boc .et-l.et-l--header .et_pb_social_media_follow li.et_pb_social_icon a.icon,
html body.et-db #et-boc .et-l.et-l--footer .et_pb_social_media_follow li.et_pb_social_icon a.icon { background-color: transparent !important; }

/* Product gallery thumbnails: full strength (no faded inactive thumbs), outline on the active one */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: 1 !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px;
	border: 2px solid transparent;
	transition: border-color .15s;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border-color: #000; }
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img:hover { border-color: #FFB600; }

/* Phones & tablets: thumbnails become one swipeable row instead of stacking */
@media (max-width: 980px) {
	.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs,
	html body.et-db #et-boc .et-l .et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 10px;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin: 10px 0 0 !important;
		padding: 0 0 4px !important;
	}
	.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar { display: none; }
	.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li,
	html body.et-db #et-boc .et-l .et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav li {
		flex: 0 0 22% !important;
		width: 22% !important;
		max-width: 110px;
		margin: 0 !important;
		float: none !important;
		clear: none !important;
		scroll-snap-align: start;
	}
}

/* Line icons that replace 📦 / 🚚 emoji */
svg.tyc-ico { width: 1.15em; height: 1.15em; vertical-align: -0.2em; margin-right: 0.15em; display: inline-block; flex: none; }

/* Product page – delivery/lead-time box: one tidy row per line, icon column on the left */
.tyc-usps { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
.tyc-usp { display: flex; align-items: flex-start; gap: 10px; line-height: 1.45; margin: 0; padding: 0; }
.tyc-usp svg.tyc-ico { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; vertical-align: 0; }
@media (max-width: 980px) {
	.tyc-usp { font-size: 14px; }
}

/* Product page – "More information" toggle for the descriptions (phones only) */
.tyc-more-toggle { display: none; }
@media (max-width: 980px) {
	html.tyc-js .single-product .et_pb_wc_description { display: none; }
	html.tyc-js .single-product .tyc-more-open .et_pb_wc_description { display: block; }
	.tyc-more-toggle {
		display: flex; align-items: center; justify-content: space-between;
		width: 100%; margin: 4px 0 14px; padding: 14px 16px;
		background: #F4F4F4; border: 1px solid #E5E5E5; border-radius: 10px;
		font: inherit; font-weight: 700; font-size: 15px; color: #000; cursor: pointer; text-align: left;
	}
	.tyc-more-open > .tyc-more-toggle { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	.tyc-more-chev { width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s; }
	.tyc-more-open .tyc-more-chev { transform: translateY(2px) rotate(-135deg); }
}

/* Product pages on phones/tablets: tighten the space above and below the breadcrumb */
@media (max-width: 980px) {
	html body.single-product #et-boc .et-l .et_pb_section.et_pb_section_0_tb_body { padding-top: 16px !important; }
	html body.single-product #et-boc .et-l .et_pb_row.et_pb_row_0_tb_body { padding-top: 0 !important; padding-bottom: 0 !important; }
	html body.single-product #et-boc .et-l .et_pb_row.et_pb_row_1_tb_body { padding-top: 14px !important; }
}