/* =============================================================================
   ZEMLOGISTIKA — tt_mirora1 MAIN stylesheet   (git branch: home_page)
   NAVIGATION MANUAL (read before editing):
     full map  -> .cursor/docs/upgrade/stylesheet-css-reference.md
     siblings  -> menu-css-reference.md · ocslideshow-css-reference.md
   STRUCTURE: TWO stacked layers in one file —
     Layer A = legacy Mirora/OpenCart theme   (top, ~lines 1–4259)
     Layer B = Phase 6.1 Zemlogistika .zem-*   (bottom, ~4260–EOF)
   CASCADE: later layer + !important win. New home/.zem work goes at the BOTTOM.
   JUMP: grep "@region:" to hop between major sections (anchors mirror doc §4).
   TOKENS: two :root blocks below — legacy --accent (~4535) and Figma --zem-* (~4970).
   CONVENTION: project edits carry a dated note + "Rollback: git checkout home_page -- ..."
   ============================================================================= */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------*/
body {
	font-family: Arial, 'Helvetica Neue', sans-serif;
	font-weight: 400;
	color: #5a5a5a;
	font-size: 14px;
	line-height: 1.428571429;
	width: 100%;
	background: #242424;
}
*:focus{
	outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	line-height: 1.35;
	font-family: 'Oswald', sans-serif;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #5a5a5a;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
	color: #f7d049;
}
body ::-webkit-scrollbar-track
{

	background-color: #333;
}

body ::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #333;
}

body ::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,0.07);
}
legend {
	font-size: 18px;
	padding: 7px 0px;
	color: #fff;
	border-color: #333;
}
label {
	font-size: 13px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
input[type=text] {
	min-width: 50px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
img{
	max-width: 100%;
	height: auto;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}
.flip{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: inline-block;
}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* tooltip */
.tooltip.top .tooltip-arrow {
  border-top-color: #f7d049;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #f7d049;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #f7d049;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #f7d049;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #f7d049;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #f7d049;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #f7d049;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #f7d049;
}
.tooltip-inner{
	background: #f7d049;
}
.alert{
	text-align: center;
	font-size: 13px;
	margin: 0;
	border-radius: 0;
	border: none;
}
/* transition */
a:hover,.banner-3 a:hover::before,
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover,
.product-layout:hover  .action-links,
.static-policy .col:hover .text-content h2, .static-policy .col:hover .col-img .hover,
.layout1:hover .btn-wishlist, .layout1:hover .btn-compare,
.banner-2 a:hover::before, .product-image:hover .img-r,
.banner-1 > div:hover img{
	-webkit-transition: ease-in-out all .3s;
	-moz-transition: ease-in-out all .3s;
	transition: ease-in-out all .3s;
}
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover{
	color: #fff;
	background-color: #f7d049;
	border-color: #f7d049;
}
#button-guest, #button-search, #button-review, #button-account, #button-login, #button-confirm,
#button-payment-method, #button-shipping-method, #button-quote, #button-coupon, #button-register,
.form-horizontal input.btn, a.btn, input[type='submit'], .button{
	border: none;
	background: #2e2e2e;
	padding: 0px 25px;
	text-transform: capitalize;
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	font-family: 'Oswald', sans-serif;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#button-voucher,
#button-coupon{
	height: 34px;
	line-height: 34px;
	margin-left: 10px;
	border-radius: 20px;
}
#button-search + h2{
	display: none;
}
#button-search{
	margin: 15px 0;
}
#modal-agree{
	z-index: 9999;
}
/* owl carousel */
.owl-container {
	margin: 0 -15px;
}
.owl-container .owl-item {
	padding: 0 15px;
}
.owl-carousel.owl-theme:hover .owl-nav div {
  opacity: 1;
}
.owl-carousel.owl-theme  .owl-dot:hover span {
	background: #f7d049;
}
.owl-carousel.owl-theme  .owl-dot.active span {
  background: #f7d049;
  width: 28px;
  border-radius: 10px;
}
.owl-carousel.owl-theme  .owl-dot {
	display:inline-block;
	vertical-align:top;
}
.owl-carousel.owl-theme  .owl-dot span {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  margin: 5px;
  display: block;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.owl-carousel.owl-theme .owl-nav {
	margin: 0;
}
.owl-carousel.owl-theme .owl-nav div {
  position: absolute;
  top: 50%;
  font-size: 0;
  margin: 0;
  margin-top: -30px;
  width: 55px;
  height: 55px;
  padding: 0;
  line-height: 55px;
  color: #666666;
  background: #333;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.owl-carousel.owl-theme .owl-nav div:before {
	font-family: 'FontAwesome';
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	width: 100%;
}
.owl-carousel.owl-theme .owl-nav div.owl-prev {
  left: 0;
}
.owl-carousel.owl-theme .owl-nav div.owl-prev:before {
  content: "\f104";
}
.owl-carousel.owl-theme .owl-nav div.owl-next {
  right: 0;
}
.owl-carousel.owl-theme .owl-nav div.owl-next:before {
  content: "\f105";
}
.owl-carousel.owl-theme:hover .owl-nav div.owl-prev {
  left: -9px;
}
.owl-carousel.owl-theme:hover .owl-nav div.owl-next {
  right: -9px;
}
.owl-carousel.owl-theme .owl-nav div:hover {
  background: #f7d049;
  border-color: #f7d049;
  color: #fff;
}
/*--------------*/

/* newsletter popup */
.b-close{
	display: block;
}
.newletter-popup{
	background: #fff;
	top: 50% !important;

	position: fixed !important;
	padding: 0;
	text-align: center;
	-moz-transform:  translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
}
#boxes .newletter-title h2{
	font-size: 24px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 0 0 15px;
}
.newletter-popup #dialog {
	padding: 50px 20px;
}
#boxes .box-content label{
	font-weight: 400;
	max-width: 650px;
	font-size: 14px;
}
#boxes  #frm_subscribe .required{
	color: #f00;
	padding-right: 5px;
}
#boxes  #frm_subscribe a{
	cursor: pointer;
}
#boxes  #frm_subscribe #subscribe_pemail{
	background: #EBEBEB none repeat scroll 0% 0%;
	border: medium none;
	height: 40px;
	width: 65%;
	margin: 20px 0;
	padding:0 15px;
}
#boxes .box-content .subscribe-bottom{
	margin-top: 20px;
}
#boxes .box-content .subscribe-bottom  label{
	margin: 0;
}
#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again{
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	margin-top: -1px;
}
#boxes  #frm_subscribe #notification{
	color: #f00;
}
#boxes  #frm_subscribe #notification .success{
	color: #67D7BB;
}
#popup2{

	text-align: center;
	background: #333;
	border-radius: 0;
	cursor: pointer;
	float: right;
	padding: 5px 10px;
	color: #fff;
	margin-top: -49px;
	margin-right: -19px;
}
#popup2:hover {
	background:#f7d049;
}
/* newsllter */
.newletter-subscribe-container {
    text-align: center;
    position: relative;
    margin-top: 100px;
}

#dialog-normal .newletter-title {
}
#dialog-normal .newletter-title h3 {
	font-size: 24px;
	color: #fff;
	line-height: 1;
	text-transform: capitalize;
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
}


#dialog-normal .newletter-title label{
	font-size: 14px;
	line-height: 24px;
}

#dialog-normal .newleter-content{
	margin-bottom: 0;
	position: relative;
	margin-top: 30px;
	width: 100%;
	display: inline-block;
}
#subscribe-normal {
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 12px;
}

#subscribe_email-normal{
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	padding: 10px 20px;
	border: 0;
	line-height: 30px;
	height: 51px;
	border-radius: 4px;
	border: 2px solid #292929;
	color: #5a5a5a;
	font-size: 12px;
	font-weight: 400;
	width: 500px;
	background: transparent;
}
#frm_subscribe-normal .btn:hover{
	color: #fff;
	background: #f7d049;
}
#frm_subscribe-normal .btn {
	display: inline-block;
	vertical-align: top;
	line-height: 51px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 0 60px;
	background: #2e2e2e;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	border-radius: 4px;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#subscribe-normal .btn span {

}

#notification-normal{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	font-size: 12px;
}
#notification-normal div{
	color: red;
}
#notification-normal div.warning{
	color: red;
	text-align: center;
}
#subscribe-normal ::-webkit-input-placeholder {
  color: #a4a4a4;
}
#subscribe-normal :-moz-placeholder {
  /* Firefox 18- */
  color: #a4a4a4;
}
#subscribe-normal ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a4a4a4;
}
#subscribe-normal :-ms-input-placeholder {
  color: #a4a4a4;
}
/* Top */ /* @region: header-top — Layer A · ref doc §4 */
#top{
	/* background: #2f333a; */
	border-bottom: 1px solid #2d2d2d;
}
#top .follow {
	float: left;
	margin-right: 20px;
}
#top .follow .link-follow{
	margin: 0;
	padding-bottom: 7px;
	display: inline-block;
	vertical-align: top;
}
#top .follow ul.link-follow li {
	margin-top:7px;
	margin-right: 5px;
}
#top .follow ul.link-follow li a {
	width: 30px;
	height: 30px;
	line-height: 30px;

}
#top .follow ul.link-follow li a:before {
  font-size: 14px;
}
#top .box-left {
	float:left;
	margin: 0;
	list-style: none;
	padding: 0;
}
#top .box-left > li > p {
	color: #fff;
	line-height: 24px;
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
}
#top .box-left > li > p span {
	color: #f7d049;
}

#top .box-left > li > p a {
	color: #509abd;
}
#top .box-left > li > p a:hover {
	color: #f7d049;
}
#top .box-right {
	float:right;
}
#top .box > li {
	display: inline-block;
	vertical-align: top;
}


#top .btn-group  .btn-link,#top .box-right > li > a,#top .btn-group .text-ex {
	text-shadow: none;
	cursor: pointer;
	font-size: 12px;
	text-transform: capitalize;
	overflow: hidden;
	color: #fff;
	line-height: 24px;
	font-weight: 400;
	padding: 10px 0;
	display: block;
	text-align: left;
	border: 0;
	text-decoration: none;
}
#top .btn-group .text-ex{
	margin-right: 9px;
}
#form-language .btn-group .btn-link,#form-currency .btn-group .btn-link {
	text-transform: uppercase;
}
#top .btn-group  .btn-link i {
	font-size: 10px;
	margin-left: 3px;
	vertical-align: middle;
}
#top .box-right > li > a .icon {
	font-size: 17px;
	line-height: inherit;
	margin-right: 7px;
	vertical-align: top;
}
#top .btn-group  .btn-link:hover,#top .box-right > li > a:hover  {
	color: #f7d049;
}
#top .box > li {
	margin-right: 20px;
	position: relative;
}
#top .box > li:last-child {
	margin-right:0;
}
#top .box-right > li:after {
	content: "";
    height: 15px;
    width: 1px;
    background: #2d2d2d;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#top .box-right > li {
	padding-right: 20px;
}
#top .box-right > li:first-child:before {
	content: "";
    height: 15px;
    width: 1px;
    background: #2d2d2d;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#top .box-right > li:first-child {
	padding-left: 20px;
}
#top .btn-group .dropdown-menu{
	position: absolute;
	left: auto;
	right: -15px;
	text-align: left;
	margin: 0;
	background: #343434;
	border: none;
	border-radius: 4px;
	padding: 0 20px;
	-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}
#form-currency .btn-group .dropdown-menu{

}
#top .btn-group .dropdown-menu li {
	background: url(../image/line2.png) bottom center no-repeat;
}
#top .btn-group .dropdown-menu li:last-child {
	background: none;
}
#top .btn-group .dropdown-menu li > a,
#top .btn-group .dropdown-menu li> button {
	font-size: 13px;
    padding: 10px 0 9px 0;
    line-height: 24px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    height: inherit;
    border-radius: 0;
    text-align: left;
    color: #fff;
}
#top .btn-group .dropdown-menu li > a:hover,
#top .btn-group .dropdown-menu li> button:hover {
	text-decoration: none;
	color: #f7d049;
}
#top .btn-group .dropdown-menu li a img,
#top .btn-group .dropdown-menu li button img{
	vertical-align: baseline;
	margin-right:5px;
}
#top .btn-group .dropdown-menu > a:hover,
#top .btn-group .dropdown-menu > button:hover,
#top .btn-group .dropdown-menu .item-selected{
	color: #f7d049;
	text-decoration: none;
}

.logo-container {
	z-index: 1;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#logo{
	padding: 31px 0;
}
#logo a{
	display: inline-block;
}

.header-inner {
	position:relative;
	/* background: #fff; */
	text-align: center;
	z-index: 8;
	border-bottom: 0.5px solid #5a5a5a; /* Figma 53-1210: top-bar/nav divider (2026-06-11) */
}
.header-inner .container-inner {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
}
.top-phone {
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform:  translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-phone {
	text-align: left;
	padding: 8px 0;
	padding-left: 46px;
	background: url(../image/icon_phone.png) left center no-repeat;
}
.header-phone label,.header-phone p {
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	color: #f7d049;
}
/* search */ /* @region: search — Layer A · ref doc §4 */
.search-button {
	font-size: 20px;
	color: #fff;
	height: 45px;
	width: 45px;
	line-height: 43px;
	border: 1px solid #323232;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: none !important;
}
.search-button:hover {
	color: #f7d049;
}
.search-button[aria-expanded="true"] i:before{
	content:"\f2d7";
}
#search .search-content {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	left: auto;
	right: 100%;
	width: auto;
	top: 0;
	margin: 0 5px 0 0px;
}
#search {
	float: left;
}

#search input {
	height: 45px;
	font-size: 12px;
	color: #e8e8e8;
	background: #242424;
	width: 235px;
	font-weight: 400;
	border: 1px solid #323232;
	border-radius: 3px;
	box-shadow: none !important;
	padding: 10px 45px 10px 15px;
	float: none;
}
#search .input-group-btn {
	position: absolute;
	right: 0;
	width: auto;
	top: 1px;
}
#search .input-group-btn button {
	background: transparent;
	color: #fff;
	border: 0;
	border-left: 1px solid #323232;
	height: 43px;
	width: 45px;
	padding: 0;
	border-radius: 0;
	box-shadow: none !important;
	margin: 0;
}
#search .input-group-btn button:hover {
	color: #f7d049;
}
/*====search-by-category=====*/
#search-by-category {
    position: relative;
    width: 100%;
}
#search-by-category .search-container{
}
#search-by-category .search-container .categories-container{
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 10px 0;
    border-right: 1px solid #ebebeb;
    background: #f4f4f4;
}
#search-by-category .search-container #text-search{
    padding: 0 55px 0 190px;
    height: 50px;
    border-radius: 3px;
    font-size: 13px;
    border: 2px solid #ebebeb;
    z-index: 1;
    background: #fff;
    color: #a4a4a4;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
#search-by-category #sp-btn-search{
    position: absolute;
    right: 0px;
    top: 0;
}
#search-by-category .search-container .categories-container .hover-cate p{
    margin:0;
    color: #363f4d;
    padding: 0 25px;
    cursor: pointer;
    overflow: hidden;
    position:relative;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 26px;
}

#search-by-category .search-container .categories-container .hover-cate p i{display: inline-block;vertical-align: top;font-size: inherit;line-height: inherit;margin-left: 19px;}
#search-by-category .search-container .categories-container .hover-cate .cate-items{
    z-index: 9999 !important;
    position: absolute;
    display: none;
    background: #FFF;
    max-height: 300px;
    overflow: auto;
    margin-top: 0px;
    border: 1px solid #ddd!important;
    padding: 5px;
    width:100%;
    cursor: pointer;
	top: 100%;
	text-align: left;
}
.cate-items li {
    text-transform: capitalize;
    color: #363f4d;
    font-size: 11px;
    list-style: none;
    line-height: 18px;
}
.cate-items li:hover{
    color:#f7d049
}
.cate-items li.f1 {
    padding-left: 5px;
}
.cate-items li.f2 {
    padding-left: 15px;
}
#search-by-category .search-ajax{
    position: absolute;
    z-index: 9999 !important;
    background: none repeat scroll 0% 0% #fff;
    left: 0px;
    top: 100%;
    width: 88%;
}
.ajax-result-item .product-info .detail .price-box .old-price{
	text-decoration: line-through;
	color: #acacac;
	font-weight: 400;
}
.ajax-result-item .product-info .detail .price-box p{
	display: inline-block;
}
.ajax-result-item .product-info .detail .price-box{
	font-weight: 700;
	margin: 0 0 10px 0;
}
.ajax-result-item .product-info .detail .product-name{
	margin: 10px 0;
}
#search-by-category .search-ajax li{
    list-style: none;
}
#search-by-category .search-ajax .ajax-result-container{
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-msg{
  padding: 20px;
  margin: 0;
  color: #646464;
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-list{
    display:block;
    border:1px solid #ddd;
    max-height:300px;
    overflow: auto;
    padding:10px;
}
#btn-search-category:hover{
	color: #2f333a;
}
#btn-search-category{
    background: #f7d049;
    border:none!important;
    padding:0 35px;
    box-shadow:none;
    text-shadow:none;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 50px;
}

/*==========================*/
.box-cart {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 112;
	-moz-transform:  translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.box-cart .user {
	display: inline-block;
	vertical-align: top;
	margin-right: 37px;
	padding-left: 47px;
	background: url(../image/icon_user.png) left center no-repeat;
}
.box-cart .user li {
	color: #2f333a;
	line-height: 1;
}
.box-cart .user li:last-child {
	margin-top: 4px;
}
.box-cart .user li:last-child a {
	color: #f7d049;
}
.box-cart .user li:last-child a:hover {
	text-decoration: underline;
}
.box-cart .wishlist {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 10px;
}
.box-cart .wishlist a{
	width: 45px;
	height: 45px;
	line-height: 43px;
	display: block;
	position: relative;
	font-size: 20px;
	color: #fff;
	border: 1px solid #323232;
	border-radius: 3px;
}
.box-cart .wishlist a:hover {
	color: #f7d049;
}
.box-cart .wishlist a span,#cart-total {
	left: -13px;
	position: absolute;
    font-size: 12px;
    top: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-top: -13px;
    padding: 0;
    background: #f7d049;
    border-radius: 100%;
    color: #fff;
}
.box-cart .wishlist a span {
  opacity: 0;
}
#cart-total {
	/*! left: 17px; */
}

#cart .dropdown-menu {

}

#cart{
	width: auto;
	display: inline-block;
	vertical-align: top;
}
#cart .mycart {
	text-transform: capitalize;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 22px;
	padding: 0 11px;
}
#cart .mycart i {
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	color: #f7d049;
	margin-left: 6px;
}
#cart .mycart span {
	display: none;
}
#cart .mycart .total-price {
	color: #fff;
	font-weight: 500;
	margin-top: 0;
	display: inline-block;
	vertical-align: top;
}

#cart > button{
	background: none;
	border: 1px solid #323232;
	border-radius: 3px;
	box-shadow: none;
	padding: 10.5px 0;
	width: auto;
	position: relative;
}
#cart > button > i {
	font-size: 20px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	border-right: 1px solid #323232;
	padding: 0 10px 0 17px;
}

#cart .dropdown-menu .text-empty{
	margin: 0;
	padding: 10px 0;
}

/*.headerSpace {*/
/*	display: none;*/
/*}*/

.headerSpace {
	display: block;
}
.headerSpace.unvisible {
	display: none;
}

.top-menu {
	position: relative;
	background: #242424; /* Figma 53-1210: nav bar = header bg, not pure black (2026-06-11) */
	z-index: 7;
	border-bottom: none;
	border-bottom: 0.5px solid #5a5a5a;
}

@media (min-width: 992px) {
	header {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 889;
		background: var(--zem-header, #242424);
	}
}

.fix-header{
	width: 100%;
	max-width: 100% !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 889;
	margin: 0 auto;
	position: fixed !important;
	background: var(--zem-header, #242424);
	-webkit-animation-name: fadeInDown;
	-webkit-animation-duration: 5.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: anim_titles;
	-moz-animation-duration: 5.0s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.fix-header #pt_custommenu::after,
.fix-header #pt_custommenu::before{
	display: none;
}
.fix-header .pt_custommenu div.pt_menu .parentMenu a {
	padding-top: 18px;
	padding-bottom: 18px;
}
.fix-header #pt_custommenu{
	margin: 0;
}
.fix-header #logo {
	padding: 10px 0;
}
header.fix-header .container-inner.zem-header-bar {
	min-height: 70px;
}
/* cms block */ /* @region: cms-static-banners — Layer A · ref doc §4 */
.banner-static {
  text-align: center;
  clear: both;
  /* overflow: hidden; */
}
.banner-static .owl-pagination {
	position:absolute;
	left:0;
	right:0;
	margin: auto;
	bottom: 2%;
}
.banner-static .image a {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: top;
  border-radius: 3px;
}
.banner-static .image a:before {
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.banner-static .image a:hover:before {
  opacity: 1;
}
.banner-static .image a:hover img {
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

.banner-static .image a img {
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.banner-static .image a .text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner-static .image a .text .text1,
.banner-static .image a .text .text2,
.banner-static .image a .text .text3,
.banner-static .image a .text .link {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.banner-static .image a:hover .text .text1 {
  -webkit-animation: fadeInUp 400ms ease-in-out;
  -moz-animation: fadeInUp 400ms ease-in-out;
  -ms-animation: fadeInUp 400ms ease-in-out;
  animation: fadeInUp 400ms ease-in-out;
}
.banner-static .image a:hover .text .text2 {
  -webkit-animation: fadeInUp 600ms ease-in-out;
  -moz-animation: fadeInUp 600ms ease-in-out;
  -ms-animation: fadeInUp 600ms ease-in-out;
  animation: fadeInUp 600ms ease-in-out;
}
.banner-static .image a:hover .text .text3 {
  -webkit-animation: fadeInUp 800ms ease-in-out;
  -moz-animation: fadeInUp 800ms ease-in-out;
  -ms-animation: fadeInUp 800ms ease-in-out;
  animation: fadeInUp 800ms ease-in-out;
}
.banner-static .image a:hover .text .link {
  -webkit-animation: fadeInUp 1000ms ease-in-out;
  -moz-animation: fadeInUp 1000ms ease-in-out;
  -ms-animation: fadeInUp 1000ms ease-in-out;
  animation: fadeInUp 1000ms ease-in-out;
}
.static-menu-bottom {
  padding: 15px 0 0 0;
}
.static-sidebar {
	margin-bottom: 30px;
	text-align: left;
}
.static-sidebar a,.static-sidebar a img{
	width: 100%;
}
.static-top-mirora1 {

}
.static-top-mirora1 .image{
	margin-top: 30px;
}
.static-top-mirora1 .image a {
	border-radius: 4.4px;
}
.static-top-mirora1 .image a .text {
	text-align: left;
	left: 30px;
	top: auto;
	bottom: 24px;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.static-top-mirora1 .text .text1 {
	font-size: 14px;
	color: #fff;
	display: block;
	text-transform: capitalize;
	margin-bottom: 2px;
}
.static-top-mirora1 .text .text2 {
	font-size: 24px;
	color: #f7d049;
	display: block;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
}
.static-top-mirora1 .text .text3 {
	font-size: 14px;
	color: #fff;
	display: block;
	text-transform: capitalize;
	margin-top:  14px;
}
.static-middle-mirora1 {
	margin-top: 95px;
}
.static-middle-mirora1 a {
	display: block;
	position: relative;
	text-align: center;
}
.static-middle-mirora1 a img {width: 100%;}
.static-middle-mirora1 .text {
	 position: absolute;
	  top: 50%;
	  left: 0;
	  right: 0;
	  z-index: 2;
	  text-align: center;
	  -moz-transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -o-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
}
.static-middle-mirora1 .text .text1 {
	color: #f7d049;
	display: block;
	text-transform: capitalize;
	font-weight: 300;
	font-size: 16px;
}
.static-middle-mirora1 .text .text2 {
	color: #fff;
	display: block;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 48px;
	font-family: 'Oswald', sans-serif;
	line-height: 1.1;
	margin-bottom: 25px;
}
.static-middle-mirora1 .text .text3 {
	color: #5a5a5a;
	display: block;
	text-transform: capitalize;
	font-weight: 300;
	font-size: 16px;
}
.static-middle-mirora1 .text .link {
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
	line-height: 46px;
	color: #f7d049;
	text-transform: uppercase;
	border: 2px solid #f7d049;
	padding: 0 45px;
	border-radius: 3px;
	margin-top: 70px;
}
.static-bottom-mirora1 {
	margin-top: 70px;
	overflow: hidden;
}
.static-bottom-mirora1 .col {
	width: 50%;
	float: left;
	margin-top: 30px;
}
.static-bottom-mirora1 .image a,.static-bottom-mirora1 .image a img {
	width: 100%;
}
.static-bottom-mirora1 .image a .text {
	right: auto;
	left: 12%;
}
.static-bottom-mirora1 .text .text1 {
	display: block;
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
}
.static-bottom-mirora1 .text .text2 {
	display: block;
	font-size: 30px;
	color: #f7d049;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 15px;
}
.static-bottom-mirora1 .text .text3 {
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
}
.static-bottom-mirora1 .text .link {
	display: block;
	font-size: 14px;
	color: #f7d049;
	text-decoration: underline;
	text-transform: capitalize;
	margin-top: 30px;
}
/* Products */ /* @region: product-grid-item — Layer A · ref doc §4 */

.owl-item.active .item {
  -moz-animation: zoomIn 500ms ease;
  -o-animation: zoomIn 500ms ease;
  -webkit-animation: zoomIn 500ms ease;
  animation: zoomIn 500ms ease;
}
.item .item-inner {
	position: relative;
}
body:not(.common-home) .label_new {
	display: none;
}
.label-product {
	color: #fff;
	font-weight: 400;
	text-align: center;
	min-width: 50px;
	position: absolute;
	top: 18px;
	right: 15px;
	text-transform: uppercase;
	font-size: 12px;
	z-index: 3;
	line-height: 23px;
	padding: 0 10px;
	background: #f7d049;
	border-radius: 3px;
}
.label_sale {
	right: auto;
	left: 15px;
}

.item-inner .images-container {
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
}
.item-inner .images-container .product-image {
	position:relative;
	display: block;
}
.item-inner .images-container img {
	margin: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.item-inner .images-container .img-r {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity:0;
	visibility:hidden;
	z-index:1;
}
.item-inner:hover .images-container .img-r {
	opacity:1;
	visibility: visible;
}

.qv-button-container {
	display: block;
}
.item-inner .quickview {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.item-inner:hover .quickview {
	opacity: 1;
}
.item-inner button.btn-quickview {
	font-size: 12px;
	color: #878787;
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	background: rgba(46,46,46,0.7);
	padding: 0;
	width: 100%;
	font-weight: 400;
	display: block;
}
.item-inner button.btn-quickview:hover {
	background: #f7d049;
	color: #fff;
}
.item-inner button.btn-quickview span {

}
.item-inner .caption .action-links {
	vertical-align: top;
	display: inline-block;

	position: relative;
	width: 100%;
}
.item-inner .action-links  button{
	line-height: 35px;
	height: 35px;
	width: 35px;
	display: inline-block;
	vertical-align: top;
	background-color: #2e2e2e;
	font-weight: normal;
	font-size: 0;
	padding: 0;
	border-radius: 3px;
	text-align: center;
	color: #545454;
}
.item-inner .action-links button span { display:none;}
.item-inner .action-links  button:before {
	content: "\f387";
    font-family: "Ionicons";
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}
.item-inner .action-links  button.btn-compare:before {
	content: "\f39d";
}

.item-inner .action-links button.btn-cart {
	letter-spacing: 0;
	font-size: 12px;
	padding: 0;
	text-align: center;
	text-transform: capitalize;
	display: inline-block;
	vertical-align: top;
	font-family: 'Oswald', sans-serif;
	height: auto;
	width: auto;
}
.item-inner .action-links button.btn-cart span {
	display: block;
}
.item-inner .action-links button.btn-cart:before {
	content: "\f370";
	font-family: "Ionicons";
	display: inline-block;
	vertical-align: top;
	margin-right: 9px;
	font-weight: normal;
	font-size: 20px;
	display: none;
}
.item-inner .action-links button:hover {
	background: #f7d049;
	color: #fff;
}
.item-inner .caption {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	background: transparent;
	text-align: center;
	position: relative;
	padding: 10px 5px 38px 5px;
}
.item-inner .product-des {line-height: 18px;padding-bottom: 18px;font-size: 12px;background: url(../image/line.png) bottom center no-repeat;margin-bottom: 20px;}
.product-name {
	display: block;
	margin-top: 0;
	padding-bottom: 9px;
	margin-bottom: 0;
	background: url(../image/line.png) bottom center no-repeat;
}
.product-name a {
	color: #fff;
	padding: 0;
	display: block;
	text-transform: capitalize;
	overflow: hidden;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	line-height: 24px;
}
.product-name a:hover {
	color: #f7d049;
}
.ratings {
	display:block;
}
.ratings a {
	margin-left: 8px;
	text-transform: capitalize;
	color: #5a5a5a;
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	vertical-align: top;
}
.ratings a:hover {
	color: #f7d049;
}
.ratings a.review-count:after {
	content: "|";
	margin-left: 8px;
	vertical-align: top;
}
.ratings .rating-box {
	display: inline-block;
	vertical-align:top;
}
.rating-box div[class^='rating']{
	background: url('../image/rating0.png') no-repeat;
	font-size: 0;
	height: 12px;
	width: 67px;
}
.rating-box div.rating1{
	background-image: url('../image/rating1.png');
}
.rating-box div.rating2{
	background-image: url('../image/rating2.png');
}
.rating-box div.rating3{
	background-image: url('../image/rating3.png');
}
.rating-box div.rating4{
	background-image: url('../image/rating4.png');
}
.rating-box div.rating5{
	background-image: url('../image/rating5.png');
}
.price-box p {
	display: inline-block;
	vertical-align:top;
	margin-bottom: 0;
}
.price-box .price-tax {
	display: none;
}
.price-box .price {
	color: #f7d049;
	font-size: 18px;
	font-weight: 500;
}
.price-box p.special-price .price{
	color: #f7d049;
}
.price-box p.old-price {
	margin-left: 5px;
	padding-top: 2.5px;
}
.price-box p.old-price .price {
	color: #545454;
	text-decoration: line-through;
	font-size: 14px;
	font-weight: 400;
}
.item-inner .caption .price-box {
	display: block;
	margin-top: 10px;
}
.item-inner .caption .model {
	margin: 0;
	color: #737373;
}

.item-inner .caption .box-rating{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 6px 0;
}
.item-inner .caption .ratings {
    margin-bottom: 7px;
}
.item-inner .category-options .ul-swatches-colors {
	margin-bottom: 5px;
}

.item-inner .caption .price-box label {
	margin:0;
	font-size: 13px;
	color: #363f4d;
	display: none;
}
.item-inner .caption .manufacture-product {
	float: left;
	margin: 0;
	font-size: 13px;
	color: #bdbdbd;
	line-height: 24px;
	padding: 2px 0;
	text-transform: capitalize;
	display: none;
}
.item-inner .caption .product-tags {

margin-bottom: 7px;
}
.item-inner .caption .product-tags a {
	color: #5a5a5a;
	font-size: 13px;
}
.item-inner .caption .product-tags a:hover {
	color: #f7d049;
}
.item-inner .caption .available {
	display: none;
}
/* module title*/
.module-title {
	position: relative;
	display: block;
	margin-top: 95px;
	margin-bottom: 9px;
	text-align: left;
}
.module-title:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #2d2d2d;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
}
.module-title h2 {
	position: relative;
	display: inline-block;
	line-height: 30px;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 500;
	margin: 0;
	padding-right: 20px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	background: #242424;
}
.module-description {
    text-align: center;
    margin-bottom: 30px;
}
.module-description p {
	font-size: 14px;
	line-height: 24px;
	max-width: 630px;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	margin: 0;
}
/*-------------*/
.module-footer .module-title h2 {
	font-size: 20px;
	line-height: 24px;
}
.module-footer .module-title {
	margin-top: 20px;
	margin-bottom: 37px;
}
.module-footer .module-title:before {
	display: none;
}
/*grid-style*/
.grid-style:not(:first-child) {
	margin-top: 32px;
}

/*list-style*/

.list-style:not(:first-child) {
	margin-bottom: 0;
	margin-top: 15px;
	overflow: hidden;
	padding-top: 15px;
	border-top: 1px solid #2e2e2e;
}
.list-style .item .item-inner {
	overflow: hidden;
}
.list-style .item .item-inner .images-container {
    float: left;
    width: 22%;
}

.list-style .item .item-inner .caption {
    float: left;
    width: 78%;
    padding: 0 0 0 15px;
    text-align: left;
}
.list-style .product-name {
	background: none;
	padding: 0;
}
.list-style .product-name a {
	font-size: 14px;
}
.list-style .price-box .price {
	font-size: 14px;
}
.list-style .item-inner .caption .ratings {
	margin-bottom: 1px;
}
.list-style .item-inner .price-box p.old-price {
	padding-top: 0;
}
/*list-module*/
.list-module .module-title {
	text-align: left;
	margin-bottom: 27px;
	margin-top: 90px;
}
.list-module .module-title h2 {
	font-size: 18px;
}
/* module-style1 */
.module-style1 {

}
.module-style1 .item-inner .action-links  button.btn-wishlist {
	position: absolute;
	left: 0;
	top: 0;
}
.module-style1 .item-inner .action-links  button.btn-compare {
	position: absolute;
	right: 0;
	top: 0;
}
.module-style1 .item-inner .action-links button.btn-cart{
	width: 100%;

}
.product-grid.module-style1.col-md-divide-5 .item-inner .action-links button.btn-cart span{
	display: none;
}
.product-grid.module-style1.col-md-divide-5 .item-inner .action-links button.btn-cart:before {
	content: "\f370";
	font-family: "Ionicons";
	display: inline-block;
	vertical-align: top;
	margin: auto;
}
.module-style1 .item-inner .caption .action-links {
	padding: 0 40px;
}
.module-style1 .owl-carousel .owl-stage-outer {
	padding-left:15px;
	padding-right: 15px;
	margin-left: -15px;
	margin-right: -15px;
	padding-bottom: 160px;
	margin-bottom: -160px;
	position: relative;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.module-style1 .owl-carousel .owl-item {
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.module-style1 .owl-carousel .owl-item.active{
	opacity: 1;
}
.module-style1.active .owl-carousel .owl-stage-outer {
	z-index: 5;
}
.module-style1 .item {
	padding: 25px 0 0 0;
}
.module-style1 .item-inner:before {
	content:"";
	left: -15px;
	right: -15px;
	top: -15px;
	bottom: -15px;
	background: #242424;
	position: absolute;
	border-radius: 3px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.module-style1 .item-inner:hover:before {
	opacity: 1;
}
.module-style1 .item-inner .price-box {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
}


.module-style1 .item-inner .box-hover {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	left: 0;
	right: 0;
	top: 95%;
	margin-top: -39px;
	z-index: 5;
	padding: 3px 5px 5px 5px;
	border-top: 0;
	border-radius: 3px;
	background: #242424;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.module-style1 .item-inner .box-hover:before {
	content:"";
	left: -15px;
	right: -15px;
	top: 46px;
	bottom: -15px;
	background: #242424;
	position: absolute;
	z-index:-1;
	border-radius: 3px;
	box-shadow: 0px 6px 15px 0 rgba(0,0,0,0.3);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.module-style1 .item-inner:hover .box-hover {
	opacity: 1;
	visibility: visible;
	top: 100%;
}
/* module-style2*/
.module-style2 {

}
.module-style2 .item-inner .action-links button.btn-cart span {
	display: none;
}
.module-style2 .item-inner .action-links button.btn-cart:before {
	margin: 0;
	width: 28px;
}
.module-style2 .item-inner .caption .action-links {
	padding-top: 12px;
	padding-bottom: 9px;
}
/* module-style3 */
.module-style3 {

}

/* module-nav2 */
.module-nav2  .owl-carousel.owl-theme .owl-nav {
  position: absolute;
  right: 9px;
  top: -36px;
  background: #242424;
  padding-left: 13px;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	opacity: 1;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	margin: 0;
	color: #2f333a;
	width: 20px;
	height: 25px;
	line-height: 25px;
	border-radius: 0;
	font-weight: normal;
	background: transparent;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div:hover {
	color: #f7d049;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div:hover:before {
	font-size: 24px;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div:before {
	font-size: 14px;
	font-family: "Ionicons";
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-prev:before {
	content: "\f124";
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-next:before {
	content: "\f125";
}


/* slider-group */
.slider-group {margin-top: 20px;}

/* tabs-category-slider */
.box-col-module {
	margin-top: 73px;
}
.box-col-module .module-title {
	margin-top: 0;
}
.box-col-module .sub-row {
	margin: 0 -10px;
}
.box-col-module .sub-col {
	padding: 0 10px;
}
.tabs-category-slider {

}
.tabs-category-slider .module-title {
	text-align: left;
}
.tabs-category-slider .module-title h2{
	padding-left: 0;
	padding-right: 30px;
}
.tabs-category-slider.module-nav2  .owl-carousel.owl-theme .owl-nav {

}
.tabs-category-slider .tabs-categorys {
	display: block;
	text-align: center;
	float: right;
	background: #fff;
	position: relative;
	padding-left: 20px;
	padding-right: 55px;
}
.tabs-category-slider .tabs-categorys li {
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}
.tabs-category-slider .tabs-categorys li a {
	font-size: 16px;
	color: #8a8a8a;
	line-height: 30px;
	text-transform: capitalize;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	display: block;
}

.tabs-category-slider .tabs-categorys li:last-child {
	margin:0;
}
.tabs-category-slider .tabs-categorys li a:hover,.tabs-category-slider .tabs-categorys li.active a {
	color: #2f333a;
}
.tabs-category-slider .tabs-categorys li.active a{
	font-weight: 500;
}
/* product-tabs-container-slider */
.product-tabs-container-slider .module-title h2 {
	display: none;
}
.product-tabs-container-slider .module-title {
	text-align: center;
	margin-bottom: 30px;
}
.product-tabs-container-slider .module-title:before {
	background:url(../image/line_title.png) center no-repeat;
}
.product-tabs-container-slider .tabs-categorys {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.product-tabs-container-slider .tabs-categorys li {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 5px -1px;
}

.product-tabs-container-slider .tabs-categorys li a {
	font-size: 18px;
	color: #fff;
	line-height: 46px;
	text-transform: capitalize;
	font-weight: 400;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-family: 'Oswald', sans-serif;
	padding: 0 30px;
	background: #242424;
	border: 2px solid #2d2d2d;
	border-radius: 2px;
}
.product-tabs-container-slider .tabs-categorys li:last-child {
	padding:0;
}
.product-tabs-container-slider .tabs-categorys li:last-child:after {
	display: none;
}
.product-tabs-container-slider .tabs-categorys li.active a{
	color: #f7d049;
	border-color: #f7d049;
	z-index: 2;
	position: relative;
}
.product-tabs-container-slider .tabs-categorys li a:hover {
	color: #f7d049;
}
/* bestseller-products-slider */
.bestseller-products-slider {

}


/* related-products */
.related-products {

}
.related-products .module-title {
	/*! margin-top: 55px; */
	text-align: left;
}
.related-products .module-title h2 {
	padding-left: 0;
}
/* featured-categories-container */
.featured-categories-container {
	padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    margin-top: 50px;
}
.featured-categories-container.module-nav2  .owl-carousel.owl-theme .owl-nav {
	right: 0;
}
.featured-categories-container .owl-item.active .item-inner:after {
	content:"";
	width: 1px;
	height: 100%;
	background: #ebebeb;
	top:0;
	right:-15px;
	position: absolute;
}
.featured-categories-container .owl-item.active.last .item-inner:after {
	display:none;
}
.fcategory-content .image {
	display:block;
	border-radius: 2px;
	overflow: hidden;
}
.fcategory-content .image img {
	-webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.fcategory-content .image:hover img {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
.featured-categories-container .content-thumb .name {
	margin-top: 17px;
}
.featured-categories-container .content-thumb .name a {
	font-size: 15px;
	color: #363f4d;
	display: block;
}
.featured-categories-container .content-thumb .name a:hover {
	color: #f7d049;
}
.sub-featured-categories li a {
	display: block;
	font-size: 13px;
	color: #7a7a7a;
	line-height: 24px;
}
.sub-featured-categories li a:hover {
	color: #f7d049;
	padding-left: 7px;
}
.featured-categories-container .view-more {
	line-height: 29px;
	padding: 0 20px;
	color: #fff;
	text-transform: capitalize;
	background: #363f4d;
	border-radius: 3px;
	display:inline-block;
	vertical-align: top;
	margin-top: 19px;
}
.featured-categories-container .view-more:hover {
	background: #f7d049;
}
/* CountDown */
.occountdown_module .module-title{
	display: none;
}
.text-hurryup {
	display: none;
}
.occountdown_module .text-hurryup {
	display: block;
	font-size: 15px;
	color: #666666;
	position: relative;
	margin-top: 35px;
}
.occountdown_module .text-hurryup:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #eeeeee;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}
.occountdown_module .text-hurryup p {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	background: #fff;
	margin: 0;
	z-index: 2;
	position: relative;
}
.occountdown_module .text-hurryup strong {
	display: block;
	color: #202226;
	font-size: 18px;
	margin-bottom: 2px;
}
.is-countdown {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
}
.countdown-row {
	margin: 0 -2.5px;
	overflow: hidden;
	display: block;
}
.countdown-section {
	width: 25%;
	max-width: 65px;
	padding: 0 2.5px;
	display: inline-block;
	vertical-align: top;
}
.countdown-section .time-info {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background: #fff;
	border: 1px solid #ebebeb;
	padding: 12px 0 10px;
	border-radius: 3px;
}
.countdown-section:last-child {
	border: 0;
}
.countdown-amount {
	font-size: 18px;
	line-height: 1;
	color: #2f333a;
	position: relative;
	display: block;
	font-weight: 500;
}
.countdown-period {
	display: block;
	font-size: 12px;
	color: #c8c8c8;
}
/* testimonial */
/* testimonial */
.testimor-full {
	margin-top: 83px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    padding: 100px 0 70px 0;
    background: url(../image/bkg_testimonial.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.testimonial-container .module-title {
	display: none;
}
.common-home .testimonial-images {
	display: none;
}
.testimonial-content{
}

.testimonial-box {
	padding: 35px 150px;
    padding-bottom: 25px;
}
.testimonial-container .icon {
	display: block;
    text-align: center;
}
.testimonial-container .icon i {
	width: 97px;
    height: 97px;
    line-height: 97px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: url(../image/bkg_icon_testimonial.png) center no-repeat;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.testimonial-box a {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-transform: none;
	color: #fff;
	display: block;
}
.testimonial-author {
	    font-size: 16px;
	    text-transform: uppercase;
	    color: #f7d049;
	    margin: 0;
}

.row-testimonials {
	padding: 20px;
	border: 1px solid #ebebeb;
	margin-bottom: 30px;
	text-align: center;
}
.testimonial-container .owl-carousel.owl-theme .owl-nav div {
	background: transparent;
	color: rgba(255,255,255,0.5);
}
.testimonial-container .owl-carousel.owl-theme .owl-nav div:hover {
	color: #fff;
}
/* corporate */
.ma-corporate-about {
  text-align: center;
  background: #fff;
  overflow: hidden;
  padding: 24px 0;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  margin-top: 40px;
}
.ma-corporate-about .col {
	width: 20%;
	float: left;
	padding: 0 10px;
	position: relative;
}
.ma-corporate-about .col:after {
	content: "";
	width: 1px;
	height: 47px;
	background: #ebebeb;
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ma-corporate-about .col:last-child:after {
	opacity: 0;
}
.ma-corporate-about .block-wrapper {
  background: url(../image/wrapper1.png) left center no-repeat;
  padding: 10px 0;
  padding-left: 61px;
  display: inline-block;
  vertical-align: top;
}
.ma-corporate-about .block-wrapper.wrapper2 {
  background: url(../image/wrapper2.png) left center no-repeat;
  padding-left: 47px;
}
.ma-corporate-about .block-wrapper.wrapper3 {
  background: url(../image/wrapper3.png) left center no-repeat;
}
.ma-corporate-about .block-wrapper.wrapper4 {
  background: url(../image/wrapper4.png) left center no-repeat;
}
.ma-corporate-about .block-wrapper.wrapper5 {
  background: url(../image/wrapper5.png) left center no-repeat;
}
.ma-corporate-about .block-wrapper .text-des {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
}
.ma-corporate-about .block-wrapper .text-des p {
  color: #2f333a;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin: 0;
}
.ma-corporate-about .block-wrapper .text-des span {
  color: #959595;
  display: block;
}
/* End Corporate */
.box-blog {
	border-top: 1px solid #2d2d2d;
	margin-top: 95px;
}
.menu-recent {
}
.menu-recent.module-nav2 .owl-carousel.owl-theme .owl-nav {
	top: -77px;
}
.menu-recent .blog-title {
	margin-bottom: 50px;
}

.menu-recent .row_items .articles-inner:not(:first-child) {
	display: inline-block;
	margin-top: 10px;
	vertical-align: top;
	width: 100%;
}
.menu-recent .articles-image {
	position: relative;
	display: none;
}
.menu-recent .aritcles-content {text-align: left;}
.menu-recent .aritcles-content .content-inner {
}
.menu-recent .articles-image a {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	max-width: 100%;
	width: 100%;
	position: relative;
	border-radius: 2px;
}
.menu-recent .articles-image a img {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.menu-recent .articles-image a:hover img {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
.articles-name {
	display: block;
	font-size: 18px;
	text-transform: none;
	line-height: 24px;
	position: relative;
	margin-top: 0;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
}
.articles-date {
	font-size: 13px;
	text-transform: capitalize;
	font-weight: 400;
	color: #f7d049;
	display: block;
}
.articles-date .artice-day {
	padding-top: 6px;
	margin-bottom: 2px;
}
.author-name {
	display: block;
	font-size: 14px;
	color: #5a5a5a;
	text-transform: capitalize;
	margin-bottom: 6px;
}
.author-name span {
	color: #f7d049;
}
.articles-intro {
}
.articles-intro p {
	line-height: 24px;
	font-size: 14px;
	padding: 0 0 25px 0;
	margin: 0;
}
.menu-recent .read-more {
	color: #f7d049;
	font-size: 16px;
	font-weight: 700;
	display: block;
	text-transform: capitalize;
	margin-top: 20px;
	display: none;
}
.menu-recent .read-more:hover {
	text-decoration: underline;
}
.blog-blog .intro-content img,.blog-article .article-description img {
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.blog-blog .article-list,.blog-article .article-container{
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}
.article-description p,.intro-content p {
	line-height: 24px;
}
/*----instagram_block_home----*/
#instagram_block_home {
	position: relative;
	margin-top: 95px;
}
#instagram_block_home .title_block {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
#instagram_block_home .content_block {
	display: block;
}
#instagram_block_home .title_block h3 {
	background: #f7d049;
	line-height: 34px;
	padding: 0 20px;
	text-transform: none;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	border-radius: 4px;
	border-top: 1px solid #5d461b;
	border-bottom: 1px solid #5d461b;
}
#instagram_block_home .title_block h3:before {
	content:"\f350";
	font-family: "Ionicons";
	font-size: 18px;
	margin-right: 5px;
	vertical-align: middle;
}
#instagram_block_home a.fancybox {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
#instagram_block_home a.fancybox:last-child {
	margin: 0;
}
#instagram_block_home a.fancybox img {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#instagram_block_home a.fancybox:hover img {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
/* Tweets */
.timeline-Widget {
	background: none;
}
/* brand */
.brand-slider img {
	display:inline-block;
	vertical-align:top;
	opacity: 0.6;
}
.brand-slider img:hover {opacity:1;}
.brand-slider {
	/*padding: 46px 0;*/
	text-align: center;
}
/* Social */
/* Top Social */
.top-menu .container-inner {
	position: relative;
	height: 100%;
}
.top-menu .follow {
	position:absolute;
	right: 0;
	top: 2px;
	z-index: 2;
}
.top-menu .follow label {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	line-height: 24px;
	font-size: 14px;
	color: #56595e;
	text-transform: uppercase;
	font-weight: 500;
	padding: 15.5px 0;
	margin-top: 0;
	margin-right: 15px;
}
.top-menu .follow label:after {
	content: ":";
}
.top-menu ul.link-follow {margin:0;display: inline-block;vertical-align: top;}
.top-menu ul.link-follow li a {
	background: #373b41 !important;
	color: #56595e;
}
.top-menu ul.link-follow li a:hover {
	color: #fff;
}
/* ----*/
.follow label {
	display: none;
}
ul.link-follow {
  display: block;
  vertical-align: top;
  margin-top: 10px;
  overflow: hidden;
}
ul.link-follow li {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
ul.link-follow li:last-child {
  margin-right: 0;
}
ul.link-follow li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #616161;
  background: #2f2f2f;
  border-radius: 100%;
  font-size: 0;
  line-height: 40px;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
ul.link-follow li a:before {
  font-size: 16px;
}

ul.link-follow li a span {
  display: none;
}
ul.link-follow li a:hover {
  color: #fff;

}
/*twitter*/
#twitter-feed {
	text-align: center;
	border-bottom: 1px solid #2d2d2d;
	padding: 34px 15px;
}
#twitter-feed .tweet-title {
	display: none;
}
#twitter-feed .tweet-title h3 {
  color: #2d2d2d;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
  margin-top: 0;
}
#twitter-feed .twitter-pic {
	display: none;
}
#twitter-feed .twitter-text {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
}
#twitter-feed .twitter-text .tweetprofilelink,#twitter-feed .twitter-text .tweet-time,#twitter-feed .twitter-text br{
	display: none;
}
#twitter-feed .twitter-text a {
	color: #f7d049;
}
#twitter-feed .twitter-text a:hover {
	text-decoration: underline;
}
#twitter-feed .twitter-article {
  position: relative;
}
#twitter-feed .twitter-article:before {
  content: "\f243";
  font-family: "Ionicons";
  font-size: 18px;
  color: #f7d049;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
/* footer */
/* footer */
.common-home footer {
	/* margin-top: 0; */
}
footer{
	margin-top: 30px;
}
.footer-top {
	padding: 0 0 75px 0;
}

ul.links-footer {
	display: block;
    padding: 14px 0;
    border-bottom: 2px solid #393939;
    margin-bottom: 47px;
}
ul.links-footer li {
	display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 25px;
    margin-right: 25px;
}
ul.links-footer li:after {
	position: absolute;
    content: "";
    width: 1px;
    height: 13px;
    background: #808080;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ul.links-footer li:last-child {
	margin: 0;
	padding: 0;
}
ul.links-footer li:last-child:after {
	display: none;
}
ul.links-footer li a {
	line-height: 24px;
    font-size: 13px;
    color: #999999;
    display: block;
    text-transform: capitalize;
}
ul.links-footer li a:hover {
	color: #f7d049;
}
footer .col-footer{
	margin-bottom: 20px;
	position: relative;
	float: left;
}

.footer-title h5{
	color: #ffffff;
	font-size: 20px;
	line-height: 24px;
	text-transform: capitalize;
	margin-top: 20px;
	margin-bottom: 24px;
}

.footer-content {
	line-height: 30px;
	font-size: 14px;
	font-weight: 400;
}
.footer-content .des {
	margin-top: 25px;
	margin-bottom: 35px;
}
.footer-custom-link {
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
	text-align: center;
}
.footer-custom-link li {
	display: inline-block;
	vertical-align: top;
	margin-right: 45px;
	padding: 13px 0;
}
.footer-custom-link li a {
	line-height: 30px;
	font-size: 16px;
	color: #5a5a5a;
	display: block;
	font-family: 'Oswald', sans-serif;
}
.footer-custom-link li a:hover {
	color: #fff;
}
.footer-custom-link li:last-child {
	margin-right: 0;
}
.footer-contact li {
	padding: 3px;
}

.footer-payment {
	display:block;
	margin-top: 33px;
}
.footer-payment label {
	color:#57626f;
	margin-bottom: 10px;
	display: block;
}
footer .list-unstyled.text-content li a:hover{
	color: #fff;
	padding-left: 7px;
}
footer .list-unstyled.text-content li a{color: #5a5a5a;display: block;font-weight: 400;padding: 3px 0;}
.footer-middle {

}

.tag-static{

}
.tag-static li a:first-child{
	padding: 0 15px;
	font-weight: 400;
	color: #fff;
	background:#37475a;
	border-radius: 2px;
	margin-right: 8px;
}
.tag-static li a:first-child:after,.tag-static li a:last-child:after {
	display:none;
}
.tag-static li a {
	line-height: 32px;
	text-transform: capitalize;
	color: #5b697b;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.tag-static li a:after {
	content:"/";
	display: inline-block;
	vertical-align: top;
	margin:0 9px;
	color: #5b697b;
}
.tag-static li a:hover {
	color: #fff;
}

.tag-static li {
	display: block;
	margin-bottom: 8px;
}
.tag-static li:last-child {
	margin-bottom:0;
}
.footer-bottom {
	text-align: center;
	padding: 38px 0 100px 0;
}
.footer-bottom .container-inner {
	padding: 10px 0;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.footer-copyright {
	display: block;
	margin-bottom: 17px;
}
.footer-copyright p{
	font-size: 14px;
	line-height: 20px;
	background: none;
	text-transform: capitalize;
	font-weight: 400;
	margin: 0;
}
.footer-copyright p span {
}
.footer-bottom .footer-copyright a {
	color: #f7d049;
}
.footer-bottom .footer-copyright a:hover {
	text-decoration: underline;
}
.footer-bottom .payment {
}

#back-top i{
	font-size: 18px;
	display: block;
	line-height: 1;
	position: absolute;
	top: 24px;
	left: 28px;
	transform: rotate(-45deg);
}
#back-top:hover{
	background: #f7d049;
}
#back-top{
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: #f7d049;
	width: 65px;
	height: 65px;
	line-height: 65px;
	border-radius: 3px;
	color: #fff;
	display: none;
	text-align: center;
	cursor: pointer;
	z-index: 100;
	transform: rotate(45deg);
}
/* breadcrumb */
.common-home .breadcrumbs {
	display: none;
}
.breadcrumbs {
	display: block;
	text-align: center;
	line-height: 25px;
	overflow: hidden;
	margin: 0;
	padding: 10px 0;
	margin: 20px 0;
}
.breadcrumb{
	margin: 0;
	background: none;
	text-transform: capitalize;
	padding: 0;
}
.breadcrumb > li + li:before {
	content: "/";
	color: #777;
	padding: 0;
}
.breadcrumb li:before {
	margin: 0 4px 0 2px;
}
.breadcrumb li a:hover,
.breadcrumb li:last-child a{
	color: #f7d049;
}
.breadcrumb li a{
	/*color: #777777;*/
	/*font-size: 14px;*/
}
ul.breadcrumb span.zem-svc-bc__current{
	color: #b18952;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: .02em;
}
/*----------*/
.category-module .li a.active,
.category-module .li a:hover{
	color: #f7d049
}
.category-module .li{
}
.category-module .li a{
	text-transform: capitalize;
	display: block;
	line-height: 30px;
	padding: 3px 0;
}
.category-module > .ul{
	margin: 0;
	border-top: 0;
}
.category-module .list-child{
	padding-left: 30px;
}
.category-module{
	/*margin-bottom: 55px;*/
}
.category-module h3{
	color: #fff;
	font-size: 20px;
	text-transform: capitalize;
	margin: 0 0 14px;
	line-height: 30px;
}
/* toolbar */ /* @region: toolbar — Layer A · ref doc §4 */
.text-refine {
	margin-top:0;
}
.category-image {
	margin-bottom: 22px;
}
.category-image img {
	border: none;
}
#compare-total ,.list-cate{
	padding: 0;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.list-cate li {
	padding: 5px 0;
}
.toolbar-products {
	padding: 8px 15px;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: center;
	border: 1px solid #2d2d2d;
	border-radius: 3px;
}
.toolbar-products.toolbar-bottom {
	margin-bottom:0;
	margin-top: 10px;
}
.toolbar-products .modes {
	display:inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	border-right: 1px solid #2d2d2d;
	margin: 11px 0;
}
.toolbar-products .toolbar-amount {
	line-height: 32px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0;
	font-size: 14px;
}
#grid-view i,#list-view i {
	display: none;
}
.modes button {
	width: 28px;
	height: 18px;
	padding: 0;
	margin-right: 10px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
}
.modes .btn-grid {
	background: url(../image/bkg_grid.png) center no-repeat;
}
.modes .btn-grid.active,.modes .btn-grid:hover {
	background: url(../image/bkg_grid_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-2{
	background: url(../image/bkg_grid2.png) center no-repeat;
}
.modes .btn-grid.btn-grid-2.active,.modes .btn-grid.btn-grid-2:hover {
	background: url(../image/bkg_grid2_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-3 {
	background: url(../image/bkg_grid3.png) center no-repeat;
}
.modes .btn-grid.btn-grid-3.active,.modes .btn-grid.btn-grid-3:hover {
	background: url(../image/bkg_grid3_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-4{
	background: url(../image/bkg_grid4.png) center no-repeat;
}
.modes .btn-grid.btn-grid-4.active,.modes .btn-grid.btn-grid-4:hover {
	background: url(../image/bkg_grid4_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-5 {
	background: url(../image/bkg_grid5.png) center no-repeat;
}
.modes .btn-grid.btn-grid-5.active,.modes .btn-grid.btn-grid-5:hover {
	background: url(../image/bkg_grid5_hover.png) center no-repeat;
}
.modes .btn-list {
	background: url(../image/bkg_list.png) center no-repeat;
}
.modes .btn-list.active,.modes .btn-list:hover {
	background: url(../image/bkg_list_hover.png) center no-repeat;
}
.toolbar-products .sorter {
	margin-left: 45px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0;
}
.toolbar-products .limiter {
	display: inline-block;
	vertical-align: top;
	padding: 5px 0;
}
.toolbar-products .sorter label,.toolbar-products .limiter label {
	display:inline-block;
	vertical-align: top;
	line-height: 32px;
	margin: 0;
	font-size: 14px;
	margin-right: 8px;
}


.toolbar-products .sorter select, .toolbar-products .limiter select {
	padding: 0 15px;
	height: 32px;
	font-size: 14px;
	color: #5a5a5a;
	border-radius: 3px;
	display: inline-block;
	vertical-align: top;
	width: auto;
	border: 0;
	box-shadow: none;
	text-indent: 0.01px;
	text-overflow: "";
}
.toolbar-products .pages {
	display:inline-block;
	vertical-align: top;
	padding: 5px 0;
}
.toolbar-products .pages ul {
	margin: 0;
	border-radius:0;
}
.toolbar-products .pages ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
.toolbar-products .pages ul li:last-child {
	margin-right: 0;
}
.toolbar-products .pages ul li a {
	color: #5a5a5a;
	font-size: 14px;
	font-weight: 400;
	padding: 0 4px;
	width: 32px;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: none;
	background: #333;
}
.toolbar-products .pages ul li span {
	color: #fff;
	background: none;
	font-size: 13px;
	border: none;
	padding: 0 4px;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	line-height: 32px;
}
.toolbar-products .pages ul li.active span,.toolbar-products .pages ul li:hover a {
	color: #fff;
	background: #f7d049;
	border: none;
}
/* category */
.category-img {
	display: block;
	margin-bottom: 20px;
	border-radius: 3px;
	overflow: hidden;
}
.category-img img {
	border: none;
}

.custom-category .product-grid {
	margin-bottom: 5px;
	margin-top: 0;
}
#product-category .product-grid .item-inner .caption .manufacture-product {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#product-category .product-grid .item-inner:hover .caption .hide-hover {
	opacity: 0;
}

.category-info .box-image {
	position: relative;
	text-align: center;
}
.category-name,#content > h1 {
	display: inline-block;
	vertical-align: top;
	text-transform: capitalize;
	font-size: 48px;
	margin-top: 0;
	position: relative;
}
#product-category .thumb {
	margin-top: 30px;
}
.category-name.ifthumb {
	position: absolute;
	color: #fff;

	left: 0;
	right: 0;
	margin:auto;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product-grid .product-des {
	/*! display: none; */
}
.product-grid .item {
}
.product-list {margin: 25px 0;}
.product-list .images-container {
	float: left;
	width: 40%;
	max-width: 600px;
}
.product-list .caption {
	text-align: left;
	padding: 0 0 0 30px;
	float: left;
	width: 60%;
}
.product-list .product-name {
	padding-top:0;
	border-top: 0;
	background: none;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.product-list .product-name a {font-size: 18px;}

.product-list .product-des {
	line-height: 24px;
	padding: 0 0 3px 0;
	margin-bottom: 0;
	font-size: 14px;
	background: none;
}
.product-list .item-inner .caption .price-box {
	margin-bottom: 23px;
}
.product-list .item-inner .action-links button.btn-cart {
	line-height: 40px;
	padding: 0 35px;
  width: auto;
}
.product-list .item-inner .action-links button.btn-cart:hover {
	background: #f7d049;
}
.product-list .item-inner .action-links  button {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 6px;
	margin-top: 10px;
}
.product-list .item-inner .action-links .add-to-links button:hover {
	color: #fff;
	background: #f7d049;
	border-color: #f7d049;
}
.product-list .item-inner .action-links .add-to-links {
	float: none;
}
.product-list .item-inner .caption .action-links {
	border: 0;
	margin-top: 0;
	padding: 0;
}
.product-list .item-inner .caption .box-rating {
	padding-top: 0;
}

/* product detail */ /* @region: product-detail — Layer A · ref doc §4 */
/*no use zoom*/
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}
/*--*/
.image-additional-container {
}
.image-additional-container .thumbnail{
	margin: 0;
	border: 1px solid #edecec;
}
.image-additional-container .thumbnail:hover,.image-additional-container .thumbnail.current-additional {
	border-color: #f7d049;
}

#product-product .column-main {
	background: #fff;
	padding: 10px;
}
.product-info-main .product-name {
	font-size: 24px;
	text-transform: capitalize;
	margin: 3px 0 16px 0;
	border: 0;
	padding: 0;
	background: none;
}
.product-info-main .price-box {
	display:block;
	margin-top: 7px;
	margin-bottom: 20px;
	padding-bottom: 32px;
	border-bottom: 1px solid #2b2b2b;
}
.product-info-main .price-box .price {font-size: 24px;}
.product-info-main .price-box p.old-price .price {
	font-size: 18px;
}
.product-info-main .price-box p.old-price {
	padding-top: 6px;
}
.product-info-main .ratings {
	margin: 0;
	padding: 0;
	display: block;
}
.product-info-main .short-des {
	line-height: 24px;
	padding: 25px 0;
	margin-top: 20px;
	color: #666666;
	font-size: 16px;
	border-top: 1px solid #ededed;
}
#product .form-group .radio {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
#product .form-group .radio input[type="radio"] {
	margin-top: 2px;
}
#input-quantity2, #minus2, #plus2,
#input-quantity, #minus, #plus {
    height: 45px;
    box-shadow: none;
    font-weight: 400;
    text-align: center;
    width: 55px;
    font-size: 14px;
    border-radius: 3px;
    border: none;
    padding: 0;
    color: #ffff;
    background: #2e2e2e;
    float: left;
}

#input-quantity2,
#input-quantity {
    width: 50px;
    min-width: auto;
    margin: 0 1px;
    margin-right: 15px;
}
.product-info-main #product>h3 {
	margin-top: 0;
}
.product-info-main .form-group {
	display:inline-block;
	vertical-align: top;
	width: 100%;
}
label[for='input-quantity']{
	float: left;
	line-height: 50px;
	margin-right: 20px;
	margin-bottom: 0;
	color: #737373;
	font-size: 14px;
	font-weight: 400;
}
.product-info-main .button-cart{
	margin-top: 5px;
	/* clear: both; */
	font-size: 16px;
	line-height: 45px;
	padding: 0 35px;
	background: #f7d049;
	float: left;
	text-transform: capitalize;
	margin-right: 5px;
	margin-bottom: 30px;
}
.product-info-main .button-cart:hover {
	background: #2f333a;
}
.product-info-main button.btn-wishlist {
	margin-right: 5px;
}
.product-info-main button.btn-wishlist,.product-info-main button.btn-compare {
	clear: left;
	margin-top: 0;
	font-size: 14px;
	color: #fff;
	background: transparent;
	border-radius: 0;
	line-height: 30px;
	padding: 0;
	box-shadow: none;
	display: block;
	text-transform: capitalize;
}

.product-info-main button.btn-wishlist:before,.product-info-main button.btn-compare:before {
	content: "+";
	margin-right: 3px;
}
.product-info-main button.btn-wishlist:hover,.product-info-main button.btn-compare:hover {
	color: #f7d049;
}
#product2.has-option,
#product.has-option{
	max-height: 300px;
	overflow: auto;
	border: 1px solid #e1e1e1;
	padding: 20px;
}
#product + div{
	margin: 20px 0;
}
.quantity-box {
	float: left;
	border: 0;
	margin-right: 4px;
}
.product-info-main label[for='input-quantity'], .product-info-main #input-quantity {
	margin-top: 5px;
}
.product-info-main .box-options {
	margin-top: 10px;
	padding: 10px 0;
	font-size: 16px;
	color: #666666;
}
.product-info-main ul.list-unstyled {

	padding: 15px 0;
}
.product-info-main ul.list-unstyled li {
	display: block;
	line-height: 24px;
}
.product-info-main ul.list-unstyled li span,.product-info-main ul.list-unstyled li a {
	color: #f7d049;
}
.product-info-main ul.list-unstyled li a:hover {
	text-decoration: underline;
}

.product-info-detailed {
	margin-top: 80px;
	background: #212121;
	padding: 90px 30px;
}
.product-info-detailed .nav-tabs {
	margin-bottom: 0;
	border-bottom: 0;
	text-align: center;
}
.product-info-detailed .nav-tabs li {
	margin-bottom: 0;
	position: relative;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}

.product-info-detailed .nav-tabs li:last-child {
	margin-right:0;
}

.product-info-detailed .nav-tabs li a {
	font-size: 24px;
	color: #5a5a5a !important;
	text-transform: capitalize;
	border-radius: 0;
	border: none !important;
	padding: 7px 0;
	margin: 0;
	background: none !important;
	position: relative;
	font-family: 'Oswald', sans-serif;
}

.product-info-detailed .nav-tabs li a:hover,.product-info-detailed .nav-tabs li.active a {
	background: none;
	color: #fff !important;
}
.product-info-detailed .tab-content {
	line-height: 24px;
	padding: 30px 0;
}
#tab-description p {
	margin:0;
}
.bootstrap-datetimepicker-widget a[data-action]{
	padding: 0 !important;
}
.bootstrap-datetimepicker-widget td span:hover{
	background: none !important;
}
.bootstrap-datetimepicker-widget td span{
	height: 40px !important;
	line-height: 40px !important;
	margin: 0px !important;
}
.alert.alert-success{
	text-align: center;
	font-size: 14px;
	margin: 0;
}
.account-login .well{
	background: none;
	box-shadow: none;
}
#map-canvas{
	min-height: 400px;
	margin: 20px 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    border: none;
	height: auto;
}



#content{
	min-height: 300px;
}
#content > h1 {
	margin-top: 0;
}
#cart .dropdown-menu {
    margin: 0;
    padding: 10px 35px 0 35px !important;
    width: 340px;
    right: -15px;
    list-style: none none;
    border: 0;
    background: #343434;
    margin-top: 11px;
    box-sizing: border-box;
    top: 100%;
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    color: #fff;
}
#cart .dropdown-menu:after,#cart .dropdown-menu:before {
	border-bottom-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
#cart .dropdown-menu:before {
	border: 7px solid;
	border-color: transparent transparent #343434 transparent;
	z-index: 99;
	right: 26px;
	top: -12px;
	opacity: 0;
}
#cart .dropdown-menu:after {
	border: 8px solid;
	border-color: transparent transparent #343434 transparent;
	z-index: 98;
	right: 25px;
	top: -15px;
}
#cart .cart-close {
	position: absolute;
	top: 20px;
	right: 0;
	font-weight: 400;
	background: #343434;
}
#cart .cart-empty{
	padding-bottom: 25px;
	padding-top: 15px;
}
#cart .dropdown-menu p{
	margin: 0;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr > td{
	border: 0;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr {
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	display: block;
	background: url(../image/line2.png) bottom center no-repeat !important;
}
#cart .table > tbody > tr > td{
	border: none;
	padding: 0;
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
}
#cart .cart-close button{
	background: none;
	color: #5a5a5a;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 18px;
	padding: 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
#cart .cart-close button:hover {
	color: #f7d049;
	border-color: #f7d049;
}
#cart .cart-close button i { line-height: inherit;}
#cart .cart-quantity{
	color: #5a5a5a;
	line-height: 20px;
	display: block;
	padding: 5px 0;
	font-size: 12px;
}
#cart .cart-price {
	font-size: 14px;
	font-weight: 500;
	color: #f7d049;
	padding-top: 2px;
	display: block;
	font-family: Arial, 'Helvetica Neue', sans-serif;
}
#cart .cart-name {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
}
#cart .cart-name:hover {
	color: #f7d049;
}
#cart .dropdown-menu .cart-button{margin: 0 -35px;padding: 25px 35px;background: #242424;}
#cart p.cart-button a:last-child{margin-top: 15px;}
#cart p.cart-button a{
	border: none;
	background: #2e2e2e;
	color: #fff;
	line-height: 50px;
	text-align: center;
	padding: 0 20px;
	text-transform: capitalize;
	font-size: 16px;
	margin: 0;
	border-radius: 3px;
	display: block;
	font-family: 'Oswald', sans-serif;
}
#cart p.cart-button a strong {
	font-weight: 400;
}
#cart p.cart-button a:hover{
	color: #fff;
	background: #f7d049;
	border-color: #f7d049;
}
#cart p.cart-button a:hover i{
	color: #fff;
}
#cart p.cart-button a i{
	padding-left: 5px;
	font-size: 10px;
	display: none;
}
#cart .dropdown-menu .info-item{
	padding-left: 10px;
	padding-right: 15px;
}
#cart .dropdown-menu .has-scroll{
	max-height: 270px;
	overflow: auto;
	padding: 0 35px;
	margin: 0 -35px;
	background: none;
}


#cart .dropdown-menu tr td strong{
	color: #232323;
	font-weight: 500;
	float: left;
	padding: 2px 0;
	font-size: 12px;
	text-transform: uppercase;
}
#cart .dropdown-menu tr td:last-child{
	color: #f7d049;
	font-size: 14px;
	font-family: Arial, 'Helvetica Neue', sans-serif;
	font-weight: 500;
}
.fluid-width > .container{
	width: auto;
	padding: 0 75px;
}
.fluid-width2 {
	background: #fff;
	margin-top: 60px;
}
/* responsive */ /* @region: responsive-legacy — Layer A · breakpoints ladder · ref doc §3 */


@media(max-width: 1199px){
	#top {
		text-align: center;
	}
	#top .box-left,#top .follow {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0;
	}
	#top .box-left {
		margin: 0 20px;
	}
	#top .box-right {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

}

@media(max-width: 991px){
	.col-order {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	.col-order #content {
	    -webkit-box-ordinal-group: 1;
	    -ms-flex-order: 1;
	    -webkit-order: 1;
	    order: 1;
	    float: none;

	}
	.col-order #column-left {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
	    -webkit-order: 2;
	    order: 2;
	    float: none;

	}
	#column-left,#column-right {
		margin-top: 30px;
	}

	#search .search-content {
	}

	.header-inner {
		text-align: center;
		z-index: 8;
	}
	.top-menu {
		z-index: 7;
	}
	.logo-container {
		float: none;
		display: block;
		text-align: center;
	}
	#top .box-left, #top .follow {
		display: block;
		margin: 0;
		border-bottom: 1px solid #2d2d2d;
	}
	.top-phone,.box-cart {
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
		position: relative;
		left: auto;
		right: auto;
		padding: 0;
		margin-bottom: 30px;
		-moz-transform:  translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.box-cart {
		margin-right: 0;
	}
	.static-middle-mirora1 .text .text2 {
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	.static-middle-mirora1 .text .link {
		margin-top: 2.5vw;
		line-height: 3vw;
		padding: 0 1.5vw;
		font-size: 1.3vw;
	}
	.static-bottom-mirora1 .text .text2 {
		font-size: 2.5vw;
		margin-bottom: 1vw;
	}
	.static-bottom-mirora1 .text .link {
		margin-top: 1.5vw;
	}
	.newletter-subscribe-container {
		margin-top: 60px;
	}
	.module-title,.box-blog,.static-middle-mirora1 {margin-top: 55px;}
	#instagram_block_home {
		margin-top: 55px;
	}
	.static-bottom-mirora1 {
		margin-top: 30px;
	}
	#subscribe_email-normal {
		width: 400px;
	}
	.footer-top {
		padding: 0 0 35px 0;
	}
	footer {
		margin-top: 40px;
	}
	.footer-bottom {
		padding-bottom:40px;
	}
	.newletter-popup,
	.b-modal{
		display: none !important;
	}
	.zoomContainer,
	.vermagemenu-container,
	#search-by-category .search-container .categories-container{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
  .static-top-mirora1 .text .text2 {
		font-size: 2vw;
	}
	.static-top-mirora1 .text .text3 {
		margin-top: 1vw;
	}
}
@media(min-width: 768px) {
	.toolbar-products .modes {
		float: left;
		margin-right: 20px;
	}
	.toolbar-products .sorter,.toolbar-products .limiter ,.toolbar-products .pages {
		float: right;
	}

	.toolbar-products .toolbar-amount {
		float: left;
	}

}
@media(max-width: 780px){
	.module-style1 .owl-carousel .owl-stage-outer {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
@media(max-width: 767px){
	#search .search-content {
		left: -15px;
		right: auto;
		top: 100%;
		margin-top: 10px;
	}
	.link-compare {
		text-align: center;
	}

	.footer-bottom .follow {
		float: none;
		margin-top:	10px;
		display: block;
		text-align: center;

	}
	.footer-bottom .footer-copyright {
		float: none;
		display: block;
		text-align: center;
		max-width: none;
		line-height: 1.2;
	}
	.footer-bottom .payment {
		float: none;
		display: block;
		text-align: center;
	}
	#subscribe-normal {display: block}
	#subscribe_email-normal {
		display: block;
		margin: 0 0 10px 0;
		width: 100%;
	}
	#frm_subscribe-normal .btn {
		line-height: 40px;
		padding: 0 25px;
	}

	.product-tabs-container-slider .module-title:before {opacity: 0;}
	.product-tabs-container-slider .tabs-categorys li {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 5px -3px;
	}
	.static-bottom-mirora1 .col {
		width: 100%;
	}

	.footer-custom-link {padding: 5px 0;}
	.footer-custom-link li {padding: 5px 0;}
	#back-top {
		width: 40px;
		height: 40px;
	}
	#back-top i {
		left: 13px;
		top: 10px;
	}
}
@media(max-width: 640px){
	.tt_tabsproduct_module .tabs-categorys {
	}
}
@media(max-width: 567px){
	.product-info-detailed .nav-tabs {
		padding: 0;
	}
	.product-info-detailed .nav-tabs li {
		float: none;
		margin: 0;
		display: block;
	}
	.product-info-detailed .nav-tabs li:last-child {
		border-bottom:0;
	}
	.product-info-detailed .nav-tabs li:not(:first-child):before {
		display: none;
	}


}

@media(max-width: 479px){

	#cart .dropdown-menu {
		width: 280px;
		right: -15px;
	}
	#cart .dropdown-menu::before {
		right: 41px;
	}
	#cart .dropdown-menu::after {
		right: 40px;
	}

	#top #form-language .btn-group .dropdown-menu
	 {
		left: -30px;
	}

	.static-middle-mirora1 .text .text3,.static-middle-mirora1 .text .text1  {
		font-size: 2.8vw;
	}
	.static-middle-mirora1 .text .link {
		font-size: 1.8vw;
		border-width: 1px;
	}

	.product-list .images-container {
		float: none;
		width: auto;
	}
	.product-list .caption {
		float: none;
		width: auto;
		padding-left: 0;
		padding-top: 15px;
	}
}

/*Fix products-grid */
@media (min-width: 1200px){
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (max-width: 1199px) and (min-width: 992px){
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}

}
@media (max-width: 991px) and (min-width: 768px){
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}

}
@media (max-width: 767px) and (min-width: 481px){
	.custom-category .product-grid.col-xs-6:nth-child(2n+1) {clear: left;}
	.custom-category .product-grid.col-xs-4:nth-child(3n+1) {clear: left;}
}

@media (max-width: 480px) and (min-width: 0px){
	.custom-category .product-grid:nth-child(1n+1) {clear: left;}
	.custom-category .product-grid{width: 100%;}

}
/*Fix products-no-slider */
@media (min-width: 768px) {
	.six_items:nth-child(6n+1),
	.four_items:nth-child(4n+1),
	.three_items:nth-child(3n+1),
	.two_items:nth-child(2n+1)
	{  clear: left;}
}

/*Button CustomView */
@media (min-width: 1200px) {
	.btn-grid.btn-grid-2 {
		display: none;
	}
}
@media (max-width: 1199px) {
	.btn-grid.btn-grid-5 {
		display: none;
	}
}
@media (max-width: 767px) {
	.btn-grid.btn-grid-4 {
		display: none;
	}
}
@media (max-width: 479px) {
	.btn-grid.btn-grid-3 {
		display: none;
	}
	.tooltip {
		display: none !important;
	}
	.modes .btn-grid.btn-grid-2{
		background: url(../image/bkg_grid1.png) center no-repeat;
	}
	.modes .btn-grid.btn-grid-2.active,.modes .btn-grid.btn-grid-2:hover {
		background: url(../image/bkg_grid1_hover.png) center no-repeat;
	}
}
.bootstrap-datetimepicker-widget .datepicker .prev,.bootstrap-datetimepicker-widget .datepicker .next {
	padding:0 !important;
}
.form-control,.panel {
	background: #333333;
	border-color: #333333;
}
.form-control:focus {
	border-color: #555;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.well,tbody,table,.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-color: #333 !Important;
}
table,table tr, table td {
	background-color: transparent !important;
}
.form-group .input-group.date {
	max-width: 270px;
}

/* @region: LAYER-B START — Phase 6.1 .zem-* overrides begin here · ref doc §4 Layer B + §5 */
/* Phase 6.1.3 cmsblock visual polish — Benefits / How-we-work / CTA banner */
.zem-benefits { padding: 30px 0; }
.zem-benefits .zem-benefit-item { text-align: center; padding: 25px 15px; }
.zem-benefits .zem-benefit-item .fa { color: #f7d049; margin-bottom: 16px; display: block; }
.zem-benefits .zem-benefit-item h4 { margin: 0 0 10px; font-size: 16px; }
.zem-benefits .zem-benefit-item p { font-size: 13px; line-height: 1.5; opacity: 0.85; }

.zem-howwework { padding: 40px 0; }
.zem-howwework .zem-step { text-align: center; padding: 20px 15px; position: relative; }
.zem-howwework .zem-step-number {
	display: inline-block; width: 56px; height: 56px; line-height: 56px;
	border-radius: 50%; background: #f7d049; color: #fff;
	font-size: 24px; font-weight: 700; margin-bottom: 16px;
}
.zem-howwework .zem-step h4 { margin: 0 0 10px; font-size: 16px; }
.zem-howwework .zem-step p { font-size: 13px; line-height: 1.5; opacity: 0.85; }

.zem-cta-banner {
	padding: 60px 20px;
	background: linear-gradient(135deg, rgba(168,116,26,0.22), rgba(168,116,26,0.08));
	margin: 30px 0;
	text-align: center;
	border-radius: 4px;
	border: 1px solid rgba(168,116,26,0.35);
}
.zem-cta-banner h3 {
	margin-top: 0;
	margin-bottom: 16px;
	color: #f7d049;
	font-size: 28px;
}
.zem-cta-banner p {
	font-size: 16px;
	margin-bottom: 28px;
	color: #e8e8e8;
	opacity: 0.9;
}
.zem-cta-banner .btn,
.zem-cta-banner .btn-primary {
	padding: 12px 32px;
	font-size: 15px;
	background: #f7d049 !important;
	border: 2px solid #f7d049 !important;
	color: #fff !important;
	letter-spacing: 0.5px;
	transition: background 0.25s ease, color 0.25s ease;
}
.zem-cta-banner .btn:hover,
.zem-cta-banner .btn-primary:hover {
	background: transparent !important;
	color: #f7d049 !important;
}

/* Phase 6.1.4 — Equipment categories tile block */ /* @region: zem-categories — ref doc §5 */
.zem-categories { padding: 40px 0; }
.zem-categories .zem-section-title { text-align: center; margin-bottom: 35px; font-size: 28px; }
.zem-category-tile { text-align: center; padding: 0 15px; margin-bottom: 30px; }
.zem-category-tile a { color: inherit; text-decoration: none; display: block; }
.zem-category-tile .image {
	background: #fff; padding: 12px; border-radius: 4px; overflow: hidden;
	height: 200px; display: flex; align-items: center; justify-content: center;
}
.zem-category-tile .image img {
	max-width: 100%; max-height: 176px; width: auto; height: auto;
	transition: transform 0.3s ease;
}
.zem-category-tile:hover .image img { transform: scale(1.05); }
.zem-category-tile h4 { margin: 14px 0 0; font-size: 16px; font-weight: 500; line-height: 1.3; }
.zem-categories-more { margin-top: 20px; }
.zem-categories-more .btn { font-size: 15px; padding: 10px 24px; }

/* Phase 6.1.5 — Popular equipment block */ /* @region: zem-popular — ref doc §5 */
.zem-popular { padding: 40px 0; }
.zem-popular .zem-section-title { text-align: center; margin-bottom: 35px; font-size: 28px; }
.zem-product-tile { text-align: center; padding: 0 15px; margin-bottom: 35px; }
.zem-product-tile .zem-product-img {
	display: block; background: #fff; padding: 12px; border-radius: 4px; overflow: hidden;
	height: 200px; display: flex; align-items: center; justify-content: center;
}
.zem-product-tile .zem-product-img img {
	max-width: 100%; max-height: 176px; width: auto; height: auto;
	transition: transform 0.3s ease;
}
.zem-product-tile:hover .zem-product-img img { transform: scale(1.05); }
.zem-product-tile .zem-product-name {
	margin: 14px 0 8px; font-size: 15px; font-weight: 500; line-height: 1.3;
	min-height: 40px;
}
.zem-product-tile .zem-product-name a { color: inherit; text-decoration: none; }
.zem-product-tile .zem-product-name a:hover { color: #f7d049; }
.zem-product-tile .zem-product-price { font-size: 14px; opacity: 0.85; margin-bottom: 12px; }
.zem-product-tile .zem-product-cta { padding: 8px 20px; font-size: 13px; }
.zem-popular-more { margin-top: 20px; }
.zem-popular-more .btn { font-size: 15px; padding: 10px 24px; }

/* Phase 6.1.6 — Cases/blog: center heading (was left-aligned w/ carousel arrows on right).
   #2 (2026-06-11): font Oswald 28 → Prata 32/400 #fff ls.64 to match other section titles (§1.3). */
#blog_home .blog-title.module-title,
#blog_home .blog-title.module-title h2 {
	text-align: center !important;
}
#blog_home .blog-title.module-title h2 {
	margin: 0 auto 35px;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	font-size: 32px;
	letter-spacing: .64px;
	line-height: 1.25;
	color: #fff;
	display: block;
}

/* Phase 6.1.6 — Cases/blog: horizontal padding so cards don't touch viewport edges (consistent with section side margins) */
#blog_home {
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
@media (min-width: 1200px) {
	/* #4 (2026-06-11): blog has no .container — cap to Figma 1043 centered (was 60px pad → ~1250) */
	#blog_home { max-width: 1043px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
}

/* Phase 6.1.6 — Cases/blog: unhide article images + polish */
.articles-container .articles-image {
	display: block !important;
	margin-bottom: 14px;
	overflow: hidden;
	border-radius: 4px;
	/*background: #fff;*/
	background: transparent;
}
.articles-container .articles-image img {
	/*width: 100%; height: auto; display: block;*/
	width: 100%; display: block;
	transition: transform 0.3s ease;
}
.articles-container .articles-inner:hover .articles-image img { transform: scale(1.04); }
.articles-container .articles-name {
	display: block; margin: 8px 0; font-size: 15px; line-height: 1.3;
	color: inherit; text-decoration: none; font-weight: 500;
}
.articles-container .articles-name:hover { color: #f7d049; }
.articles-container .articles-intro p { font-size: 13px; opacity: 0.85; line-height: 1.5; margin-bottom: 8px; }
.articles-container .articles-date { font-size: 12px; color: #f7d049; margin-bottom: 8px; }
.articles-container .read-more {
	font-size: 12px; color: #f7d049; text-transform: uppercase; letter-spacing: 1px;
	border-bottom: 1px solid rgba(168,116,26,0.4); padding-bottom: 2px;
}
.articles-container .read-more:hover { border-bottom-color: #f7d049; text-decoration: none; }

/* ============================================================
   Phase 6.1.9 — F3 header height + F4 hero height + F5 first-screen proportions
   Why: PM feedback 2026-05-21 — mobile header occupied ~80% of viewport,
   hero slider compressed to ~25%. Desktop header marginally too tall.
   ============================================================ */

/* F3 desktop — modest header padding reduction (#logo padding was 31px top+bottom = 62px chrome) */
@media (min-width: 992px) {
	#logo { padding: 20px 0; }
}

/* F3 mobile — aggressive header compaction so first-screen visual weight shifts to hero.
   - logo image height capped at 50px (was ~138px on 500px viewport)
   - search bar hidden (mobile UAT: search is not primary path; CTA-driven instead)
   - UA language switcher tap target ≥44×44 */
@media (max-width: 991px) {
	#logo { padding: 10px 0; }
	.logo-container img,
	#logo img {
		max-height: 50px;
		width: auto;
	}
	#search,
	.header-inner #search {
		display: none;
	}
	#form-language .dropdown-toggle,
	#form-language .btn-group > .btn,
	#form-language button.btn-link {
		min-width: 50px !important;
		min-height: 44px !important;
		padding: 8px 14px !important;
	}
}

/* F4 — hero slider responsive min-height (was fixed by Mirora widget config; collapsed on mobile) */
.nivoSlider,
.banner7,
.oc-banner7-container,
.flexslider.oc-nivoslider {
	min-height: 320px;
}
@media (min-width: 768px) {
	.nivoSlider,
	.banner7,
	.oc-banner7-container,
	.flexslider.oc-nivoslider { min-height: 400px; }
}
@media (min-width: 1200px) {
	.nivoSlider,
	.banner7,
	.oc-banner7-container,
	.flexslider.oc-nivoslider { min-height: 460px; }
}

/* F4 — slide images fill slider area (Mirora ships 1140×380 fixed; needs object-fit to cover responsive container) */
.nivoSlider img,
.nivoSlider .nivo-main-image {
	/*width: 100% !important;*/
	/*height: 100% !important;*/
	/*object-fit: cover;*/
	/*object-position: center center;*/

	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center right;

}

/* F4 mobile — caption tighter to fit narrower slider; dots stay visible */
@media (max-width: 767px) {
	.banner7-content .text-content {
		left: 24px !important;
		max-width: 80% !important;
	}
	.banner7-content .title1 { font-size: 18px !important; }
	.banner7-content .sub-title { font-size: 14px !important; }
	.banner7-readmore a {
		font-size: 13px !important;
		padding: 13px 22px !important;
		line-height: 1.2 !important;
		display: inline-block !important;
		min-height: 44px !important;
		box-sizing: border-box !important;
	}
}

/* Phase 6.1.9 a11y — visually-hidden helper for sr-only headings (h1 on home) */
.sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Phase 6.1.9 a11y — footer copyright link distinguishable beyond color (Lighthouse link-in-text-block) */
.footer-copyright p a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* F5 — slider direction arrows hidden on mobile (visual clutter); nav dots wrap in 44px tap zone */
@media (max-width: 767px) {
	.nivo-directionNav { display: none; }
	.nivo-controlNav { padding: 12px 0; }
	.nivo-controlNav a {
		width: 12px !important;
		height: 12px !important;
		margin: 0 10px !important;
		position: relative;
	}
	/* invisible 44×44 hit area around each dot for a11y tap-target compliance */
	.nivo-controlNav a::after {
		content: '';
		position: absolute;
		top: 50%; left: 50%;
		width: 44px; height: 44px;
		transform: translate(-50%, -50%);
	}
}
.articles-container .author-name { font-size: 14px; opacity: 0.85; margin-bottom: 4px; }

/* ============================================================
   Phase 6.1.9 — dark-premium polish (PM 2026-05-22)
   Fonts: Oswald (headings) + Arial (body) — sunny accent #f7d049 (PM 2026-05-25).
   Goal: readable desktop scale, light text on charcoal, gold dosed, bigger icons.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
:root{
  --bg-page:#1b1b1b; --bg-surface:#232323; --bg-elevated:#2a2a2a;
  --border-hairline:#313131; --accent:#f7d049; --accent-fill:#f7d049;
  --text-primary:#ece9e3; --text-secondary:#c4bfb5; --text-muted:#9a958c;
}
/* readable base on dark */
body{ font-size:16px; line-height:1.7; color:var(--text-secondary); }
p, li, dd, .description, .cms-block, .module-body{ font-size:16px; line-height:1.7; }
small, .small{ font-size:14px; }
/* heading scale + light color (Oswald) */
h1, h2, h3, h4, h5, h6{ color:var(--text-primary); }
h1{ font-size:36px; line-height:1.2; }
h2{ font-size:30px; line-height:1.25; }
h3{ font-size:20px; line-height:1.35; }
.section-header{
	font-family:'Oswald', sans-serif;
	font-weight:700;
	font-size:30px;
	line-height:1.25;
	color:var(--text-primary);
	margin-bottom:30px;
}
/* legible nav / buttons / footer */
.oc-menu .ul-top-items .li-top-item a{ font-size:16px; }
.btn, button, .banner7-readmore a{ font-size:15px; }
footer, footer a, .footer a, #footer, #footer a{ font-size:15px; color:var(--text-secondary); }
/* home occmsblock cubes (our trilingual snippets) */
.benefit-counter .benefit-number{ font-family:'Oswald', sans-serif; font-weight:800; font-size:34px; color:var(--accent); }
.benefit-counter .benefit-label{ font-size:15px; color:var(--text-muted); }
.reviews-block .review-card{ background:transparent; border:1px solid #5A5A5A; border-radius:4px; padding:30px 24px; margin-bottom:24px; height:100%; }  /* B (2026-06-11) review-card → Figma Frame 49: transparent bg + 1px #5A5A5A + r4 + pad 30/24 */
.reviews-block .review-text{ font-size:16px; font-style:italic; color:#c9c4ba; margin-bottom:16px; }  /* B: quote→author gap 12→16 (Figma) */
.reviews-block .review-author{ font-size:14px; color:var(--text-muted); margin:0; }
/* enlarge icons on home blocks/categories/benefits (verify exact selectors in browser pass) */
.featured-categories-container i, .featured-categories-container .fa,
.category-wall i, .home-cube i, .reviews-block i,
.benefits-block i, .how-we-work i{ font-size:32px !important; color:var(--accent); line-height:1; }
.fa-lg{ font-size:1.6em !important; }
.fa-2x{ font-size:34px !important; }
.fa-3x{ font-size:46px !important; }
.fa-4x{ font-size:58px !important; }
.fa-5x{ font-size:70px !important; }
/* --- enlarge component text (live-tuned 2026-05-22, desktop, PM wants big & readable) --- */
p{ font-size:14px !important; line-height:1.65; }
li, dd, td{ font-size:18px; }
a{ font-size:17px; }
.btn, .btn-primary, .btn-link, a.btn, button{ font-size:18px !important; }
h4{ font-size:20px; }
small, .small, .articles-date{ font-size:16px !important; }
.author-name, .articles-container .author-name{ font-size:16px !important; }
.articles-name, a.articles-name{ font-size:20px !important; line-height:1.3; }
.zem-product-price{ font-size:22px !important; font-weight:700; color:var(--accent); }
.oc-menu .ul-top-items .li-top-item a{ font-size:24px !important; }
footer, footer a, .footer, .footer a, #footer, #footer a{ font-size:17px !important; color:var(--text-secondary); }
/* hero value lines + eyebrow */
.banner7-content .banner7-des p{ font-size:24px !important; line-height:1.4; }
.banner7-content .banner7-des p span{ font-size:36px !important; }
.banner7-content .title1{ font-size:20px !important; }
.banner7-content .sub-title{ font-size:48px; }
.banner7-readmore a{ font-size:17px !important; }
/* category tile names */
.zem-category-tile h4, .zem-category-tile a, .zem-category-tile .name{ font-size:22px !important; line-height:1.3; color:var(--text-primary); }
/* calm hero caption entrance: gentle fade instead of roll/zoom/rotate (PM 2026-05-22) */
@keyframes heroFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.banner7-content .title1,.banner7-content .sub-title,.banner7-content .banner7-des,.banner7-content .banner7-readmore,
.banner7-content.slider-1 .title1,.banner7-content.slider-2 .title1,.banner7-content.slider-3 .title1,
.banner7-content.slider-1 .sub-title,.banner7-content.slider-2 .sub-title,.banner7-content.slider-3 .sub-title,
.banner7-content.slider-1 .banner7-des,.banner7-content.slider-2 .banner7-des,.banner7-content.slider-3 .banner7-des,
.banner7-content.slider-1 .banner7-readmore,.banner7-content.slider-2 .banner7-readmore,.banner7-content.slider-3 .banner7-readmore{
 animation:heroFade .7s ease both !important;-webkit-animation:heroFade .7s ease both !important;
}
/* FAQ accordion (occmsblock) dark styling */
.faq-block .panel-group{ margin-top:8px; }
.faq-block .panel{ background:#232323; border:1px solid #313131; border-radius:6px; margin-bottom:12px; box-shadow:none; }
.faq-block .panel-heading{ background:transparent; padding:0; border:0; }
.faq-block .panel-title a{ display:block; padding:18px 22px; color:#ece9e3; font-family:'Oswald', sans-serif; font-weight:600; font-size:18px; text-decoration:none; }
.faq-block .panel-title a:hover{ color:#f7d049; }
.faq-block .panel-title a:before{ content:'+'; color:#f7d049; font-weight:700; margin-right:12px; }
.faq-block .panel-title a[aria-expanded='true']:before{ content:'\2212'; }
.faq-block .panel-body{ padding:0 22px 18px; color:#c4bfb5; border-top:0; }
.faq-block .panel-body p{ font-size:18px; line-height:1.65; margin:0; }
/* SEO collapsible text block (occmsblock) */
.seo-collapse{ color:var(--text-secondary); }
.seo-collapse p{ font-size:18px; line-height:1.7; }
.seo-collapse .seo-more-link{ display:inline-block; margin-top:6px; color:var(--accent); font-family:'Oswald', sans-serif; font-weight:600; font-size:17px; text-decoration:none; cursor:pointer; }
.seo-collapse .seo-more-link:after{ content:' \25BE'; }
.seo-collapse .seo-more-link[aria-expanded='true']:after{ content:' \25B4'; }
.seo-collapse h3{ font-size:20px; color:var(--text-primary); margin-top:22px; margin-bottom:6px; font-family:'Oswald', sans-serif; font-weight:600; }
/* logo / partner grids (occmsblock placeholders until real logos) */
.logo-grid .section-header{ text-align:center; }
.logo-grid .logo-tile{ background:#232323; border:1px solid #313131; border-radius:6px; min-height:96px; display:flex; align-items:center; justify-content:center; color:#cfcabf; font-family:'Oswald', sans-serif; font-weight:700; font-size:20px; text-align:center; padding:12px; margin-bottom:20px; transition:border-color .2s,color .2s; }
.logo-grid .logo-tile:hover{ border-color:var(--accent); color:#fff; }
/* request popup form (6.1.7) */
.zem-hp{ display:none !important; }
.zem-request-modal .modal-content{ background:#1e1e1e; border:1px solid #313131; border-radius:8px; color:var(--text-secondary); }
.zem-request-modal .modal-header{ border-bottom:1px solid #313131; }
.zem-request-modal .modal-title{ font-family:'Oswald', sans-serif; font-weight:700; font-size:24px; color:var(--text-primary); }
.zem-request-modal .close{ color:#fff; opacity:.6; font-size:28px; text-shadow:none; }
.zem-request-modal .close:hover{ opacity:1; }
.zem-request-modal .zem-field{ margin-bottom:14px; }
.zem-request-modal input, .zem-request-modal textarea, .zem-request-modal select{ width:100%; background:#232323; border:1px solid #3a3a3a; border-radius:6px; color:#ece9e3; font-size:17px; padding:12px 14px; -webkit-appearance:none; appearance:none; }
.zem-request-modal select option{ color:#1b1b1b; }
.zem-request-modal input:focus, .zem-request-modal textarea:focus, .zem-request-modal select:focus{ outline:none; border-color:var(--accent); }
.zem-request-modal input.zem-error, .zem-request-modal textarea.zem-error{ border-color:#c0392b; }
.zem-request-modal .zem-submit{ width:100%; background:var(--accent-fill); color:#1b1b1b; border:0; border-radius:6px; font-family:'Oswald', sans-serif; font-weight:700; font-size:17px; padding:13px; cursor:pointer; }
.zem-request-modal .zem-submit:hover{ background:var(--accent); }
.zem-request-modal .zem-msg{ min-height:22px; margin-bottom:10px; font-size:15px; }
.zem-request-modal .zem-msg-ok{ color:#5dcaa5; }
.zem-request-modal .zem-msg-err{ color:#e0816f; }
/* "Залишились питання?" CTA block */
.ask-block{ text-align:center; padding:10px 0; }
.ask-block .btn-request{ display:inline-block; background:var(--accent-fill); color:#1b1b1b; font-family:'Oswald', sans-serif; font-weight:700; font-size:17px; padding:14px 30px; border:0; border-radius:6px; cursor:pointer; }
.ask-block .btn-request:hover{ background:var(--accent); color:#1b1b1b; }
/* category tile min-price (placeholder until catalog data) */
.zem-category-tile .zem-cat-price{ color:var(--accent); font-family:'Oswald', sans-serif; font-weight:700; font-size:16px; margin:6px 0 0; text-align:center; }
/* ===== end Phase 6.1.9 polish ===== */
/* ============================================================
   Phase 6.1 — PM 2026-05-25 batch (text logo, header cluster,
   contact dropdown w/ messengers, 4-col footer, sunny CTA photo,
   brands marquee, services/benefits, mostviewed upsizing,
   contrast fixes for #f7d049 fills)
   Rollback: git checkout home_page -- stylesheet.css  (or *.zembak)
   ============================================================ */

/* hide legacy utility top bar (#top): language moved into header, currency dropped (single-currency UAH) */
#top{ display:none !important; }

/* --- text logo --- */
#logo{ padding:18px 0; text-align:left; }
#logo a.zem-logo{
  font-family:'Oswald',sans-serif; font-weight:700; font-size:30px; line-height:1;
  letter-spacing:.5px; color:#f7d049; text-transform:none; text-decoration:none; display:inline-block;
}
#logo a.zem-logo:hover{ color:#ffe07a; }
.logo-container{ float:left; }

/* --- header right cluster: search + language + phone dropdown --- */
.zem-header-right{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; gap:12px; float:none; width:auto;
}
.zem-header-right .zem-search-wrap{ position:relative; }
.zem-header-right .zem-lang-wrap .btn-group{ vertical-align:middle; }
.zem-header-right .zem-lang-wrap .dropdown-toggle{ color:#ece9e3; font-size:16px; padding:6px 8px; }
.zem-header-right .zem-lang-wrap .fa-globe{ color:#f7d049; }
/* globe sized to match the UA/RU/EN letters (PM 2026-05-25) */
.zem-header-right .zem-lang-wrap .zem-lang-globe{ font-size:1em; line-height:1; margin-right:6px; vertical-align:baseline; }
.zem-header-right .zem-lang-wrap .zem-lang-code{ font-weight:600; letter-spacing:.5px; }
.zem-lang-wrap .dropdown-menu .zem-lang-code{ display:inline-block; min-width:26px; font-weight:600; }
.zem-contact-dd{ position:relative; }
.zem-contact-toggle{
  display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center;
  border:1px solid #3a3a3a; border-radius:50%; color:#f7d049; font-size:18px; transition:.2s;
}
.zem-contact-toggle:hover,.zem-contact-dd.open .zem-contact-toggle{ background:#f7d049; color:#1b1b1b; border-color:#f7d049; }
.zem-contact-menu{ left:auto; right:0; min-width:248px; background:#1e1e1e; border:1px solid #313131; border-radius:8px; padding:8px 0; margin-top:8px; }
.zem-contact-menu>li>a{ color:#ece9e3 !important; padding:9px 16px; display:flex; align-items:center; gap:10px; font-size:15px !important; line-height:1.2; }
.zem-contact-menu>li>a:hover{ background:#2a2a2a; color:#f7d049 !important; }
.zem-contact-menu .divider{ height:1px; background:#313131; margin:6px 0; }
.zem-contact-menu .zem-msg-ic{ display:inline-flex; align-items:center; }
.zem-contact-menu .fa-phone{ color:#f7d049; }

/* --- 4-column footer brand + contacts + messengers --- */
.zem-footer-row{ display:grid; grid-template-columns:1fr; gap:28px; margin-left:0; margin-right:0; width:100%; }
.zem-foot-brand .zem-logo-foot{ display:inline-block; margin:0 0 12px; line-height:0; }
.zem-foot-brand .zem-logo-foot img{
	/*height:36px; */
	width:auto;
	display:block;
}
.zem-foot-about{ font-size:15px !important; line-height:1.6; color:#9a958c; margin-bottom:20px; }
.zem-foot-contacts{ margin:0 0 28px; }
.zem-foot-contacts a{ color:#ece9e3 !important; font-size:16px !important; display:inline-flex; align-items:center; gap:8px; line-height:1.9; }
.zem-foot-contacts a:hover{ color:#f7d049 !important; }
.zem-foot-contacts .fa-phone{ color:#f7d049; }
.zem-foot-msgs{ display:flex; flex-wrap:wrap; gap:10px; }
.zem-foot-msgs a{ display:inline-flex; opacity:.92; transition:.2s; }
.zem-foot-msgs a:hover{ opacity:1; transform:translateY(-2px); }

/* #3 (2026-06-11) — footer Figma parity (node 53:1254): band bg #242424, py-80 top,
   tighten the over-tall copyright zone (.footer-bottom was 38/100 → ~195px for one line);
   Figma footer has NO copyright bar, so keep it minimal. 4→3 cols handled in footer.twig.
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css catalog/view/theme/tt_mirora1/template/common/footer.twig */
footer{ background:#242424; }
.footer-top{ padding:64px 0 16px; }
.footer-bottom{ padding:0 0 16px; }
.footer-bottom .container-inner{ padding:4px 0; }
.footer-copyright{ margin-bottom:0; }

/* #3b (2026-06-11) — footer polish to Figma node 53:1254: column titles Prata 16 white
   (exclude the brand logo h3), links Rubik 14, social → uniform grey #2f2f2f circles
   (CSS fill overrides inline SVG attr), tighten link line-height. Logo → two-tone Rubik above. */
.footer-title h3{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#fff; margin:0 0 16px; text-transform:none; }
.footer-content{ line-height:22px; }
footer .list-unstyled.text-content li a{ font-size:14px !important; padding:1px 0; }
.zem-foot-msgs svg circle{ fill:#2f2f2f !important; }

/* A1 (2026-06-11) — footer height 462→~370: trimmed .footer-top/.footer-bottom padding (above) + drop desktop column bottom-margin + tighten contacts line-height. Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css */
@media (min-width:768px){ footer .zem-footer-row .col-footer{ margin-bottom:0; } }
.zem-foot-contacts a{ line-height:1.55; }

/* A2 (2026-06-11) — categories tile gutter 30→24 (Bootstrap 15px → 12px). Rollback: same file checkout. */
.zem-cat-grid .row{ margin-left:-12px; margin-right:-12px; }
.zem-cat-grid .row > [class*="col-"]{ padding-left:12px; padding-right:12px; }

/* B (2026-06-11) — SEO body → Figma: Rubik 16/300, ls 0.32, #fff@0.6 (overrides global p 22px!important). Figma line-height "normal" kept readable at 1.6. Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css */
.seo-collapse p{ font-family:'Montserrat',sans-serif; font-size:16px !important; font-weight:300 !important; line-height:1.6 !important; letter-spacing:.32px !important; color:rgba(255,255,255,.6) !important; }

/* #4 (2026-06-11) — adopt Figma content width 1043 (was Bootstrap .container 1170), home-scoped
   so not-yet-redesigned inner pages stay 1170. Only bites at >=1200 (below that BS responsive
   container is <=970, already < 1043). Re-verified all home blocks reflow at 1440.
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css */
/* WIDTH UPDATE (best-practice responsive, PM 2026-06-11): the fixed 1043 sat as a narrow strip on >1440 monitors (e.g. 2560). Now: 1043 at 1440 (= Figma), then the container GROWS with the viewport keeping ~200px side gutters, capped at 1440 (= Figma canvas width — content never exceeds the design width). Full-bleed hero unchanged; all home sections share this container so they align. */
/*@media (min-width:1200px){ .home1 .container{ width:clamp(1043px, calc(100% - 400px), 1440px); max-width:none; margin-left:auto; margin-right:auto; } }*/
@media (min-width:1200px){ .home1 .container{ width:clamp(1043px, calc(100% - 400px), 1043px); max-width:none; margin-left:auto; margin-right:auto; } }

/* #5 (2026-06-11) — hero slide two-tone «під ключ» gold. OC Banner Title has a 64-char
   limit, so inline style won't fit → use a tiny .zg class hook in the title (title is
   now |raw, see ocslideshow.twig) + this rule. */
.banner7-content .title1 .zg{ color:#b18952 !important; }

div#zem-product-page .zem-services .container{
	padding-left: 0px;
	padding-right: 0px;
}

/* --- sunny CTA photo section (full-bleed, dark gradient over equipment) --- */
.zem-cta-photo{
  background:linear-gradient(90deg, rgba(18,18,18,.94) 0%, rgba(18,18,18,.6) 55%, rgba(18,18,18,.2) 100%), url("/image/catalog/zem-cta-bg.jpg") center/cover no-repeat #111;
  padding:64px 0; margin:0; color:#fff;
}
.zem-cta-photo .zem-cta-inner{ max-width:620px; }
.zem-cta-photo h2,.zem-cta-photo h3{ font-family:'Oswald',sans-serif; font-weight:700; font-size:34px !important; color:#fff; margin:0 0 12px; line-height:1.2; }
.zem-cta-photo p{ font-size:19px !important; color:#e6e2da; margin-bottom:24px; }
.zem-cta-photo .btn,.zem-cta-photo .btn-primary,.zem-cta-photo .zem-cta{
  background:#f7d049 !important; border:2px solid #f7d049 !important; color:#1b1b1b !important;
  font-family:'Oswald',sans-serif; font-weight:600; font-size:17px !important; padding:13px 34px; letter-spacing:.4px; border-radius:6px; display:inline-block;
}
.zem-cta-photo .btn:hover,.zem-cta-photo .btn-primary:hover,.zem-cta-photo .zem-cta:hover{ background:transparent !important; color:#f7d049 !important; }

/* --- manufacturers/brands marquee slider (CSS-only, light tiles) --- */
.zem-brands{ padding:40px 0; overflow:hidden; }
.zem-brands .zem-section-title,.zem-brands .section-header{ text-align:center; margin-bottom:28px; }
.zem-brands .zem-brands-viewport{ overflow:hidden; position:relative; }
.zem-brands .zem-brands-track{ display:flex; gap:22px; width:max-content; animation:zemMarquee 30s linear infinite; }
.zem-brands:hover .zem-brands-track{ animation-play-state:paused; }
.zem-brands .zem-brand-tile{ flex:0 0 auto; width:200px; height:104px; background:#fff; border-radius:8px; display:flex; align-items:center; justify-content:center; padding:16px; }
.zem-brands .zem-brand-tile img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
@keyframes zemMarquee{ from{transform:translateX(0)} to{transform:translateX(-25%)} }

/* --- services tiles (Наші послуги, minirent-style image cards) --- */
.zem-services{
	/*padding:44px 0;*/
	padding-top: 6px;
	padding-bottom:30px;
}
.zem-services .zem-section-title,.zem-services .section-header{ text-align:center; margin-bottom:30px; }
.zem-service-tile{ position:relative; margin-bottom:26px; border-radius:8px; overflow:hidden; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; min-height:200px; background:#1D1D1D; }
.zem-service-tile img{
	max-width:100%;
	/*max-height:100%; */
	width:auto;
	height:auto;
	min-height:0;
	object-fit:contain;
	display:block;
	transition:transform .4s ease;
}
.zem-service-tile:hover img{ transform:scale(1.06); }
.zem-service-tile .zem-service-cap{ position:absolute; left:0; right:0; bottom:0; padding:18px 18px; background:linear-gradient(0deg, rgba(15,15,15,.86), rgba(15,15,15,0)); }
.zem-service-tile .zem-service-cap h4{ font-family:'Oswald',sans-serif; font-weight:600; font-size:20px !important; margin:0; color:#fff; }
.zem-service-tile:hover .zem-service-cap h4{ color:#f7d049; }

/* --- benefits (Наші переваги) ensure sunny + larger --- */
.zem-benefits .zem-benefit-item .fa{ color:#f7d049; }
.zem-benefits .zem-benefit-item h4{ font-family:'Oswald',sans-serif; font-weight:600; font-size:19px !important; }
.zem-benefits .zem-benefit-item p{ font-size:16px !important; }

/* --- Most Viewed widget upsizing under "Популярна техніка" (theme defaults are tiny) --- */
.zem-mostviewed .product-thumb .name a,
.zem-mostviewed .product-thumb .caption .name a,
.zem-mostviewed .product-layout .name a{ font-size:18px !important; line-height:1.3; }
.zem-mostviewed .product-thumb .price,
.zem-mostviewed .product-thumb .price-new{ font-size:20px !important; font-weight:700; color:#f7d049 !important; }
.zem-mostviewed .product-thumb .price-old{ font-size:15px !important; }
.zem-mostviewed .product-thumb .button-group .btn,
.zem-mostviewed .product-thumb .button-group button{ font-size:15px !important; }

/* --- contrast fixes: dark text on sunny (#f7d049) fills --- */
.zem-howwework .zem-step-number{ color:#1b1b1b !important; }
.zem-cta-banner .btn,.zem-cta-banner .btn-primary{ color:#1b1b1b !important; }
.zem-cta-banner .btn:hover,.zem-cta-banner .btn-primary:hover{ color:#f7d049 !important; }
.ask-block .btn-request,.ask-block .btn-request:hover,
.zem-request-modal .zem-submit{ color:#1b1b1b !important; }
.banner7-readmore a{ background:#f7d049 !important; border-color:#f7d049 !important; color:#1b1b1b !important; }
.banner7-readmore a:hover{ background:#ffe07a !important; color:#1b1b1b !important; }
.btn-primary{ color:#1b1b1b; }
.btn-primary:hover{ color:#1b1b1b; }

/* Phase 6.1 (PM 2026-05-25 follow-up) — category promo banners 2x2 (demo-style, near footer) */
.zem-cat-banners{ padding:46px 0; }
.zem-cat-banners .zem-section-title,.zem-cat-banners .section-header{ text-align:center; margin-bottom:30px; }
.zem-cat-banner{ position:relative; display:block; border-radius:8px; overflow:hidden; margin-bottom:26px; height:260px; color:#fff; text-decoration:none; background:#111; }
.zem-cat-banner img{ width:100%; height:260px; object-fit:cover; display:block; transition:transform .5s ease; }
.zem-cat-banner:hover img{ transform:scale(1.05); }
.zem-cat-banner .zem-cat-cap{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; padding:0 42px; background:linear-gradient(90deg, rgba(14,14,14,.88) 0%, rgba(14,14,14,.4) 55%, rgba(14,14,14,0) 100%); }
.zem-cat-banner .zem-cat-cap h3{ font-family:'Oswald',sans-serif; font-weight:700; font-size:26px !important; color:#fff; margin:0 0 8px; line-height:1.15; }
.zem-cat-banner:hover .zem-cat-cap h3{ color:#f7d049; }
.zem-cat-banner .zem-cat-more{ color:#f7d049; font-family:'Oswald',sans-serif; font-weight:600; font-size:15px !important; letter-spacing:.4px; }
/* Phase 6.1 (PM 2026-05-25): full category grid (all minirent categories) — compact tiles, 4 per row */
.zem-cat-grid .zem-cat-banner{ height:210px; margin-bottom:26px; }
.zem-cat-grid .zem-cat-banner img{ height:210px; }
/* 3 per row on desktop (PM 2026-05-25: requirement «3 в ряд», was 4) */
@media (min-width:992px){ .zem-cat-grid .row > [class*="col-"]{ width:33.3333% !important; } }
@media (min-width:768px) and (max-width:991px){ .zem-cat-grid .row > [class*="col-"]{ width:50% !important; } }
/* no dark overlay on category tiles (PM 2026-05-25); legibility kept via text-shadow only */
.zem-cat-grid .zem-cat-banner .zem-cat-cap{ padding:0 18px; background:none !important; }
.zem-cat-grid .zem-cat-banner .zem-cat-cap h3{ font-size:18px !important; margin-bottom:4px; text-shadow:0 1px 3px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.5); }
.zem-cat-grid .zem-cat-banner .zem-cat-more{ font-size:13px !important; text-shadow:0 1px 3px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.5); }
@media (max-width:480px){ .zem-cat-grid .zem-cat-banner,.zem-cat-grid .zem-cat-banner img{ height:140px; } }
/* Phase 6.1.4-dyn (2026-06-05): min-price line on dynamic category cards (ocfeaturedcategory) */
.zem-cat-banner .zem-cat-price{ display:block; color:#f7d049; font-family:'Oswald',sans-serif; font-weight:600; font-size:14px !important; letter-spacing:.3px; margin:0 0 4px; }
.zem-cat-grid .zem-cat-banner .zem-cat-price{ text-shadow:0 1px 3px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.5); }

/* Phase 6.1 (PM 2026-05-25): language dropdown — dark theme (was white) + codes only */
#form-language .dropdown-menu{ background:#1b1b1b !important; border:1px solid #333 !important; min-width:90px; padding:6px 0; }
#form-language .dropdown-menu li > a,
#form-language .dropdown-menu li > span,
#form-language .dropdown-menu li > button{
	color:#ece9e3 !important;
	text-align:center;
	padding-left:0 !important;
	padding-right:0 !important;
	background:transparent !important;
	font-size:16px !important;
	transition:color .2s ease;
}
#form-language .dropdown-menu .zem-lang-code{ font-size:16px !important; }
#form-language .dropdown-menu li > a:hover,
#form-language .dropdown-menu li > button:hover{
	color:#f7d049 !important;
	background:transparent !important;
}
#form-language .dropdown-menu .item-selected{
	color:#f7d049 !important;
	background:transparent !important;
}

/* Phase 6.1 (PM 2026-05-25): natural case (remove capitalize/uppercase) on home CTAs + section headings */
#content .btn-primary, #content a.btn-link,
.nivoSlider a.btn, [id^="slideshow"] a.btn, .banner7 a.btn, .banner7-readmore a,
.blog-title, .blog-title h2{ text-transform:none !important; }   /* (services-more button now uppercase per Figma — see §2 polish) */

/* fix: equal-height service tiles so Bootstrap 3-col float wraps cleanly */
.zem-service-tile{ height:230px; min-height:230px; }
.zem-service-tile img{
	max-width:100%;
	/*max-height:100%; */
	width:auto;
	height:auto;
	min-height:0;
	object-fit:contain;
}
.zem-services .row{ display:flex; flex-wrap:wrap; }
.zem-services .row > [class*="col-"]{ display:flex; }
.zem-services .zem-service-tile{ width:100%; }

/* Phase 6.1 (PM 2026-05-25 fine-tune) */
/* 1) CTA photo — center the text (was left); even dark overlay so centered text stays readable over equipment */
.zem-cta-photo{ text-align:center; background:linear-gradient(rgba(16,16,16,.80), rgba(16,16,16,.80)), url("/image/catalog/zem-cta-bg.jpg") center/cover no-repeat #111; }
.zem-cta-photo .zem-cta-inner{ max-width:780px; margin:0 auto; text-align:center; }
.zem-cta-photo h2,.zem-cta-photo h3{ text-align:center; }
.zem-cta-photo p{ text-align:center; }

/* 2) "Задати питання" button — bigger text */
.ask-block .btn-request{ font-size:22px !important; padding:16px 42px !important; }

/* 3) Benefits — significantly bigger titles, moderately bigger descriptions */
.zem-benefits .zem-benefit-item h4{ font-size:28px !important; line-height:1.2; margin-bottom:12px; }
.zem-benefits .zem-benefit-item p{ font-size:19px !important; line-height:1.55; }

/* Phase 6.1 (PM 2026-05-25 fine-tune 2) — CTA button bigger text */
.zem-cta-photo .btn,.zem-cta-photo .btn-primary,.zem-cta-photo .zem-cta{ font-size:22px !important; padding:14px 40px !important; }

/* Phase 6.1 (PM 2026-05-25): catalog category — 3-per-row grid default + prices temporarily hidden (pending SEO team decision) */
#product-category .price-box{ display:none !important; }
#product-category .product-grid .caption{ text-align:center; }
@media (max-width:767px){ #product-category .product-item.product-grid{ width:50% !important; } }
@media (max-width:420px){ #product-category .product-item.product-grid{ width:100% !important; } }

/* Phase 6.1 (PM 2026-05-25) — dark podlozhka behind photos in Популярна техніка + Наші статті (was white #fff via CSS, not in images) */
.zem-product-img{ background:#1b1b1b !important; border:1px solid #2b2b2b; }
.articles-image{ background:#1b1b1b !important; border:1px solid #2b2b2b; }


/* ============================================================
   Figma "Minirent" match (2026-06-05) — header 3-zone + hero CTA
   Source: Figma node 53:1211 (Rubik; #242424 / #f8d04a / #b18952).
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
/* nav / mega-menu bar to charcoal (Figma header is #242424, was pure #000) */
.top-menu{ background:#242424 !important; }

/* 3-zone header bar: social (left) · logo (centred, absolute) · contacts (right) */
.header-inner .container-inner.zem-header-bar{
	position:relative;
	display:flex;
	align-items:center;
	/*gap:18px; */
	min-height:100px;
}
/* Figma 53-1210 top-bar = 100px (2026-06-11, supersedes F3) */
.zem-header-bar > .zem-social{ display:flex; align-items:center; gap:8px; }
.zem-header-bar > .logo-container{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); float:none; margin:0; text-align:center; }
.zem-header-bar > .zem-header-right{ position:static; transform:none; right:auto; top:auto; width:auto; margin-left:auto; display:flex; align-items:center; justify-content:flex-end; gap:16px; }

/* social round icons — 30px #2f2f2f circle, #616161 glyph */
.zem-social a{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#2f2f2f; color:#616161; transition:color .2s, background .2s; }
.zem-social a:hover{ color:#f8d04a; background:#363636; }
.zem-social a svg{ width:auto; height:auto; fill:currentColor; display:block; } /* Figma 53-1210: native glyph sizes from exported SVGs (2026-06-11) */

/* logo wordmark — Rubik 600 / 24px, ZEM #f8d04a + LOGISTIKA #fff */
#logo a.zem-logo{ font-family:'Montserrat',sans-serif; font-weight:600; font-size:24px; line-height:1; letter-spacing:0; text-transform:uppercase; }
#logo a.zem-logo .zl-a{ color:#f8d04a; }
#logo a.zem-logo .zl-b{ color:#fff; }
#logo a.zem-logo:hover{ color:#fff; }

/* contact block — «Київ та область» + gold phone icon + visible number */
.zem-header-right .zem-contact{ display:flex; align-items:center; gap:10px; }
.zem-contact .zem-region{ font-family:'Montserrat',sans-serif; font-weight:300; font-size:12px; line-height:16px; color:#f8d04a; opacity:.6; white-space:nowrap; }
.zem-contact .zem-phone-ic{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#f8d04a; color:#242424; font-size:15px; flex:0 0 auto; transition:.2s; }
.zem-contact .zem-phone-ic:hover{ background:#ffe07a; }
.zem-contact .zem-phone-num{ font-family:'Montserrat',sans-serif; font-weight:300; font-size:12px; letter-spacing:.24px; color:#fff; opacity:.6; text-decoration:underline; white-space:nowrap; }
.zem-contact .zem-phone-num:hover{ opacity:1; color:#fff; }

.header-inner .container{
	padding-left: 0px;
	padding-right: 0px;
}

/* hero CTA → Figma outline (overrides solid-yellow fill + text-transform:none earlier in file) */
.banner7-readmore a{
  background:transparent !important; border:1px solid #b28952 !important; color:#b18952 !important;
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:14px !important;
  letter-spacing:.7px !important; text-transform:uppercase !important; border-radius:2px !important;
  display:inline-flex !important; align-items:center; justify-content:center; height:48px; line-height:1 !important;
  padding:8px 24px !important;
}
.banner7-readmore a:hover{ background:#b18952 !important; color:#242424 !important; border-color:#b18952 !important; }

/* responsive guard (full mobile polish = Phase 6.1.9) */
@media (max-width:991px){
  .header-inner .container-inner.zem-header-bar{ flex-wrap:wrap; gap:10px; min-height:0; padding:8px 0; }
  .zem-header-bar > .logo-container{ position:static; transform:none; left:auto; top:auto; flex:0 0 100%; max-width:100%; width:100%; margin:0; text-align:center; } /* 2026-06-18: center text-logo on mobile (was flex-shrunk → left) */
  .zem-header-bar > .logo-container #logo{ text-align:center; } /* 2026-06-18: #logo has global text-align:left → must re-center the inline wordmark */
  .zem-header-bar > .zem-social{ display:none; }
  .zem-contact .zem-region{ display:none; }
}
/* CTA uppercase must beat grouped `.banner7 a.btn`/`.nivoSlider a.btn{text-transform:none}` (spec 0,2,1) */
.banner7 .banner7-readmore a.btn{ text-transform:uppercase !important; }

/* ============================================================
   Figma "Minirent" match v2 (2026-06-05) — header icon buttons + language font
   Exact glyphs from docs/: ic:round-phone, iconamoon:search, mdi-light:chevron-up
   ============================================================ */
.zem-ic{ display:block; }
.zem-contact .zem-phone-ic .zem-ic{ width:12px; height:12px; }
#search .search-button .zem-ic{ width:14px; height:14px; }

/* phone → rounded-square, muted-gold fill, white glyph (overrides earlier gold circle) */
.zem-contact .zem-phone-ic{
  width:30px; height:30px; border-radius:4px; background:#b18952; color:#fff;
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; transition:.2s;
}
.zem-contact .zem-phone-ic:hover{ background:#c49a63; color:#fff; }

/* search trigger → rounded-square outline + white iconamoon glyph (matches phone size) */
#search .search-button{
  width:30px; height:30px; line-height:normal; font-size:0; border:1px solid #616161; border-radius:4px;
  color:#fff; background:#2f2f2f; display:inline-flex; align-items:center; justify-content:center; padding:0;
}
#search .search-button:hover{ color:#f8d04a; border-color:#6a6a6a; }

/* language → Rubik «UA» + thin chevron, globe removed */
.zem-header-right .zem-lang-wrap .zem-lang-toggle{ display:inline-flex; align-items:center; gap:6px; padding:6px 8px; color:#fff; font-family:'Montserrat',sans-serif; }
.zem-header-right .zem-lang-wrap .zem-lang-code{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#fff; letter-spacing:.3px; }
.zem-header-right .zem-lang-wrap .zem-ic-chev{ width:9px; height:9px; display:block; color:#fff; }
.zem-header-right .zem-lang-wrap .zem-lang-toggle:hover .zem-lang-code,
.zem-header-right .zem-lang-wrap .zem-lang-toggle:hover .zem-ic-chev{ color:#f8d04a; }
.zem-lang-wrap .dropdown-menu .zem-lang-code{ font-family:'Montserrat',sans-serif; }

/* language toggle — 16px (2026-07-03) */
.zem-header-right .zem-lang-wrap .zem-lang-toggle,
.zem-header-right .zem-lang-wrap .zem-lang-toggle .zem-lang-code{
  font-family:'Montserrat',sans-serif !important; font-size:16px !important; font-weight:300 !important; color:#fff !important; letter-spacing:.3px;
}
.zem-header-right .zem-lang-wrap .zem-ic-chev{ width:8px !important; height:8px !important; }

/* ============================================================
   Phase 6.1 — Figma "Minirent" parity §1: design-system foundation (2026-06-05)
   Cross-cutting tokens + Prata headings/nav + reusable button & card utilities.
   Exact tokens from phase-6-1-figma-capture.md. Used by §2 block work.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */

/* §1.2 — exact Figma color tokens (kept separate from legacy --accent #f7d049) */
:root{
  --zem-gold:#F8D04A;        /* bright gold: ZEM logo, «Київ та область» */
  --zem-gold-muted:#B18952;  /* muted gold: prices, links, button text, phone icon */
  --zem-gold-border:#B28952; /* button border */
  --zem-card:#1D1D1D;        /* section / card bg */
  --zem-card-panel:#191919;  /* image panel inside card */
  --zem-circle:#2F2F2F;      /* icon-circle fill */
  --zem-line:#616161;        /* icon glyph / border */
  --zem-header:#242424;      /* header / nav bar bg */
  /* catalog-page tokens (С-1+) */
  --zem-bg-page:#242424;         /* page background = same as header */
  --zem-bg-card:#1D1D1D;         /* product card background */
  --zem-bg-inactive:#2F2F2F;     /* inactive state bg */
  --zem-bg-sidebar:rgba(47,46,46,0.5);
  --zem-border:#3F3F3F;
  --zem-icon-border:rgba(97,97,97,0.5);
  --zem-white:#FFFFFF;
  --zem-yellow:#F7D04A;
}

/* §1.3 — section titles → Prata 32 #FFF center ls.64 (home; beats Oswald + scoped 28px) */
.home1 .section-header,
.home1 .zem-section-title,
.home1 .zem-cat-banners.zem-cat-dyn .zem-section-title a,
.home1 .zem-services.zem-services-dop .zem-section-title a{
	/*font-family:'Montserrat',sans-serif;*/
	font-family: 'Jura', sans-serif !important;
	font-weight:400;
	font-size:32px;
	line-height:1.25;
  	color:#fff;
	text-align:center;
	letter-spacing:.64px;
}

/* §1.4 — main nav → Prata 18 #FFF (beats menu.css Oswald + the 24px override) */
.oc-menu .ul-top-items .li-top-item a,
.oc-menu .ul-top-items .li-top-item .a-top-link span{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important;
  font-size:18px !important; color:#fff !important;
}

/* §1.5 — reusable CTA buttons (Figma outline + filled): h48 / pad 8·24 / r2 */
.zem-btn-outline,
.zem-btn-fill{
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  height:48px; padding:8px 24px; border-radius:2px; line-height:1;
  font-family:'Rubik', sans-serif; font-weight:400; font-size:14px !important; letter-spacing:.7px;
  text-transform:uppercase; text-decoration:none; cursor:pointer;
  transition:background .2s, color .2s, border-color .2s;
}
.zem-btn-outline{ background:transparent; border:.5px solid var(--zem-gold-border); color:var(--zem-gold-muted); }
.zem-btn-outline:hover{ background:var(--zem-gold-muted); border-color:var(--zem-gold-muted); color:#242424; }
.zem-btn-fill{ background:rgba(255,255,255,.2); border:0; color:#fff; }
.zem-btn-fill:hover{ background:rgba(255,255,255,.3); color:#fff; }

/* §1.6 — base Figma card surface */
.zem-fig-card{ background:var(--zem-card); border-radius:4px; }

/* ============================================================
   Phase 6.1 — Figma "Minirent" parity §2 block #3: category split-card (node 3:104) (2026-06-05)
   Text left (title/price/link) · photo right on #191919 panel. Replaces the overlay .zem-cat-banner markup.
   Rollback: git checkout home_page -- stylesheet.css + ocfeaturedcategory.twig
   ============================================================ */
.zem-cat-dyn .row{ display:flex; flex-wrap:wrap; }
.zem-cat-dyn .row > [class*="col-"]{ display:flex; margin-bottom:24px; }
.zem-fig-cat{ display:flex; align-items:stretch; width:100%; height:200px; overflow:hidden; text-decoration:none; }
.zem-fig-cat:hover{ text-decoration:none; }
.zem-fig-cat__body{ flex:1 1 auto; display:flex; flex-direction:column; padding:32px 16px 16px; min-width:0; }
.zem-fig-cat__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px !important; line-height:20px; letter-spacing:.36px; color:#fff; margin:0; position:relative; z-index:2; }
.zem-fig-cat__price{ font-family:'Rubik', sans-serif; font-weight:300; font-size:12px; line-height:1; color:var(--zem-gold-muted); margin-top:12px; }
.zem-fig-cat__price b{ font-weight:400; }
.zem-fig-cat__link{ margin-top:auto; font-family:'Rubik', sans-serif; font-weight:400; font-size:12px !important; letter-spacing:.6px; text-transform:uppercase; color:var(--zem-gold-muted); }
.zem-fig-cat:hover .zem-fig-cat__link{ color:#c49a63; }
.zem-fig-cat__media{ flex:0 0 51%; max-width:51%; position:relative; background:var(--zem-card-panel); overflow:hidden; }
.zem-fig-cat__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; padding:8px; box-sizing:border-box; transition:transform .4s ease; }
.zem-fig-cat:hover .zem-fig-cat__media img{ transform:scale(1.04); }
@media (max-width:991px){ .zem-fig-cat{ height:190px; } }
@media (max-width:767px){ .zem-fig-cat{ height:175px; } .zem-fig-cat__body{ padding:22px 14px 14px; } }
@media (max-width:480px){ .zem-cat-dyn .row > [class*="col-"]{ width:100% !important; } .zem-fig-cat{ height:160px; } }

/* Phase 6.2 — Catalog landing: hide prices + module heading per Figma (2026-06-13) */
.zem-cat-dyn .zem-fig-cat__price{
	/*display:none !important; */
}
.zem-cat-banners.zem-cat-dyn .section-header,
.zem-cat-banners.zem-cat-dyn .zem-section-title{ display:none; }

body.common-home.home1 .zem-cat-banners.zem-cat-dyn .zem-section-title{
	display: block;
}
.home1 .zem-cat-banners.zem-cat-dyn .zem-section-title a{
	color: inherit;
	text-decoration: none;
	transition: color .2s;
}
.home1 .zem-cat-banners.zem-cat-dyn .zem-section-title a:hover{
	color: #b18952;
}
.home1 .zem-services.zem-services-dop .zem-section-title a{
	color: inherit;
	text-decoration: none;
	transition: color .2s;
}
.home1 .zem-services.zem-services-dop .zem-section-title a:hover{
	color: #b18952;
}

/* Phase 6.2 — catalog page: breadcrumbs margin-bottom:40px already covers the gap;
   .zem-cat-banners padding-top:80px (from home sections rule) creates extra 80px → remove */
body[class*="information-information"] .zem-cat-banners.zem-cat-dyn{ padding-top:0 !important; }
/* Breadcrumb left-align — common.js moves .breadcrumb into DIV.breadcrumbs, target that */
.breadcrumbs .breadcrumb{ text-align:left; justify-content:flex-start; }
.breadcrumbs .container{ text-align:left; }

/* ============================================================
   Phase 6.1 — Figma parity §2 block #5: Переваги / benefits (node 15:349) (2026-06-05)
   3×2 grid · 30px #2F2F2F icon circle · Prata16 title · Rubik300 12 desc @.6.
   Overrides earlier 6.1.3/6.1.9 benefit sizing (later-in-file + !important).
   Icons: current FA glyphs kept (Figma had a placeholder); real line-icons = open asset.
   Text wording → Figma is a cmsblock content edit (admin, PM-go), NOT in this CSS pass.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
.zem-benefits{ padding:24px 0 64px; }
.zem-benefits.row{ display:flex; flex-wrap:wrap; row-gap:40px; max-width:1043px; margin-left:auto; margin-right:auto; }   /* cancel bootstrap .row -15px (no .container wrapper) → was causing 15px page h-scroll; center like other sections */
.zem-benefits .zem-benefit-item{ text-align:center; padding:0 24px; display:flex; flex-direction:column; align-items:center; flex:0 0 50%; max-width:50%; }
.zem-benefits .zem-benefit-item .fa{
  width:30px; height:30px; border-radius:50%; background:var(--zem-circle) !important; color:var(--zem-gold-muted) !important;
  font-size:13px !important; line-height:30px !important; display:inline-flex; align-items:center; justify-content:center;
  margin:0 0 16px !important; padding:0;
}
.zem-benefits .zem-benefit-item h4{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:16px !important;
  line-height:20px !important; letter-spacing:.32px; color:#fff !important; margin:0 0 8px !important;
}
.zem-benefits .zem-benefit-item p{
  font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:12px !important;
  line-height:16px !important; color:#fff !important; opacity:.6; margin:0 !important; max-width:260px;
}
@media (min-width:992px){ .zem-benefits .zem-benefit-item{ flex:0 0 33.333%; max-width:33.333%; } }
@media (max-width:575px){ .zem-benefits .zem-benefit-item{ flex:0 0 100%; max-width:100%; } }

/* ============================================================
   Phase 6.1 — Figma parity §2 block #2: Hero polish (CODE part) (2026-06-05)
   Hero headline → Prata 32 #fff ls.64 (live slides put the headline in .title1; .sub-title styled too
   for future slides). Body → Rubik. Gold emphasis span → Figma muted #b08851 (was bright #f7d049).
   CTA already outline (§ header-session). Overrides ocslideshow.css + earlier banner7 sizing (!important + later).
   OPEN (admin/asset, PM-go): exact text «Земляні та бурові роботи / під ключ», two-tone gold sub,
   real hero background photo, 5th slide (currently 4 dots).
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
.banner7-content .title1,
.banner7-content .sub-title{
  font-family:'Jura',sans-serif !important; font-weight:400 !important; font-size:32px !important;
  line-height:1.25 !important; letter-spacing:.64px !important; color:#fff !important; text-transform:none !important;
  margin:0 0 14px !important;
}
.banner7-content .banner7-des p{
  font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:16px !important; line-height:1.5 !important; color:#fff !important;
}
.banner7-content .banner7-des p span{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:32px !important; color:#b08851 !important;
}
@media (max-width:1199px){ .banner7-content .title1, .banner7-content .sub-title, .banner7-content .banner7-des p span{ font-size:28px !important; } }
@media (max-width:767px){ .banner7-content .title1, .banner7-content .sub-title, .banner7-content .banner7-des p span{ font-size:24px !important; } .banner7-content .banner7-des p{ font-size:14px !important; } .banner7-content .text-content{ max-width:82% !important; } }

/* ============================================================
   Phase 6.1 — Figma parity §2 block #7: Популярна техніка / product cards (node 5:114) (2026-06-05)
   Dark #1D1D1D image card r4 · title-left (Prata16) + price-right (#b18952) row · ЗАМОВИТИ button
   (all gold-outline default → grey-fill hover) · "ДИВИТИСЬ ВЕСЬ КАТАЛОГ" link. cmsblock 6 markup, CSS-only.
   Title+price share a row via inline-block (no wrapper in cmsblock HTML).
   OPEN (admin content): price format "₴/доба" → Figma "грн/8 год" + two-size (від 12 / N 18).
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
.zem-popular{ max-width:1043px; margin:0 auto; padding:24px 15px 64px; }   /* cmsblock 6 has no .container — center it like the rest */
.zem-product-tile{ text-align:left; padding:0 12px; margin-bottom:32px; }
.zem-product-tile .zem-product-img{ background:var(--zem-card) !important; border:0 !important; border-radius:4px; padding:0; height:200px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.zem-product-tile .zem-product-img img{ max-width:100% !important; max-height:100% !important; width:auto; height:auto; object-fit:contain; transition:transform .4s ease; }
.zem-product-tile:hover .zem-product-img img{ transform:scale(1.05); }
.zem-product-tile .zem-product-name{ display:inline-block; width:auto; vertical-align:top; text-align:left; margin:16px 0 0 !important; min-height:56px; font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:14px !important; line-height:18px; letter-spacing:.32px; }
.zem-product-tile .zem-product-name a{ color:#fff !important; text-decoration:none; font-size:14px !important; line-height:18px !important; }
.zem-product-tile .zem-product-name a:hover{ color:#fff !important; }
.zem-product-tile .zem-product-price{ display:inline-block; width:37%; vertical-align:top; text-align:right; margin:16px 0 0 !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; line-height:1.25 !important; color:var(--zem-gold-muted) !important; opacity:1 !important; }
.zem-product-tile p{ margin:0 !important; }
.zem-product-tile .zem-product-cta{ display:block !important; width:100%; height:48px; line-height:32px !important; margin-top:8px; padding:8px 24px !important; box-sizing:border-box; border-radius:2px !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; letter-spacing:.7px; text-transform:uppercase; text-align:center; background:transparent !important; border:.5px solid var(--zem-gold-border) !important; color:var(--zem-gold-muted) !important; transition:background .2s, color .2s; }
.zem-product-tile .zem-product-cta:hover{ background:rgba(255,255,255,.2) !important; border-color:transparent !important; color:#fff !important; }
.zem-popular-more{ margin-top:16px; text-align:center; }
.zem-popular-more .btn, .zem-popular-more a{ display:inline-block; background:transparent !important; border:0 !important; color:var(--zem-gold-muted) !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; letter-spacing:.7px !important; text-transform:uppercase; padding:8px 0 !important; }
@media (max-width:767px){ .zem-product-tile .zem-product-name{ width:60%; min-height:0; } .zem-product-tile .zem-product-price{ width:38%; } }

/* ============================================================
   Phase 6.1 — Figma parity §2 block #6: CTA banner #1 «Не знайшли потрібну техніку?» (2026-06-05)
   Title → Prata 32 #fff (was Oswald bright-gold); subtitle → Rubik #fff; button → outline muted-gold
   (was bright-gold fill). Dark photo bg kept. cmsblock 4 (.zem-cta-photo), CSS-only.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
.zem-cta-photo h2, .zem-cta-photo h3, .zem-cta-photo .zem-cta-inner h2{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:32px !important;
  line-height:1.25 !important; letter-spacing:.64px !important; color:#fff !important; text-transform:none !important; margin:0 0 14px !important;
}
.zem-cta-photo p{
  font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:15px !important;
  line-height:1.5 !important; color:#fff !important; opacity:.75; margin:0 0 24px !important;
}
.zem-cta-photo .btn, .zem-cta-photo .btn-primary, .zem-cta-photo .zem-cta{
  display:inline-flex !important; align-items:center; justify-content:center; height:48px; padding:8px 24px !important;
  background:transparent !important; border:.5px solid var(--zem-gold-border) !important; color:var(--zem-gold-muted) !important;
  border-radius:2px !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important;
  letter-spacing:.7px !important; text-transform:uppercase !important; line-height:1 !important;
}
.zem-cta-photo .btn:hover, .zem-cta-photo .btn-primary:hover, .zem-cta-photo .zem-cta:hover{
  background:var(--zem-gold-muted) !important; color:#242424 !important; border-color:var(--zem-gold-muted) !important;
}

/* ============================================================
   Phase 6.1 — Figma parity §2 block #9: Наші статті / blog cards (2026-06-05)
   Meta «Zemlogistika» muted-gold + date grey (top row) · title Prata18 #fff · announcement Rubik @.6.
   ocblog list 1 (.articles-container), CSS-only. «Автор:» prefix hidden via font-size:0 trick (span kept).
   OPEN (i18n/admin): EN heading «From Our Blog», EN «post by:», live date freshness.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
.articles-container .content-inner{ position:relative; }
.articles-container .author-name{ font-size:0 !important; margin:0 0 6px !important; }
.articles-container .author-name span{ font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:12px !important; letter-spacing:.3px; color:var(--zem-gold-muted) !important; }
.articles-container .articles-date{ position:absolute; top:0; right:0; font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:12px !important; color:#B18952 !important; margin:0 !important; }
.articles-container .articles-name{ font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:18px !important; line-height:1.3 !important; color:#fff !important; margin:6px 0 8px !important; }
.articles-container .articles-name:hover{ color:#fff !important; }
.articles-container .articles-intro p{ font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:13px !important; line-height:1.55 !important; color:#fff !important; opacity:.6 !important; margin:0 0 10px !important; }
.articles-container .read-more{ font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:12px !important; letter-spacing:.6px; text-transform:uppercase; color:var(--zem-gold-muted) !important; border:0 !important; }
.articles-container .read-more:hover{ color:#c49a63 !important; }

/* ============================================================
   Phase 6.1 — Figma parity §2 blocks #12 SEO-text + #13 CTA#2 polish (2026-06-05)
   Blocks already exist & render (cmsblock «SEO текст главной» / «Остались вопросы?»).
   Figma deltas are CSS-only: SEO «ЧИТАТИ БІЛЬШЕ» link + subsection titles; CTA#2 button → outline.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
/* #12 SEO-text */
.seo-collapse .seo-more-link{ color:var(--zem-gold-muted) !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; letter-spacing:.7px !important; text-transform:uppercase !important; }
.seo-collapse h3{ font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:18px !important; color:#fff !important; }
.seo-collapse p{ font-family:'Montserrat',sans-serif; }
/* #13 CTA#2 «ЗАДАТИ ПИТАННЯ» → outline (was bright-gold fill) */
.ask-block .btn-request{ background:transparent !important; border:.5px solid var(--zem-gold-border) !important; color:var(--zem-gold-muted) !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; letter-spacing:.7px !important; text-transform:uppercase !important; border-radius:2px !important; height:48px; padding:8px 24px !important; display:inline-flex; align-items:center; justify-content:center; }
.ask-block .btn-request:hover{ background:var(--zem-gold-muted) !important; color:#242424 !important; border-color:var(--zem-gold-muted) !important; }
/* «Залишились питання?» subtitle/heading → match CTA «Не знайшли потрібну техніку?» typography (2026-06-15) */
.ask-block p{ font-family:'Montserrat',sans-serif; font-size:16px !important; font-weight:300 !important; line-height:20px !important; }
.ask-block .section-header{ line-height:1.2 !important; }

/* ============================================================
   Phase 6.1 — Figma parity §2 polish: #4 Наші послуги · #10 FAQ · #11 Відгуки (2026-06-05)
   Service card Prata18 + flat .6 overlay + outline catalog button; FAQ Prata question + Rubik answer;
   reviews Rubik italic quote + muted-gold author. CSS-only.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
/* #4 Наші послуги */
/*.zem-service-tile .zem-service-cap{ background:transparent !important; background-image:none !important; }*/
.zem-service-tile .zem-service-cap h4{ font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:18px !important; letter-spacing:.36px; color:#fff !important; }
.zem-services a.btn, .zem-services .btn, .zem-services-more a, .zem-services-more .btn{
  background:transparent !important; border:1px solid var(--zem-gold-border) !important; color:var(--zem-gold-muted) !important;
  font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; letter-spacing:.7px !important;
  text-transform:uppercase !important; border-radius:2px !important; min-height:48px; height:auto; padding:12px 24px !important;
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; line-height:1.2;
  /* iOS Safari clips .5px bottom border when height is fixed — keep 1px + auto height */
  -webkit-appearance:none; appearance:none; overflow:visible;
}
.zem-services a.btn:hover, .zem-services .btn:hover, .zem-services-more a:hover, .zem-services-more .btn:hover{ background:var(--zem-gold-muted) !important; color:#242424 !important; border-color:var(--zem-gold-muted) !important; }
#content .zem-services a.btn, #content .zem-services-more a, #content .zem-services-more .btn{ text-transform:uppercase !important; }   /* beat #content .btn-primary{text-transform:none} (ID spec) */
.zem-services-more{
  overflow:visible;
  padding-bottom:4px; /* room for bottom border on iOS */
}

/* #12 SEO — section title left-aligned (Figma §12; overrides §1 center) */
.seo-collapse .section-header{ text-align:left !important; }

/* #7 popular — two-size price (Figma: «від» 12/300 · N 18/500 · «грн/8 год» 12 on its own line) */
.zem-product-price .zpf, .zem-product-price .zpu{ font-weight:300 !important; font-size:12px !important; }
.zem-product-price .zpn{ font-weight:500 !important; font-size:18px !important; }
.zem-product-price .zpu{ display:block; line-height:1.2; }
/* #10 FAQ */
.faq-block .panel-title a{ font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:18px !important; color:#fff !important; }
.faq-block .panel-body, .faq-block .panel-body p{ font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:14px !important; line-height:1.6 !important; color:#fff !important; opacity:.7; }

/* ============================================================
   FIGMA PARITY 2026-06-11 (PM: выровнять Переваги / FAQ / CTA + мелкие под Figma «Minirent»)
   Источник истины: zemlogistika_oc3_mirora/.cursor/docs/upgrade/home-layout-spec.md §4.
   Append-override блок (перебивает правила выше). Rollback: удалить этот блок.
   ============================================================ */

/* — Переваги → Figma: title Prata 16, desc Rubik 12 @.6, icon = grey #2f2f2f circle 30px — */
.zem-benefits .zem-benefit-item h4{ font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:16px !important; line-height:20px !important; letter-spacing:.32px !important; color:#fff !important; margin:0 0 8px !important; }
.zem-benefits .zem-benefit-item p{ font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:12px !important; line-height:16px !important; letter-spacing:normal !important; color:#fff !important; opacity:.6 !important; }
.zem-benefits .zem-benefit-item .fa{ width:30px !important; height:30px !important; background:#2f2f2f !important; border-radius:50% !important; display:inline-flex !important; align-items:center; justify-content:center; font-size:15px !important; color:#fff !important; margin:0 auto 16px !important; }

/* — CTA → Figma: title Prata 32, subtitle Rubik Light @.6, outline button (как hero/services) — */
.zem-cta-photo h2, .zem-cta-photo h3, .zem-cta-photo .zem-cta-inner h2{ font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:32px !important; line-height:1.2 !important; color:#fff !important; }
.zem-cta-photo p{ font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:16px !important; line-height:20px !important; color:#fff !important; opacity:.6 !important; }
.zem-cta-photo .btn, .zem-cta-photo .btn-primary, .zem-cta-photo .zem-cta{ background:transparent !important; border:1px solid #b28952 !important; border-radius:2px !important; color:#b18952 !important; font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; letter-spacing:.7px !important; padding:13px 24px !important; }
.zem-cta-photo .btn:hover, .zem-cta-photo .btn-primary:hover, .zem-cta-photo .zem-cta:hover{ background:rgba(255,255,255,.2) !important; color:#fff !important; border-color:transparent !important; }

/* — Мелкие parity: price #f7d049→#b18952, tile bg #1b1b1b→#1d1d1d, blog card-title Prata 12 — */
.zem-cat-banner .zem-cat-price, .zem-cat-grid .zem-cat-banner .zem-cat-price, .zem-category-tile .zem-cat-price{ color:#b18952 !important; }
.zem-product-img, .articles-image, .zem-product-tile .zem-product-img{ background:#1d1d1d !important; }
body.common-home.home1 .zem-product-tile .zem-product-img{
	background: #1d1d1d00 !important;
}
.articles-container .articles-name{ font-size:12px !important; line-height:16px !important; }

/* — Section vertical padding → Figma 80 (FAQ/Reviews 40) — */
.zem-cat-banners, .zem-services-1, .zem-brands{
	/*padding-top:80px !important;*/
	/*padding-bottom:80px !important;*/
	padding-top:30px !important;
	padding-bottom:30px !important;
}
.zem-benefits{
	padding-top:10px !important;
	padding-bottom:60px !important;
}
.home1 .zem-cat-banners{
	padding-bottom:0px !important;
}

/* — FAQ → Figma: chevron toggle (40px box), item border .5px #5a5a5a r4, question Prata 16 (open gold), answer Rubik 16 @.6 — */
.faq-block .panel{ background:transparent !important; border:0.5px solid #5a5a5a !important; border-radius:4px !important; }
.faq-block .panel-title a{ display:flex !important; align-items:center; justify-content:space-between; gap:16px; padding:30px 24px !important; font-family:'Montserrat',sans-serif !important; font-weight:400 !important; font-size:16px !important; color:#fff !important; }
.faq-block .panel-title a:before{ content:none !important; }
.faq-block .panel-title a:after{ content:'\f078'; font-family:'FontAwesome'; font-weight:normal; font-size:15px; color:#fff; flex:0 0 40px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:#2f2f2f; border:0.667px solid #616161; border-radius:5px; }
.faq-block .panel-title a[aria-expanded='true']{ color:#b18952 !important; }
.faq-block .panel-title a[aria-expanded='true']:after{ content:'\f077'; background:rgba(255,255,255,.2); border-color:transparent; }
.faq-block .panel-body, .faq-block .panel-body p{ font-size:16px !important; opacity:.6 !important; }
/* #11 Відгуки */
.reviews-block .review-text{ font-family:'Montserrat',sans-serif; font-weight:300 !important; font-size:15px !important; font-style:italic !important; line-height:1.6 !important; color:#fff !important; opacity:.85; }
.reviews-block .review-author{ font-family:'Montserrat',sans-serif; font-weight:400 !important; font-size:14px !important; color:var(--zem-gold-muted) !important; font-style:normal !important; opacity:1 !important; }

/* ============================================================
   FIGMA PARITY 2026-06-12 — A-i / A-ii / A-iii / A-iv
   Source: home-layout-spec.md §4.2 (exact Figma values).
   Append-override block (перебивает выше). Rollback: удалить этот блок.
   ============================================================ */

/* A-i — section vertical padding: FAQ/Reviews py 40, SEO/popular/blog py 80 (Figma §4.2)
   cat/services/brands/benefits already set in FIGMA PARITY 2026-06-11 block above */
.faq-block {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.reviews-block{ padding-top:30px !important; padding-bottom:0px !important; }
.seo-collapse{ padding-top:30px !important; padding-bottom:20px !important; }
.zem-mostviewed{ padding-top:80px !important; padding-bottom:80px !important; }
.zem-popular{
	padding-top:30px !important;
	padding-bottom:50px !important;
}
/* A-v updated 2026-06-12: grid — equal heights, name/price same row, button pinned bottom */
.zem-popular .row{ display:flex !important; flex-wrap:wrap !important; }
.zem-product-tile{ display:grid !important; grid-template-columns:62% 38% !important; grid-template-rows:auto 1fr auto !important; height:100% !important; }
.zem-product-tile .zem-product-img{ grid-column:1/-1 !important; }
.zem-product-tile .zem-product-name{ align-self:start !important; }
.zem-product-tile .zem-product-price{ text-align:right !important; align-self:start !important; white-space:nowrap !important; width:auto !important; justify-self:stretch !important; }
.zem-product-tile > p:last-child{ grid-column:1/-1 !important; align-self:end !important; margin-top:8px !important; }
#blog_home{
	padding-top:30px !important;
	padding-bottom:0px !important;
}

/* A-ii — text max-width ~800px for readability at 1440+ (best-practice; Figma 1440-only) */
/*.seo-collapse p{ max-width:800px; }*/
.faq-block .panel-body, .faq-block .panel-body p{ max-width:800px; }

/* A-iii — blog card-title 12→14 (Figma-literal=12; bumped for readability per plan §2 A-iii) */
.articles-container .articles-name{ font-size:14px !important; line-height:18px !important; }

/* A-iv — hero two-tone «під ключ» #b18952→#b08851 (Figma exact: hero node 3:105, §4.2 Hero) */
.banner7-content .title1 .zg{ color:#b08851 !important; }

/* A-vi — footer social icons: grey circle (#2f2f2f) + currentColor glyph. 6 Figma SVGs + WhatsApp
   (old inline, keeps white path on grey bg via svg circle override). 6-vs-7 = pending PM decision. */
.zem-foot-msgs a{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; border-radius:50% !important; background:#2f2f2f !important; color:#616161; opacity:1 !important; transition:color .2s, background .2s; }
.zem-foot-msgs a:hover{ color:#f8d04a; background:#363636 !important; transform:translateY(-2px); }
.zem-foot-msgs a svg{ display:block; }

/* CTA Figma-parity 2026-06-12 (node 5:111):
   bg = blur(2px) image + rgba(0,0,0,.8) overlay, h400, content w494 centered, gap h2→p 16/p→btn 24
   Pseudo-element approach: ::before = blurred bg, ::after = dark overlay, .container z-index 2. */
.zem-cta-photo{ position:relative !important; overflow:hidden !important; min-height:400px !important; padding:0 !important; background:transparent !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.zem-cta-photo::before{ content:''; position:absolute; inset:-6px; background:url("/image/catalog/image-zem-cta-bg.png") center/cover no-repeat; filter:blur(2px); z-index:0; }
.zem-cta-photo::after{
	content:'';
	position:absolute;
	inset:0;
	/*background:rgba(0,0,0,.8); */
	/*z-index:1; */
}
.zem-cta-photo .container{ position:relative !important; z-index:2 !important; }
.zem-cta-photo .zem-cta-inner{ max-width:494px !important; width:100%; margin:0 auto !important; display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center; }
.zem-cta-photo .zem-cta-inner h2, .zem-cta-photo .zem-cta-inner h3{ margin:0 0 16px !important; }
.zem-cta-photo .zem-cta-inner p{ margin:0 0 24px !important; }
.zem-cta-photo .zem-cta-inner .btn, .zem-cta-photo .zem-cta-inner .zem-cta{ margin:0 !important; text-transform:uppercase !important; }

/* Benefits icons: Figma basil:viber-solid #B08851 13px in 30px #2f2f2f circle 2026-06-12 */
.zem-benefits .zem-benefit-item .fa::before{ content:'' !important; }
.zem-benefits .zem-benefit-item .fa{ background:#2f2f2f url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23B08851' fill-rule='evenodd' d='M16.676 2.628a21.9 21.9 0 0 0-9.555 0l-.339.075a4.9 4.9 0 0 0-3.684 3.58a19.5 19.5 0 0 0 0 9.577a4.9 4.9 0 0 0 3.444 3.52l.465 2.776a.5.5 0 0 0 .826.29l2.731-2.443a22 22 0 0 0 6.112-.487l.34-.075a4.9 4.9 0 0 0 3.684-3.58a19.5 19.5 0 0 0 0-9.577a4.9 4.9 0 0 0-3.685-3.58zM7.965 6.202a.82.82 0 0 0-.537.106h-.014c-.375.22-.713.497-1.001.823c-.24.277-.37.557-.404.827c-.02.16-.006.322.041.475l.018.01c.27.793.622 1.556 1.052 2.274a13.4 13.4 0 0 0 2.03 2.775l.024.034l.038.028l.023.027l.028.024a13.6 13.6 0 0 0 2.782 2.04c1.155.629 1.856.926 2.277 1.05v.006c.123.038.235.055.348.055a1.6 1.6 0 0 0 .964-.414c.325-.288.6-.627.814-1.004v-.007c.201-.38.133-.738-.157-.981A12 12 0 0 0 14.41 13c-.448-.243-.903-.096-1.087.15l-.393.496c-.202.246-.568.212-.568.212l-.01.006c-2.731-.697-3.46-3.462-3.46-3.462s-.034-.376.219-.568l.492-.396c.236-.192.4-.646.147-1.094a12 12 0 0 0-1.347-1.88a.75.75 0 0 0-.44-.263M12.579 5a.5.5 0 0 0 0 1c1.265 0 2.315.413 3.146 1.205c.427.433.76.946.978 1.508c.219.563.319 1.164.293 1.766a.5.5 0 0 0 1 .042a5.4 5.4 0 0 0-.361-2.17a5.4 5.4 0 0 0-1.204-1.854l-.01-.01C15.39 5.502 14.085 5 12.579 5m-.034 1.644a.5.5 0 0 0 0 1h.017c.912.065 1.576.369 2.041.868c.477.514.724 1.153.705 1.943a.5.5 0 0 0 1 .023c.024-1.037-.31-1.932-.972-2.646V7.83c-.677-.726-1.606-1.11-2.724-1.185l-.017-.002zm-.019 1.675a.5.5 0 1 0-.052.998c.418.022.685.148.853.317c.169.17.295.443.318.87a.5.5 0 1 0 .998-.053c-.032-.6-.22-1.13-.605-1.52c-.387-.39-.914-.58-1.512-.612'/></svg>") center/13px no-repeat !important; border-radius:40px !important; width:30px !important; height:30px !important; line-height:30px !important; text-align:center !important; display:inline-block !important; color:transparent !important; }

/* FAQ Figma-parity 2026-06-12: button colours, open-state, hover, inner padding */
.faq-block .panel-title a:after{ border-color:#5a5a5a !important; color:#fff !important; }
.faq-block .panel-title a[aria-expanded='true']:after{ content:'\f054' !important; background:rgba(255,255,255,0.2) !important; border-color:transparent !important; color:#fff !important; }
.faq-block .panel-title a:not([aria-expanded='true']):hover:after{ background-color:#383838 !important; border-color:#888 !important; }
.faq-block .panel-title a[aria-expanded='true']:hover:after{ background-color:rgba(255,255,255,0.15) !important; border-color:transparent !important; }
.faq-block .panel-body{ padding:12px 24px 24px !important; }
.faq-block .panel-body, .faq-block .panel-body p{ max-width:none !important; }

/* FAQ: golden SVG icons from Figma (mdi-light_chevron-rotate / chevron-up) 2026-06-12
   CLOSED → chevron-up.svg (⌄)   OPEN → chevron-rotate.svg (>) */
.faq-block .panel-title a:after{
  content:'' !important;
  font-family:initial !important;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2646 9.20594L11.8124 17.6582L3.36012 9.20594L4.42038 8.1606L11.8124 15.5526L19.2044 8.1606L20.2646 9.20594Z' fill='%23b18952'/%3E%3C/svg%3E") !important;
  background-size:24px 24px !important; background-repeat:no-repeat !important; background-position:center !important;
}
.faq-block .panel-title a[aria-expanded='true']:after{
  content:'' !important;
  font-family:initial !important;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.20594 3.73535L17.6582 12.1876L9.20594 20.6399L8.1606 19.5796L15.5526 12.1876L8.1606 4.79562L9.20594 3.73535Z' fill='%23b18952'/%3E%3C/svg%3E") !important;
  background-size:24px 24px !important; background-repeat:no-repeat !important; background-position:center !important;
}
.faq-block .panel-title a[aria-expanded='true']{ color:#b18952 !important; }

/* Reviews: equal-height cards per row 2026-06-12 */
.reviews-block .row{ display:flex !important; flex-wrap:wrap !important; }
.reviews-block .col-md-6{ display:flex !important; flex-direction:column !important; }
.reviews-block .review-card{ flex:1 !important; height:auto !important; }

/* Services: full-image dark overlay matching Figma rgba(0,0,0,0.6) inset:0 2026-06-12 */
.zem-service-tile{ position:relative !important; overflow:hidden !important; }

.zem-service-tile::before{
	/*content:'';*/
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.60);
	z-index:1;
	pointer-events:none;
}
.zem-service-tile .zem-service-cap{
	background:rgba(0,0,0,0.60);
	z-index:1;
	pointer-events:none;
}


.zem-service-tile .zem-service-cap{ z-index:2; position:absolute !important; }

/* ADAPTIVE >1443px 2026-06-12 — benefits/popular/blog expand to 1440px (same clamp as .home1 .container) */
.zem-benefits.row{ max-width:clamp(1043px, calc(100% - 400px), 1043px) !important; }
.zem-popular{ max-width:clamp(1043px, calc(100% - 400px), 1043px) !important; }
@media(min-width:1200px){ #blog_home{ max-width:clamp(1043px, calc(100% - 400px), 1043px) !important; margin-left:auto !important; margin-right:auto !important; } }

/* Footer Figma parity D2/D3/D5/D6/D7/D8 2026-06-12 */
.zem-foot-msgs a{ width:30px !important; height:30px !important; }               /* D2: 36→30px */
.zem-foot-msgs{ gap:8px !important; }                                            /* D3: 10→16px */
.zem-foot-about{ font-size:16px !important; color:rgba(255,255,255,.6) !important; } /* D5/D6 */
.zem-foot-contacts a{ color:rgba(255,255,255,.6) !important; text-decoration:none !important; } /* D7 */
.zem-foot-contacts a:hover{ color:rgba(255,255,255,.85) !important; text-decoration:underline !important; }
.zem-foot-contacts .fa-phone{ color:#b18952 !important; }
/* D8: phone icon wrapper */
.zem-phone-icon{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; background:transparent; border-radius:4px; flex-shrink:0; }

/* ============================================================
   SECTION A HEIGHT PARITY — 2026-06-12 (@1440×900 viewport)
   Append-only override block. Rollback: delete this block.
   ============================================================ */

/* A2: Hero — 460→450px at ≥1200px (10px save) */
@media (min-width: 1200px) {
  .nivoSlider, .banner7, .oc-banner7-container, .flexslider.oc-nivoslider { min-height: 400px !important; }
}

/* A4: Services — tile 230→200px, mb 26→12px → 2 rows: 512→424px → section ~840→~752px (Figma 755) */
.zem-service-tile { height: 200px !important; min-height: 200px !important; margin-bottom: 12px !important; }
.zem-service-tile img {
	/*height: 200px !important; */
	min-height: 200px !important;
}

/* A7: Popular — tile mb 32→12px, title/more spacing → section 1077→~1007px (Figma 1004) */
.zem-product-tile { margin-bottom: 12px !important; }
.zem-product-tile .zem-product-name { min-height: 54px !important; }  /* 3-line reserve @14px so "Замовити" buttons align across a row (2026-06-15) */
.zem-popular .zem-section-title { margin-top: 20 !important; margin-bottom: 30px !important; }
.zem-popular-more { margin-top: 4px !important; margin-bottom: 6px !important; }
.zem-popular-more a, .zem-popular-more .btn { line-height: 1.2 !important; }

/* A8: Brands — strip 80px pt/pb (set by A-i block above) → height 264→104px (Figma 105px) */
.zem-brands { padding-top: 0 !important; padding-bottom: 0 !important; }

/* A9: Blog — cap image 160px + fix module-title margins (95px→16px) + hide intro → ~491px (Figma) */
/*.articles-container .articles-image { height: 160px !important; overflow: hidden !important; }*/
/*.articles-container .articles-image img { height: 100% !important; width: 100% !important; object-fit: cover !important; }*/
.articles-container .articles-image { height: 160px !important; overflow: hidden !important; position: relative; }
.articles-container .articles-image a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0;
	overflow: hidden;
}
.articles-container .articles-image img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
	object-position: center;
	display: block !important;
}



#blog_home .blog-title.module-title { margin-top: 16px !important; margin-bottom: 0 !important; }
#blog_home .blog-title.module-title h2 {
	margin-top: 20px !important;
	margin-bottom: 30px !important;
}
.articles-container .articles-intro { display: none !important; }
/* A9 correction: show intro text per Figma (Rubik 12/400, #fff@0.6, ls 0.24) 2026-06-12 */
.articles-container .articles-intro { display:block !important; font-family:'Montserrat',sans-serif !important; font-size:12px !important; font-weight:400 !important; color:rgba(255,255,255,0.6) !important; letter-spacing:0.24px !important; line-height:1.5 !important; margin-top:6px !important; }

/* ============================================================
   Phase 6.2 — Catalog landing /katalog-tekhniki (2026-06-13)
   Figma ref: node 40:50 (Frame 2 / «Каталог спецтехніки»)
   Card grid: reuse .zem-fig-cat from Phase 6.1 (ocfeaturedcategory.twig)
   ============================================================ */

/* 1. Hide default subcat list + refine H3 (grid rendered by ocfeaturedcategory in content_top) */
#product-category h3,
#product-category .list-cate,
#product-category .category-name { display: none; }

/* 2. SEO description section — Figma node 40:742
      Container padding: py=80px (px inherits Bootstrap .container)
      H2: Prata 400 32px, ls 0.64px, #ece9e3
      Body: Rubik 300 16px, ls 0.32px, lh 24px, rgba(255,255,255,.6)           */
#product-category .description {
  padding: 80px 0 40px;
}
#product-category .description h2 {
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0.64px;
  color: #ece9e3;
  text-align: left;
  margin: 40px 0 8px;
}
#product-category .description p {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 24px;
  color: rgba(255,255,255,.6);
  margin-bottom: 16px;
}
#product-category .description li {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 24px;
  color: rgba(255,255,255,.6);
  margin-bottom: 8px;
}
#product-category .description ol,
#product-category .description ul { padding-left: 24px; margin-bottom: 16px; }
#product-category .description a { color: #b18952; }
#product-category .description a:hover { color: #c49a63; }

/* 3. CTA «Залишились питання?» — Figma node 40:769
      occmsblock in content_bottom; class .zem-cta-ask on wrapper div
      Container: py 40px, text-align center, max content 494px centered
      Title:    Prata 400 32px, #fff
      Subtitle: Rubik 300 16px, lh 20px, rgba(255,255,255,.6), max-w 532px
      Button:   border 0.5px #b28952, radius 2px, h 48px, px 24px
                Rubik 400 14px, ls 0.7px, uppercase, color #b18952          */
.zem-cta-ask {
  padding: 40px 20px;
  text-align: center;
}
.zem-cta-ask__title {
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  font-size: 32px;
  color: #fff;
  margin: 0 0 16px;
}
.zem-cta-ask__subtitle {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255,255,255,.6);
  max-width: 532px;
  margin: 0 auto 24px;
}
.zem-cta-ask__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 8px 24px;
  border: 0.5px solid #b28952;
  border-radius: 2px;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #b18952;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.zem-cta-ask__btn:hover {
  background: rgba(177,137,82,.1);
  color: #c49a63;
  text-decoration: none;
}

/* ============================================================
   Phase 6.2 — catalog/information page font fixes (2026-06-13)
   Figma: H1 = Prata 400 32px center ls.64 (node 40:92)
          H2 = Prata 400 32px ls.64 (nodes 40:743, 40:758, 40:762, 40:766)
          p   = Rubik Light 300 16px lh24 ls.32 @.6 (node 40:750)
   Fixes: body.information-information uses #information-information container,
          NOT #product-category → old Phase 6.2 rules were inert here.
   ============================================================ */

/* Phase 6.2 — breadcrumbs spacing: Figma outer container padding-top=80px, gap=40px
   Generic .breadcrumbs has margin:60px 0; override for info pages to match Figma. */
body[class*="information-information"] .breadcrumbs {
  margin-top: 20px !important;
  /*margin-top: 120px !important;*/
  margin-bottom: 20px !important;
}

body.common-home.home1 .headerSpace{
	height: 130px;
}

/* H1 breadcrumbs area — Prata 32px centered (common.js moves H1 into DIV.breadcrumbs).
   body class on info pages = information-information-{id}; use [class*=] to catch all. */
body[class*="information-information"] .breadcrumbs h1 {
  font-family: 'Jura',sans-serif !important;
  font-weight: 400 !important;
  font-size: 32px !important;
  text-align: center !important;
  letter-spacing: 0.64px !important;
}

/* SEO text H2 headings in description — Prata 32px.
   Container is #information-information (ID), not a class. */
#information-information #content h2 {
  font-family: 'Jura',sans-serif !important;
  font-weight: 400 !important;
  font-size: 32px !important;
  letter-spacing: 0.64px !important;
  color: #fff !important;
  margin: 40px 0 8px !important;
}

/* Body paragraphs + list items in description — Rubik Light 16px @.6 */
#information-information #content p,
#information-information #content li {
  font-family: 'Montserrat',sans-serif;
  font-weight: 300 !important;
  font-size: 16px !important;
  letter-spacing: 0.32px !important;
  line-height: 24px !important;
  color: rgba(255,255,255,.6) !important;
  margin-bottom: 0 !important;
}

/* Phase 6.2 — list bullets + links (node 40:756) */
#information-information #content ul {
  list-style: disc !important;
  padding-left: 24px !important;
  margin: 0 !important;
}
#information-information #content a {
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none !important;
}
/* 2026-06-18: исключить карточки ocfeaturedcategory из SEO-prose underline выше
   (лендинг /katalog-tekhniki — .zem-fig-cat (title + VIEW) без подчёркивания) */
#information-information #content a.zem-fig-cat,
#information-information #content a.zem-fig-cat:hover {
  text-decoration: none !important;
}

/* Phase 6.2 — ol numbered list (node 40:756, block 1) */
#information-information #content ol {
  list-style: decimal !important;
  padding-left: 24px !important;
  margin: 0 !important;
}

/* Phase 6.2 — breadcrumbs order: ul.breadcrumb before h1
   Structure: .breadcrumbs > .container > h1 + ul.breadcrumb (common.js puts h1 first) */
body[class*="information-information"] .breadcrumbs .container {
  display: flex;
  flex-direction: column;
}
body[class*="information-information"] .breadcrumbs .container h1 {
  order: 2;
}
body[class*="information-information"] .breadcrumbs .container ul.breadcrumb {
  order: 1;

	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: .02em;
	margin-bottom: 8px;
}

/* Phase 6.2 — footer margin-top: generic rule = 80px, but info pages end with .zem-cta-ask
   which already has padding-bottom:40px → 80px extra is redundant. Zero it out. */
body[class*="information-information"] footer { margin-top: 0 !important; }

/* Phase 6.2 — breadcrumb colors: Figma inactive=#FFF opacity:0.6, active=#B18952 opacity:0.6
   Overrides generic: li a=#777777, li:last-child a=#f7d049, separator=#777, font-size=14px */
body[class*="information-information"] .breadcrumbs .breadcrumb > li + li:before {
  /*color: rgba(255, 255, 255, 0.6) !important;*/
}
body[class*="information-information"] .breadcrumbs .breadcrumb li:last-child {
	font-size: 12px;
}

.breadcrumbs .zem-svc-bc a,
.breadcrumbs .zem-svc-bc span,
.breadcrumbs nav.zem-svc-bc--listing a,
.breadcrumbs nav.zem-svc-bc--listing span,
.breadcrumbs ul.breadcrumb li a{
	font-size: 12px;
}

div#product-category .ajax-loader{
	line-height: 0;
}

body[class*="information-information"] .breadcrumbs .breadcrumb li a {
  /*color: rgb(255 255 255 / 55%) !important;*/
  color: #fff !important;
	opacity: .6;
  font-family: 'Montserrat',sans-serif;
  /*font-size: 12px !important;*/
  /*letter-spacing: 0.24px !important;*/
  /*text-decoration: underline !important;*/
}
body[class*="information-information"] .breadcrumbs .breadcrumb li:last-child a{
  color: rgba(177, 137, 82, 0.6) !important;
}

/* Phase 6.2 — .zem-cta-ask exceptions (node 40:769)
   Phase 6.2 generic h2/p/a rules bleed into .zem-cta-ask; restore Figma values */
#information-information #content .zem-cta-ask__title {
  margin: 0 0 16px !important;
}
#information-information #content .zem-cta-ask__subtitle {
  line-height: 20px !important;
  margin-bottom: 24px !important;
}
#information-information #content .zem-cta-ask__btn {
  color: #b18952 !important;
  text-decoration: none !important;
}

/* ============================================================
   Etap B — HOME responsive fixes (Figma 15:357) (2026-06-17)
   Verified via iframe audit at BP0–BP5: no h-overflow ≥768; at ≤767
   two full-bleed .container blocks (padding:0) let their child Bootstrap
   .row negative margins (-12px cat / -15px ask) spill past the viewport
   (BS switches .container to auto-width <768 and the zeroed padding no
   longer absorbs the gutters). 16px side padding restores the gutter and
   also matches MASTER §3.1 BP4 (16px) intent. Plus hero font ladder BP5.
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
@media (max-width:1199px){
  /* Full-bleed (padding:0) containers: below 1200 the .container becomes a BS3 fixed
     width (970/750) or fluid; at each boundary (≈768, ≈992) the viewport sits just
     above the container width, so the child .row negative margins (-12/-15) spill past
     the edge → h-overflow. 16px side padding absorbs the gutters at every width <1200.
     ≥1200 left untouched (clamp container is centred with a wide gutter). */
  .container.zem-cat-banners,
  .container.ask-block{ padding-left:16px !important; padding-right:16px !important; }
}
/* Hero font ladder BP5 (28@≤1199 → 24@≤767 → 22@≤420) per MASTER §3.1 / home plan §3.3 */
@media (max-width:420px){
  .banner7-content .title1,
  .banner7-content .sub-title,
  .banner7-content .banner7-des p span{ font-size:22px !important; }
}

/* ============================================================
   Etap C — footer credit row (Figma footer 53:1256, credit «created by OCEAN») (2026-06-17)
   © Zemlogistika (left) + agency credit (right). Credit matches Figma intent:
   opacity .5, uppercase, wide tracking (Gilroy not loaded → inherits theme font).
   Rollback: git checkout home_page -- stylesheet.css
   ============================================================ */
.footer-bottom .footer-copyright.zem-foot-bottom{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:8px; margin-bottom:0; text-align:left;
}
.zem-foot-bottom .zem-foot-copy{
  font-size:14px; line-height:20px; color:#fff; opacity:.6;
}
.zem-foot-bottom .zem-foot-credit{
  font-size:13px; line-height:20px; color:#fff; opacity:.5;
  text-transform:uppercase; letter-spacing:1.5px;
}
@media (max-width:767px){
  .footer-bottom .footer-copyright.zem-foot-bottom{ justify-content:center; text-align:center; }
}

/* ============================================================
   Catalog landing /katalog-tekhniki — Figma 40:49 parity (Этап A, 2026-06-17)
   P7/§2.1: H1 «Наш автопарк спецтехніки» drifts to legacy cream #ECE9E3
   (inherited from global --text-primary, line ~4560). Figma = #FFFFFF.
   Scope to info-24 only (body class information-information-24); font/align
   already correct via .breadcrumbs h1 rule (~5523). Color-only override.
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css
   ============================================================ */
body.information-information-24 .breadcrumbs h1 { color: #fff !important; }

/* P4/§2.2 (PM-go 2026-06-17: strict Figma #fff). SEO-intro/body 40:750/760/764/768
   + CTA-subtitle 40:773 were rgba(255,255,255,.6) → Figma #fff (100%).
   CTA-subtitle line-height 20→24. Later source order beats existing .6 !important. */
body.information-information-24 #information-information #content p,
body.information-information-24 #information-information #content li { color: #fff !important; }
/* NB: subtitle is a <p> in #information-information #content; existing rule
   #information-information #content .zem-cta-ask__subtitle{lh:20!important} (2 IDs)
   outranks a class-only selector. Match the ID chain to win line-height. */
body.information-information-24 #information-information #content .zem-cta-ask__subtitle { color: #fff !important; line-height: 24px !important; }

/* ============================================================
   Catalog landing /katalog-tekhniki — responsive (Этап B, 2026-06-17)
   Audit (offscreen-iframe BP0–BP5): h-overflow +11px@992, +13px@768.
   Cause: grid block is a BS3 .container (fixed 970/750) NESTED inside the
   information page's #content column (double-container). Below 1200 the fixed
   width + the column padding exceed the viewport. Home is unaffected (grid is
   not nested in a col there), so the prior HOME padding-fix (~5637) didn't catch
   this. Fix: make the nested .container fluid on info pages <1200 (the col itself
   already provides the side gutter). Scope to info pages only.
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css
   ============================================================ */
@media (max-width:1199px){
  body[class*="information-information"] .container.zem-cat-banners{ width:auto !important; max-width:100% !important; }
}

/* §2.3.3 — section-heading font ladder Prata 32→28→24→22 (MASTER §3.1 BP3/4/5).
   Targets info-24 H1 (breadcrumbs), SEO H2, CTA title. !important + ID-chain to
   beat existing 32px !important base rules (~5523 h1, ~5533 h2, ~5609 cta). */
@media (max-width:991px){
  body.information-information-24 .breadcrumbs h1,
  body.information-information-24 #information-information #content h2,
  body.information-information-24 #information-information #content .zem-cta-ask__title{ font-size:28px !important; }
}
@media (max-width:767px){
  body.information-information-24 .breadcrumbs h1,
  body.information-information-24 #information-information #content h2,
  body.information-information-24 #information-information #content .zem-cta-ask__title{ font-size:24px !important; }
}
@media (max-width:480px){
  body.information-information-24 .breadcrumbs h1,
  body.information-information-24 #information-information #content h2,
  body.information-information-24 #information-information #content .zem-cta-ask__title{ font-size:22px !important; }
}

/* ============================================================
   Services listing — /uslugi (cat 162) · Figma 69:2271 (2026-06-18)
   A1 native subcategory grid + left sidebar (Категорії + Пошук).
   Scoped to body.product-category-162 → equipment categories untouched.
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css
   ============================================================ */

/* H1 white in the breadcrumbs band (trail removed per PM 2026-06-18, only H1 shown) */
body.product-category-162 .breadcrumbs h1,
body.product-category-162 .breadcrumbs .category-name{ color:#fff !important; }

/* hide native column_left catalog-tree module on the services listing (Figma has one custom sidebar); content full width */
body.product-category-162 #column-left{ display:none !important; }
body.product-category-162 #content.col-md-9{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }

/* layout (mobile-first: stacked) */
body.product-category-162 .zem-svc-layout{
	display:flex;
	flex-direction:column;
	gap:24px;
	margin-top:0;
	justify-content: center;
}
body.product-category-162 .zem-svc-sidebar{ display:flex; flex-direction:column; gap:16px; width:100%; }
body.product-category-162 .zem-svc-main{ min-width:0; flex:1 1 auto; }
/* SEO/description block = full content width (Figma 69:2909 spans the content width, not the 774 grid width) */
body.product-category-162 .zem-cat-desc{ max-width:none !important; width:100%; }

/* sidebar blocks */
body.product-category-162 .zem-svc-block{ background:var(--zem-bg-sidebar,rgba(47,46,46,.5)); padding:16px; }
/*body.product-category-162 .zem-svc-block__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; line-height:1.2; color:#fff; margin:0 0 16px; }*/

body.product-category-162 .zem-svc-block__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; line-height:1.2; color:#fff; margin:0 0 16px; }

body.product-category-162 .zem-svc-nav{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }

/*body.product-category-162 .zem-svc-nav a{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px !important; line-height:1.3; color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s, color .15s; }*/
body.product-category-162 .zem-svc-nav a{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px !important; line-height:1.3; color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s, color .15s; }

body.product-category-162 .zem-svc-nav a:hover{ opacity:1; }
body.product-category-162 .zem-svc-nav a.is-active{ color:var(--zem-gold,#F8D04A); opacity:1; }
/* search — Figma Frame 82: unified container h=32px, border-radius=4px, border=0.25px solid #3F3F3F, bg=#2F2F2F, icon=13×13 */
body.product-category-162 .zem-svc-search{ display:flex; align-items:center; gap:8px; height:32px; padding:0 8px 0 16px; border-radius:4px; border:0.25px solid #3F3F3F; background:#2F2F2F; }
body.product-category-162 .zem-svc-search input{ flex:1 0 0; min-width:0; height:100%; padding:0; background:transparent; border:none; outline:none; color:#fff; font-family:'Montserrat',sans-serif; font-size:12px; }
body.product-category-162 .zem-svc-search input::placeholder{ color:#a5a5a5; opacity:1; }
body.product-category-162 .zem-svc-search button{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:none; border:none; padding:0; color:#fff; cursor:pointer; }
body.product-category-162 .zem-svc-search button svg{ width:13px; height:13px; }
body.product-category-162 .zem-svc-search button:hover{ color:var(--zem-gold,#F8D04A); }

/* card grid (mobile-first: 1 col) */
body.product-category-162 .zem-svc-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
body.product-category-162 .zem-svc-card{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; height:100%; background:var(--zem-card,#1D1D1D); padding:0 16px 16px; text-decoration:none; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease; } /* B4 2026-06-21: align-items:flex-start (Figma left-align); height:100% equal cards */
body.product-category-162 .zem-svc-card:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.35); text-decoration:none; }
body.product-category-162 .zem-svc-card__media{ position:relative; display:block; width:calc(100% + 32px); margin:0 -16px; aspect-ratio:242 / 150; background:var(--zem-card-panel,#191919); overflow:hidden; }
body.product-category-162 .zem-svc-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
body.product-category-162 .zem-svc-card__overlay{
	position:absolute;
	inset:0;
	/*background:rgba(0,0,0,.6); */
}
/*body.product-category-162 .zem-svc-card__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px !important; line-height:18px; color:#fff; text-align:left; margin:0; } !* B4 2026-06-21: text-align:left (Figma) *!*/
body.product-category-162 .zem-svc-card__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px !important; line-height:18px; color:#fff; text-align:left; margin:0; } /* B4 2026-06-21: text-align:left (Figma) */
/*body.product-category-162 .zem-svc-card__desc{ font-family:'Montserrat',sans-serif; font-weight:300; font-size:12px; line-height:normal; letter-spacing:0.24px; color:#fff; opacity:0.6; margin:0; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; } !* Figma: Rubik Light 12px, ls=0.24px, opacity=0.6 *!*/
body.product-category-162 .zem-svc-card__desc{ font-family:'Montserrat',sans-serif; font-weight:300; font-size:12px; line-height:normal; letter-spacing:0.24px; color:#fff; opacity:0.6; margin:0; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; } /* Figma: Rubik Light 12px, ls=0.24px, opacity=0.6 */

.header-num-mob{
	display: flex;
	flex-direction: column;
}

/* responsive ladder (reuses project breakpoints) */
@media (min-width:576px){
  body.product-category-162 .zem-svc-grid{ grid-template-columns:repeat(2,1fr); gap:24px; }
}
@media (min-width:768px){
  body.product-category-162 .zem-svc-grid{ grid-template-columns:repeat(3,1fr); }
  body.product-category-162 .zem-svc-sidebar{ flex-direction:row; flex-wrap:wrap; }
  body.product-category-162 .zem-svc-block{ flex:1 1 240px; }
}
@media (min-width:992px){
  body.product-category-162 .zem-svc-layout{
	  flex-direction:row;
	  /*align-items:flex-start; */
	  gap:24px;
  }
  body.product-category-162 .zem-svc-sidebar{ flex:0 0 244px; width:244px; flex-direction:column; }
  body.product-category-162 .zem-svc-block{ flex:none; }
}
@media (min-width:1200px){
  body.product-category-162 #product-category.container{ width:clamp(1043px, calc(100% - 400px), 1043px); max-width:none; margin:0 auto; }
  body.product-category-162 .zem-svc-grid{ grid-template-columns:repeat(3,1fr); gap:24px; }
}
@media (max-width:479px){
  body.product-category-162 .zem-svc-card__title{ font-size:13px !important; }
}

/* ============================================================
   Service detail — leaf under cat 162 — Figma 69:2937 (Phase 6.4, 2026-06-20)
   Scoped: body[class*="product-category-162_"] (only leaf pages; listing 162 without _ unaffected)
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css
   ============================================================ */

/* hide native column_left + full-width content */
body[class*="product-category-162_"] #column-left{ display:none !important; }
body[class*="product-category-162_"] #content.col-md-9{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }

/* content container (Figma 69:2979: max 1043) — desktop only.
   Was always min 1043px → iOS Safari zooms the whole page out on phones if anything overflows.
   Listing uses the same ≥1200 gate; keep leaf parity. */
body[class*="product-category-162_"] #product-category.container{ max-width:100%; margin:0 auto; }
@media (min-width:1200px){
  body[class*="product-category-162_"] #product-category.container{ width:clamp(1043px, calc(100% - 400px), 1043px); max-width:none; }
}

/* breadcrumb (Figma 69:2981: Rubik 12, op .6, ls 2%, #fff) */
body[class*="product-category-162_"] .zem-svc-bc{ display:block; margin-bottom:16px; font-family:'Montserrat',sans-serif; font-size:12px; letter-spacing:.02em; }
body[class*="product-category-162_"] .zem-svc-bc a{ color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s; }
body[class*="product-category-162_"] .zem-svc-bc a:last-child{ opacity:1; }
body[class*="product-category-162_"] .zem-svc-bc a:hover{ opacity:1; }
body[class*="product-category-162_"] .zem-svc-bc span{ color:#fff; opacity:.4; margin:0 4px; }
/* current page = gold (Figma 69:2981 #b18952) */
body[class*="product-category-162_"] .zem-svc-bc .zem-svc-bc__current{ color:#b18952; opacity:1; }

/* 2-column row (Figma 69:2983: 244 + 24gap + 775) */
body[class*="product-category-162_"] .zem-svc-detail{ display:flex; gap:24px; align-items:flex-start; }
body[class*="product-category-162_"] .zem-svc-aside{ flex:0 0 244px; width:244px; display:flex; flex-direction:column; gap:16px; }
body[class*="product-category-162_"] .zem-svc-article{ flex:1 1 auto; min-width:0; max-width:775px; }

/* related card (Figma 69:2985: #2f2f2f @50%, pad 16, gap 16) */
body[class*="product-category-162_"] .zem-svc-related{ background:rgba(47,47,47,.5); padding:16px; display:flex; flex-direction:column; gap:16px; border-radius:4px; }
body[class*="product-category-162_"] .zem-svc-related__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#fff; margin:0; }
body[class*="product-category-162_"] .zem-svc-related__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
body[class*="product-category-162_"] .zem-svc-related__list a{ font-family:'Montserrat',sans-serif; font-size:12px; color:#fff; opacity:.7; text-decoration:none; line-height:1.4; transition:opacity .15s, color .15s; }
body[class*="product-category-162_"] .zem-svc-related__list a:hover{ opacity:1; color:#b18952; }

/* article H1 (Figma 69:3182: Prata 32, #fff, ls 2%) — restate for scope clarity */
body[class*="product-category-162_"] .zem-svc-title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:32px; color:#fff; letter-spacing:.02em; margin:0 0 16px; line-height:1.2; }

/* article body H3 (Figma 69:3294/3299/3303: Prata 16) */
body[class*="product-category-162_"] .zem-svc-body h3{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#fff; margin:24px 0 8px; }

/* article body prose (Rubik Light 16/#fff/lh24 — matches global, restated for scope) */
body[class*="product-category-162_"] .zem-svc-body{
	font-family:'Montserrat',sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:24px;
	color:#fff;
	overflow-wrap:anywhere;
	word-wrap:break-word;
	max-width:100%;
}
body[class*="product-category-162_"] .zem-svc-body p{
	margin:0 0 12px;
	/*opacity:.6; */
}

/* article body images (Figma 69:3292/3307: 775×517).
   Need ID in selector: later `div#product-category .zem-cat-desc img{width:auto!important}`
   otherwise wins and native-width CMS images blow past the phone viewport (iOS zoom-out). */
body[class*="product-category-162_"] #product-category .zem-svc-body img{
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
	display:block;
	margin:24px 0;
	border-radius:4px;
}
/* CMS paste safety: tables / iframes must not widen the layout viewport on iOS */
body[class*="product-category-162_"] .zem-svc-body table,
body[class*="product-category-162_"] .zem-svc-body iframe,
body[class*="product-category-162_"] .zem-svc-body video{
	max-width:100% !important;
}

/* service leaf: products assigned to subcategory (editorial layout) */
body[class*="product-category-162_"] .zem-svc-products{ margin:0 0 24px; }
body[class*="product-category-162_"] .zem-svc-products .zem-products-grid{ display:flex; flex-direction:column; gap:16px; }
body[class*="product-category-162_"] .zem-svc-products .zem-card--grid{ width:100%; }

/* CTA banner (Figma 69:3309: оба fill visible:false → фона нет; sub op .6; кнопка #fff@10% / текст #b18952 / corner2) — bridge-verified 2026-06-20 */
body[class*="product-category-162_"] .zem-svc-cta{ margin-top:40px; }
body[class*="product-category-162_"] .zem-svc-cta__inner{ text-align:center; padding:40px 24px; display:flex; flex-direction:column; align-items:center; gap:8px; }
body[class*="product-category-162_"] .zem-svc-cta__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:32px; color:#fff; margin:0; }
body[class*="product-category-162_"] .zem-svc-cta__sub{ font-family:'Montserrat',sans-serif; font-weight:300; font-size:16px; color:#fff; opacity:.6; margin:0; }
body[class*="product-category-162_"] .zem-svc-cta__btn{ display:inline-block; margin-top:16px; background:transparent; border:.5px solid #b28952; border-radius:2px; padding:12px 24px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#b18952; text-decoration:none; letter-spacing:.05em; transition:background .15s, color .15s; }
body[class*="product-category-162_"] .zem-svc-cta__btn:hover{ background:rgba(178,137,82,.12); color:#b18952; }

/* responsive ladder (build-plan §3) */
@media (max-width:991px){
  body[class*="product-category-162_"] .zem-svc-detail{ flex-direction:column; }
  body[class*="product-category-162_"] .zem-svc-aside{ flex:none; width:100%; }
  body[class*="product-category-162_"] .zem-svc-title{ font-size:28px; }
  body[class*="product-category-162_"] .zem-svc-cta__title{ font-size:28px; }
}
@media (max-width:767px){
  body[class*="product-category-162_"] #product-category.container{ width:auto; max-width:100% !important; }
  body[class*="product-category-162_"] .zem-svc-title{ font-size:24px; }
  body[class*="product-category-162_"] .zem-svc-cta__title{ font-size:24px; }
  body[class*="product-category-162_"] .zem-svc-cta__inner{ padding:40px 16px; }
}
@media (max-width:479px){
  body[class*="product-category-162_"] .zem-svc-title{ font-size:22px; }
  body[class*="product-category-162_"] .zem-svc-cta__title{ font-size:22px; }
}

/* ============================================================
   uslugi-parity 2026-06-21 — listing /poslugi F3/F5/F6
   Rollback: git checkout home_page -- catalog/view/theme/tt_mirora1/stylesheet/stylesheet.css
   ============================================================ */

/* F5: Bootstrap .col-md-9 даёт padding:15px каждая сторона → layout сужается до 1013px.
   Обнуляем padding при ≥1200px чтобы .zem-svc-layout получал полный 1043px.
   Tablet (<1200): col padding оставляем (layout fluid, не фиксированный). */
@media (min-width:1200px){
  body.product-category-162 #product-category .col-md-9{ padding-left:0; padding-right:0; } /* uslugi-parity 2026-06-21 F5 */
}

/* F3: card title letter-spacing 2% = 0.28px (Figma Prata 14px ls=2%) */
body.product-category-162 .zem-svc-card__title{ letter-spacing:0.28px; } /* uslugi-parity 2026-06-21 F3 */

/* F6: sidebar gap между блоками «Категорії» и «Пошук»: 16px → 24px (Figma Frame 118 gap=24) */
@media (min-width:992px){
  body.product-category-162 .zem-svc-sidebar{ gap:24px; } /* uslugi-parity 2026-06-21 F6 */
}

/* F1: breadcrumb listing two-tone (Figma Rubik 12px, ls=2%, home=white/60, current=#b18952) */
body.product-category-162 .zem-svc-bc--listing{ display:flex; align-items:center; flex-wrap:wrap; gap:0 4px; font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.6; letter-spacing:.02em; margin-bottom:8px; } /* uslugi-parity 2026-06-21 F1 */
body.product-category-162 .zem-svc-bc--listing a{ color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s; }
body.product-category-162 .zem-svc-bc--listing a:hover{ opacity:1; }
body.product-category-162 .zem-svc-bc--listing .zem-svc-bc__sep{ color:#fff; opacity:.35; }
body.product-category-162 .zem-svc-bc--listing .zem-svc-bc__current{ color:#b18952; }

/* B2/B3 2026-06-21: fix H1→layout gap. .breadcrumbs has mb=60px; zero for cat162. .ajax-loader img src="" adds ~27px — hide it */
body.product-category-162 .breadcrumbs{ margin-bottom:0 !important; padding-bottom:0 !important; }
body.product-category-162 .breadcrumbs .category-name{ margin-bottom:24px !important; } /* beats zem-catalog.css rule (0,3,1) which resets to 0 */
body.product-category-162 .ajax-loader{ height:0 !important; overflow:hidden; } /* .ajax-loader img src="" = ~27px phantom gap */

/* ============================================================
   Blog list + article — zem-svc parity (layer-category)
   ============================================================ */

body.blog-blog #blog-list.container,
body.blog-article #blog-article.container{
  width:clamp(1043px, calc(100% - 400px), 1043px);
  max-width:none;
  margin:0 auto;
}

body.blog-blog .breadcrumbs,
body.blog-article .breadcrumbs{ margin-bottom:0 !important; padding-bottom:0 !important; }
body.blog-blog .breadcrumbs .container{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:left;
}
body.blog-blog .breadcrumbs .category-name,
body.blog-blog .category-name{
  display:block !important;
  width:100%;
  margin-bottom:24px !important;
  text-align:center !important;
  text-transform:none !important;
}
body.blog-blog .ajax-loader,
body.blog-article .ajax-loader{ height:0 !important; overflow:hidden; }

body.blog-blog .zem-svc-layout{ display:flex; gap:24px; align-items:flex-start; }
body.blog-blog .zem-svc-sidebar{ display:flex; flex-direction:column; gap:16px; width:244px; flex:0 0 244px; }
body.blog-blog .zem-svc-main{ min-width:0; flex:1 1 auto; }

body.blog-blog .zem-svc-block{ background:var(--zem-bg-sidebar,rgba(47,46,46,.5)); padding:16px; }
body.blog-blog .zem-svc-block__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; line-height:1.2; color:#fff; margin:0 0 16px; }
body.blog-blog .zem-svc-nav{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
body.blog-blog .zem-svc-nav a{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px !important; line-height:1.3; color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s, color .15s; }
body.blog-blog .zem-svc-nav a:hover{ opacity:1; }
body.blog-blog .zem-svc-nav a.is-active{ color:var(--zem-gold,#F8D04A); opacity:1; }

body.blog-blog .zem-svc-search{ display:flex; align-items:center; gap:8px; height:32px; padding:0 8px 0 16px; border-radius:4px; border:0.25px solid #3F3F3F; background:#2F2F2F; }
body.blog-blog .zem-svc-search input{ flex:1 0 0; min-width:0; height:100%; padding:0; background:transparent; border:none; outline:none; color:#fff; font-family:'Montserrat',sans-serif; font-size:12px; }
body.blog-blog .zem-svc-search input::placeholder{ color:#a5a5a5; opacity:1; }
body.blog-blog .zem-svc-search button{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:none; border:none; padding:0; color:#fff; cursor:pointer; }
body.blog-blog .zem-svc-search button:hover{ color:var(--zem-gold,#F8D04A); }

body.blog-blog .zem-svc-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
body.blog-blog .zem-svc-card{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; background:var(--zem-card,#1D1D1D); padding:0 16px 16px; text-decoration:none; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease; }
body.blog-blog .zem-svc-card:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.35); text-decoration:none; }
body.blog-blog .zem-svc-card__media{ position:relative; display:block; width:calc(100% + 32px); margin:0 -16px; aspect-ratio:242 / 150; background:var(--zem-card-panel,#191919); overflow:hidden; }
body.blog-blog .zem-svc-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
body.blog-blog .zem-svc-card__overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.45) 100%); pointer-events:none; }
body.blog-blog .zem-svc-card__title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px !important; line-height:18px; letter-spacing:0.28px; color:#fff; text-align:left; margin:0; }
body.blog-blog .zem-svc-card__desc{ font-family:'Montserrat',sans-serif; font-weight:300; font-size:12px; line-height:normal; letter-spacing:0.24px; color:#fff; opacity:0.6; margin:0; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }

body.blog-blog .zem-svc-bc--listing{ display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:0 4px; font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.6; letter-spacing:.02em; margin-bottom:8px; width:100%; }
body.blog-blog .zem-svc-bc--listing a{ color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s; }
body.blog-blog .zem-svc-bc--listing a:hover{ opacity:1; }
body.blog-blog .zem-svc-bc--listing .zem-svc-bc__sep{ color:#fff; opacity:.35; }
body.blog-blog .zem-svc-bc--listing .zem-svc-bc__current{ color:#b18952; }

body.blog-blog .category-name{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:32px; color:#fff; letter-spacing:.02em; text-align:center; margin:0 0 24px; }
body.blog-blog .zem-blog-empty{ font-family:'Montserrat',sans-serif; font-size:16px; color:#fff; opacity:.6; margin:24px 0; }

body.blog-blog .toolbar-bottom{ margin-top:24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }

@media (min-width:768px){
  body.blog-blog .zem-svc-grid{ grid-template-columns:repeat(2,1fr); gap:24px; }
}
@media (min-width:992px){
  body.blog-blog .zem-svc-grid{ grid-template-columns:repeat(3,1fr); }
  body.blog-blog .zem-svc-sidebar{ gap:24px; }
}
@media (min-width:1200px){
  body.blog-blog #blog-list .col-md-9{ padding-left:0; padding-right:0; }
}
@media (max-width:991px){
  body.blog-blog .zem-svc-layout{ flex-direction:column; }
  body.blog-blog .zem-svc-sidebar{ flex:none; width:100%; }
}
@media (max-width:767px){
  body.blog-blog #blog-list.container,
  body.blog-article #blog-article.container{ width:auto; max-width:100% !important; }
  body.blog-blog .category-name{ font-size:24px; }
}

/* Article page — Figma: 244px aside (image) + 24px gap + 775px main (title + body) */
body.blog-article .zem-svc-bc{ display:block; margin-bottom:16px; font-family:'Montserrat',sans-serif; font-size:12px; letter-spacing:.02em; }
body.blog-article .zem-svc-bc a{ color:#fff; opacity:.6; text-decoration:none; transition:opacity .15s; }
body.blog-article .zem-svc-bc a:hover{ opacity:1; }
body.blog-article .zem-svc-bc .zem-svc-bc__sep{ color:#fff; opacity:.4; margin:0 4px; }
body.blog-article .zem-svc-bc .zem-svc-bc__current{ color:#b18952; opacity:1; }

body.blog-article .zem-blog-detail{ display:flex; gap:24px; align-items:flex-start; max-width:1043px; width:100%; }
body.blog-article .zem-blog-aside{
	flex:0 0 244px;
	width:244px;
	/*padding-bottom:16px; */
}
body.blog-article .zem-blog-aside__thumb{ width:244px; height:163px; object-fit:cover; display:block; background:var(--zem-card-panel,#191919); }
body.blog-article .zem-blog-main{ flex:1 1 auto; min-width:0; max-width:775px; display:flex; flex-direction:column; gap:32px; }
body.blog-article .zem-blog-intro{ display:flex; flex-direction:column; gap:8px; }
body.blog-article .zem-svc-title{ font-family:'Montserrat',sans-serif; font-weight:400; font-size:32px; color:#fff; letter-spacing:.02em; margin:0; line-height:1.2; }
body.blog-article .zem-blog-meta{ font-family:'Montserrat',sans-serif; font-size:12px; color:#fff; opacity:.6; margin:0; }

body.blog-article .zem-blog-body{
  display:flex;
  flex-direction:column;
  gap:32px;
  width:100%;
  font-family:'Montserrat',sans-serif !important;
  font-weight:300;
  font-size:16px;
  line-height:24px;
  letter-spacing:0.02em;
  color:#fff;
}
body.blog-article .zem-blog-body,
body.blog-article .zem-blog-body *{
  font-family:'Montserrat',sans-serif !important;
}
body.blog-article .zem-blog-body > *{ margin:0 !important; }
body.blog-article .zem-blog-body div{
  max-width:none !important;
  margin:0 !important;
  display:flex;
  flex-direction:column;
  /*gap:32px;*/
}
body.blog-article .zem-blog-body p,
body.blog-article .zem-blog-body li,
body.blog-article .zem-blog-body span{
  margin:0 !important;
  font-weight:300 !important;
  font-size:16px !important;
  line-height:24px !important;
  letter-spacing:0.02em !important;
  color:rgba(255,255,255,.6) !important;
  background:transparent !important;
  opacity:1 !important;
}
body.blog-article .zem-blog-body h2,
body.blog-article .zem-blog-body h3,
body.blog-article .zem-blog-body h4{
  margin:0 !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:400 !important;
  font-size:16px !important;
  line-height:22px !important;
  letter-spacing:0.02em !important;
  color:#fff !important;
  background:transparent !important;
  opacity:1;
}
body.blog-article .zem-blog-body a{
  color:var(--zem-gold,#F8D04A) !important;
  background:transparent !important;
  opacity:1;
}
body.blog-article .zem-blog-body img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block;
  border-radius:4px;
  margin:0 !important;
  opacity:1 !important;
  filter:none !important;
}
body.blog-article .zem-blog-body br:only-child{ display:none; }

@media (max-width:991px){
  body.blog-article .zem-svc-title{ font-size:28px; }
  body.blog-article .zem-blog-detail{ flex-direction:column; }
  body.blog-article .zem-blog-aside{
	  flex:none;
	  width:100%;
	  /*max-width:244px; */
  }
}
@media (max-width:767px){
  body.blog-article .zem-blog-detail,
  body.blog-article .zem-blog-main{ max-width:100%; }
  body.blog-article .zem-blog-aside__thumb{ width:100%; height:auto; aspect-ratio:244 / 163; }
  body.blog-article .zem-svc-title{ font-size:24px; }
}

.zem-request-modal form#zem-request-form select option {
	color: #ece9e3;
}

/* Footer grid — gap columns (Figma), replaces Bootstrap col-md-4 33% + float (2026-07-01) */
footer .footer-top .zem-footer-row > .col-footer{
	width:auto !important;
	max-width:none !important;
	float:none !important;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-bottom:0 !important;
	min-width:0;
}
@media (min-width:768px){
	/* Figma ratio: brand min 332 / info 243 / catalog 243 */
	footer .footer-top .zem-footer-row{
		grid-template-columns:minmax(332px, 332fr) 243fr 243fr;
		column-gap:32px;
		row-gap:0;
	}
}
@media (min-width:1200px){
	footer .footer-top .zem-footer-row{
		grid-template-columns:minmax(332px, 1fr) 243px 243px;
		column-gap:112px;
	}
	footer .footer-top .zem-footer-row > .zem-foot-brand{ min-width:332px; max-width:none; }
	footer .footer-top .zem-footer-row > .col-footer:not(.zem-foot-brand){ max-width:243px; }
}
@media (min-width:1200px){
	footer .footer-top .container,
	footer .footer-bottom .container{
		width:clamp(1043px, calc(100% - 400px), 1043px);
		max-width:none;
		margin-left:auto;
		margin-right:auto;
	}
}

/* Services: uniform caption overlay height for 1–2 line titles */
.zem-service-tile .zem-service-cap{
	font-size:18px;
	min-height:calc(36px + 2 * 1.35em) !important;
	display:flex !important;
	align-items:flex-end !important;
	box-sizing:border-box !important;
}
.zem-service-tile .zem-service-cap h4{
	line-height:1.35 !important;
}

/* Contacts page — full-width content column for bootstrap grid */
body.information-contact #information-contact #content{
	width:100% !important;
	max-width:100% !important;
	float:none;
}

/*--------------*/
body.information-information-25.home1 table {
	width: 100%;
	border-collapse: collapse;
}

body.information-information-25.home1 table td {
	white-space: nowrap;
	border: 0.25px solid #cdcdcd !important;
	padding: 5px;
	font-size: 12px;
	text-align: right;
}

.responsive-table {
	overflow-x: auto;
	padding: 0 0 15px;
}

.responsive-table > table > tbody > tr:only-child > td:only-child {
	border: none !important;
	padding: 0 !important;
}

.responsive-table table tr td:first-child {
	text-align: left !important;
}

.responsive-table table tr:first-child td {
	text-align: center !important;
}

.responsive-table table td {
	border: 0.25px solid #cdcdcd !important;
}
.zem-product-container.zem-product-main__inner .zem-form-card .datepicker-days td.day.active{
	color: #b18952;
}
/* Keep natural image size on category SEO text, but never exceed the container —
   bare width:auto made iOS Safari expand the layout viewport to the image's pixel width. */
div#product-category .zem-cat-desc img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}