/********************************************************
			Templatemela Custom Styles
********************************************************/
.tm-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
  border-color: blue;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}

/* mouse grab icon */
.grabbing {
  cursor: url("../img/megnor/grabbing.png") 8 8, move;
}
.brands .customNavigation, #tmtestimonialcmsblock .customNavigation {
  top: 43%;
  width: 100%;
  position: absolute;
}

.js-qv-mask.additional_slider .customNavigation {
  top: 45%;
  width: 100%;
  position: absolute;
}
.brands .customNavigation a,
#tmtestimonialcmsblock .customNavigation a,
.js-qv-mask.additional_slider .customNavigation a{
  position: absolute;
}

.brands .customNavigation a.prev,
.js-qv-mask.additional_slider .customNavigation a.prev{
  left: 0;
  right: auto;
  margin: 0;
}
#tmtestimonialcmsblock .customNavigation a.prev{
  left: 30px;
  right: auto;
}

.brands .customNavigation a.next,
.js-qv-mask.additional_slider .customNavigation a.next{
  right: 0;
  left: auto;
}
#tmtestimonialcmsblock .customNavigation a.next{
  right: 30px;
  left: auto;
}
.customNavigation {
	position: absolute;
	z-index: 8;
	width: auto;
	top: -48px;
	direction: ltr !important;
	right: 0;
	left: auto;
}
.customNavigation a {
  position: relative;
  font-size: 28px;
  font-weight: normal;
  line-height: 26px;
  padding: 0;
  color: #c9c9c9;
  border: none;
  height: 10px;
  width: 22px;
  cursor: pointer;
  display: inline-block;
}
.customNavigation a.prev {
  background: url(../img/megnor/arrow.png) no-repeat scroll 0 0;
  margin-right: 11px;
}
.customNavigation a.prev:hover {
  background-position: 0 -51px;
}
.customNavigation a.next {
  background: url(../img/megnor/arrow.png) no-repeat scroll -89px 0;
}
.customNavigation a.next:hover {
  background-position: -89px -51px;
}

@media (max-width: 1199px) {
  .tm-hometabcontent .customNavigation {
    top: -63px;
  }
}
@media (max-width: 991px) {
	#main .images-container .js-qv-mask { margin:0px; }
}
@media (max-width: 767px) {
  .customNavigation {
    position: relative;
    top: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
  }
  #tmtestimonialcmsblock .customNavigation a.prev {
    left: 0;
    right: auto;
  }
  #tmtestimonialcmsblock .customNavigation a.next {
    right: 0;
    left: auto;
  }
}
@media (max-width:480px) {
  .tm-hometabcontent .customNavigation {
    top: -13px;
  }
}






/* Don't show submenus on non-mobile */
@media (min-width: 992px) {
	.top-menu ul li li {
		display: none!important;
	}
}

/* No border on submenu */
.top-menu a.dropdown-item.dropdown-submenu[data-depth="1"] {
	border-bottom: none!important
}

/* Don't show top strip non-mobile */
@media (min-width: 992px) {
	#header .header-nav {
		display: none!important;
	}
}

/* Fix header size */
#header {
	min-height: inherit!important;
}

/* Don't display random breadcrumb titles */
.breadcrumb .h1 {
	display: none!important;
}

/* Fix breadcrumb gap */
.breadcrumb {
	padding: 14px 0 0!important;
}

	
/* Fix subcategories display bugs */
#subcategories ul {
	display: flex!important;
	align-items: flex-start!important;
	gap: 50px!important;
	flex-wrap: wrap!important;
}

#subcategories ul li {
	min-width: 250px!important;
	margin: 0 20px 0 20px!important;
}

/* No categories on lower levels */
#subcategories {
	border: none!important;
	border-top: none!important;
	padding: 0!important;
}

/* Hide home tabs */
.tm-hometabcontent {
	display: none!important;
}

/* Hide filters block */
#search_filters_wrapper {
	display: none!important;
}

/* Home category images */
#homecat img {
	border-radius: 25px!important;
}

#homecat h5 {
	padding-top: 15px!important;
}

#homecat h5 a {
	font-size: smaller!important;
}

/* Sub category images */
#subcategories ul li .subcategory-image a,
#subcategories ul li .subcategory-image a img {
	border-radius: 22px!important;
}


/* header logo */
#header .header-top .header_logo {
	margin: 20px 0px 20px 0!important;
}

/* advert area colour different to menu */
.main-header-top {
	background: #f8f8f8!important;
}

/* centre product information */
#products .product-title, 
.products .product-title, 
.product-accessories .product-title,
.products .gridcount .product-price-and-shipping {
	text-align: center!important;
}

/* centre product button */	
.products .product_list li .product-miniature .product-actions, 
.products .product_list li .product-miniature .product-actions-main {
	text-align: center!important;
}

/* no quickview hover */
.hover-block {
	display: none!important;
}


#products .product-title, .products .product-title, .product-accessories .product-title {
	min-height: 85px!important;
}

 @media (max-width: 767px) {
#products .product-title, .products .product-title, .product-accessories .product-title {
	min-height: 110px!important;
}
 }
 


.main-header-top {
	padding-top: 20px!important;
}

#header .header-top {
	background: #fcfbf8!important;
}

#header .header-top .menu {
	background-color: #406c6f!important;
}

#_desktop_top_menu a {
	color: white!important;
}

#header .header-top .menu .sub-menu a {
	color: black !important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.header-top .headerdiv .bg_main {
	background: #406c6f!important;
}

#header .header-top .menu {
	text-align: center!important;
}
	
.top-menu a {
	padding-left: 0px!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

.header-top .headerdiv .bg_main {
	height: 40px!important;
}


#header .header-top .menu > ul > li::after {
	border-right: 0px!important;
}

#header .header-top .headerdiv .menu.fixed {
	padding-left: 10px!important;
}

@media (max-width: 767px) {

#subcategories {
	display: none!important;
}
}



@media (max-width: 767px) {
  /* Force all structural tiers to be visible and un-collapsed */
  .block-categories .collapse,
  .block-categories .js-sub-cate-list,
  .block-categories [id^="exCollapsingNavbar"] {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }

  /* Clear the pointer blockages across all parent layout layers */
  .block-categories,
  .block-categories .collapse,
  .block-categories ul,
  .block-categories li {
    pointer-events: auto !important;
  }

  /* Deactivate JS click-hijacking triggers on first & sub-level toggles */
  .block-categories .title.collapse-icons,
  .block-categories .navbar-toggler,
  .block-categories .collapse-icons,
  .block-categories [data-toggle="collapse"] {
    pointer-events: none !important;
  }

  /* Ensure all text links can register user touch actions */
  .block-categories a,
  .block-categories li a,
  .block-categories .collapse a {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10 !important; /* Forces the link to sit on top of any hidden layers */
  }

  /* Optional: Hide the plus/minus expander arrows since everything is forced open */
  .block-categories .navbar-toggler, 
  .block-categories .collapse-icons {
    display: none !important;
  }
}


#_desktop_user_info {
	display: none!important;
}

#block-contact_list, #block-contact_list a {
	text-transform: none!important;
}

#products .products .list li .product-detail {
	display: none!important;
}

body#cms,
#content {
	text-transform: none!important;
}

#content h1 {
	padding-bottom: 10px!important;
}

#content ul {
	padding-left:20px!important;
}

.footer-container {
	padding: 20px 0!important;
}

#tmcmsabout_block .middle_subbanner:hover img, 
#tmcmsabout_block .right_subbanner:hover img {
	webkit-transform: none!important;
  -ms-transform: none!important;
  transform: none!important;
  -o-transform: none!important;
  -moz-transform: none!important;
} 

.products .product-thumbnail,
#product #tab-content .tab-pane,
.product-images > li.thumb-container > .thumb, 
.images-container .product_list .thumb-container .thumb,
.product-cover img {
	border-color: #406c6f55!important;
}

.search-widget form input[type="text"] {
	color: #333!important;
}

.newproducts h1 {
	text-align: center!important;
	font-size: 35px!important;
}

.all-product-link,
.all-product-link a {
	text-align: center!important;	
	float: unset !important;
}

.featured-products {
	padding-bottom: 20px!important;
}


.product-description {
	font-size: 14px!important;
	text-transform: none!important;
}

.product-description ul {
	list-style: outside !important;
	padding-left: 20px!important;
}

.attachment p {
	font-size: 14px!important;
	padding-bottom: 4px!important;
}

  /* Custom wrapper to force the grid layout on desktop screens */
  /*@media (min-width: 768px) {*/
    .image-mosaic-grid {
      display: grid;
      grid-template-columns: 2fr 1fr; /* Left side is twice as wide as the right side */
      gap: 15px;                      /* Perfect gap between all 3 images */
      align-items: stretch;
    }
    .right-stack {
      display: grid;
      grid-template-rows: 1fr 1fr;    /* Splits the right side into 2 equal heights */
      gap: 15px;                      /* Perfect vertical gap between the 2 stacked images */
    }
  /*}*/
  
  /* Shared image utility to prevent stretching/distortion */
  .mosaic-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px; /* Optional: matches Bootstrap's rounded utility */
  }
  
  #tmcmsabout_block {
  float: unset!important;
  margin-bottom: 18px!important;
  position: unset!important;
  width: unset!important;
  }
  
  #tmcmsbannerblock { 
  margin-top:18px!important;
  }
  
.browsecategories h1 {
	text-align: center!important;
	font-size: 35px !important;
 padding-top: 25px!important;

}
@media (max-width: 766px) {
 .footerlinks {
	 padding-top: 15px;
 }
}