#main-nav-container {width:100%;padding:0;background:#303030;position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-box-shadow: 0 5px 4px rgba(0,0,0, 0.10);box-shadow: 0 5px 4px rgba(0,0,0, 0.10);z-index:999;}
#main-nav-container.fixed {position:fixed;top:0;left:0;z-index:999;padding:0;-webkit-backface-visibility:hidden;}
#main-nav-container.fixed #main-nav .menu li{padding-bottom:0;}
#main-nav-container #main-nav {float:left;position:relative;}
#main-nav-container #main-nav .menu li {float:left;font-size:15px;text-transform:uppercase;padding-bottom:8px;position:relative;}
/* for mega menu */
#main-nav-container #main-nav .menu li.mega-menu-container {position:static;}
#main-nav-container #main-nav .menu li a {display:inline-block;color:#fff;font:400 14px/19px 'PT Sans', sans-serif;padding:13px 9px;}
#main-nav-container #main-nav .menu li:first-child  a{padding-left:0;}
#main-nav-container #main-nav .menu li ul,
#main-nav-container #main-nav .menu li ul li ul {display:none;position:absolute;min-width:210px;z-index:999;border-top:3px solid #c1a377;background:#fff;box-shadow:0 1px 4px rgba(0,0,0, 0.25);}
#main-nav-container #main-nav .menu li ul {left:0;top:100%;}
#main-nav-container #main-nav .menu li ul li ul {left:100%;top:0;}
#main-nav-container #main-nav .menu li ul li,
#main-nav-container #main-nav .menu li ul li ul li {float:none;text-align:left;border-top:1px solid rgba(200,200,200, 0.2);border-bottom:1px solid rgba(255,255,255, 0.5);padding-bottom:0;position:relative;}
#main-nav-container #main-nav .menu li ul li:first-child,
#main-nav-container #main-nav .menu li ul li ul li:first-child {border-top:none;}
#main-nav-container #main-nav .menu li ul li:last-child,
#main-nav-container #main-nav .menu li ul li ul li:last-child {border-bottom:none;}
#main-nav-container #main-nav .menu li ul li a,
#main-nav-container #main-nav .menu li ul li ul li a{padding-left:25px !important;}
#main-nav-container #main-nav .menu li:hover > a,
#main-nav-container #main-nav .menu li > ul li > ul li:hover > a {color:#c89a57;}
#main-nav-container #main-nav .menu li .curentkat {color:#c1a377;text-decoration:underline;}
/* Mega Menu Styles */
#main-nav-container #main-nav .menu li .mega-menu {display:none;position: absolute;top:100%;left:0;z-index:999;width:940px;border-top:3px solid #c89a57;background:#fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, .15);border-radius: 0 0 10px 10px;padding:5px 20px 20px 20px;} 
#main-nav-container #main-nav .menu li .mega-menu .mega-menu-title {font:700 14px/18px "PT Sans", sans-serif;color:#4c4e4d;display:block;padding:2px 0;margin-top:10px;}
#main-nav-container #main-nav .menu li .mega-menu .mega-menu-list {display:block;position:relative;width:100%;min-width:0;top:auto;left:auto;box-shadow:none;-wekbit-box-shadow:none;border-top:none;}
#main-nav-container #main-nav .menu li .mega-menu .mega-menu-list li {text-transform:none;background-image:url(../images/sprites/menu-list-type-2.png);background-repeat:no-repeat;background-position:left center;padding:2px 0 1px 9px;width:100%;border-bottom:none;border-top:none;}
#main-nav-container #main-nav .menu li .mega-menu .mega-menu-list li a {display:inline-block;color:#5b5b5b;padding:0 0 2px 0 !important;font:400 14px/19px Arial, sans-serif;}
#main-nav-container #main-nav .menu li .mega-menu .mega-menu-title:hover,
#main-nav-container #main-nav .menu li .mega-menu .mega-menu-list li:hover > a {color:#c49147;}
#main-nav-container #main-nav #responsive-nav {display:none;padding-bottom:6px;}
#main-nav-container #main-nav #responsive-nav ul {display:none;position:absolute;top:100%;left:0;width:100%;padding:0;z-index:899;border-top:5px solid #c1a377;box-shadow:0 2px 3px rgba(0,0,0, 0.152);-webkit-box-shadow:0 3px 5px rgba(0,0,0, 0.30);max-height: 600px;overflow-y: auto;}
#main-nav-container #main-nav #responsive-nav ul li {background:#fafafa;font:600 20px/25px "PT Sans", sans-serif;border-top:1px solid rgba(200, 200, 200, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.5);position:relative;width:100%;max-width:100% !important;padding-bottom:0 !important;}
#main-nav-container #main-nav #responsive-nav ul li a {padding:12px 0 12px 10px;display:block;color:#494940;text-transform:uppercase;}
#main-nav-container #main-nav #responsive-nav ul li:first-child {border-top:none;}
#main-nav-container #main-nav #responsive-nav ul li:last-child {border-bottom:none;}
#main-nav-container #main-nav #responsive-nav ul li a:hover {color:#c1a377;}
#main-nav-container #main-nav #responsive-nav ul li ul {display:none;box-shadow:none;-webkit-box-shadow:none;}
#main-nav-container #main-nav #responsive-nav ul li ul,
#main-nav-container #main-nav #responsive-nav ul li ul li ul {width:100%;position:relative;border-top:1px solid rgba(200, 200, 200, 0.2);}
#main-nav-container #main-nav #responsive-nav ul li ul li {font:700 16px/22px "PT Sans", sans-serif;background:#f6f6f6;}
#main-nav-container #main-nav #responsive-nav ul li ul li ul li {font-size:15px;line-height:20px;background:#f0f0f0;}
#main-nav-container #main-nav #responsive-nav ul li ul a {padding:10px 0 10px 30px !important;}
#main-nav-container #main-nav #responsive-nav ul li ul li ul a{padding:10px 0 10px 45px !important;}
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu {position: relative;width:100%;height:100%;display:none;padding:0;border-top:1px solid rgba(200, 200, 200, 0.2);}
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-2,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-3,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-4,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-5,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-6 {float:none;width:100%;padding:0 !important;position:relative;text-overflow:ellipsis;}
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-2 > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-3 > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-4 > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-5 > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-6 > a {padding:10px 35px 10px 18px !important;border-top:1px solid rgba(200, 200, 200, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.5);}
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-2:first-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-3:first-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-4:first-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-5:first-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-6:first-child > a {border-top:none;}
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-2:last-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-3:last-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-4:last-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-5:last-child > a,
#main-nav-container #main-nav  #responsive-nav  ul li .mega-menu .col-6:last-child > a {border-bottom:none;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-title {font:600 17px/22px "PT Sans", sans-serif;color:#4c4e4d;background:#f6f6f6;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-list {background-color:#fff;padding:15px 0 15px 10px;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-list li {font:400 15px/21px 'PT Sans', sans-serif;text-transform:capitalize;padding:0 0 0 15px;background-image:url(../images/sprites/menu-list-type-2.png);background-repeat:no-repeat;background-position:left center;width:100%;border-bottom:none;border-top:none;background-color: #fff;margin-bottom:5px;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-list li  a {display:inline-block;color:#252525;padding:0 !important;font:400 20px/21px 'PT Sans', sans-serif;padding:7px 0 7px 0 !important;text-transform:none;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-title:hover,
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-list li:hover > a {color:#c1a377;}
.menu-button {display:block;width:40px;text-align:right;padding-right:15px;position:absolute;right:0;cursor:pointer;font-weight:400;z-index:1000;top:0;background-image: url('../images/sprites/sprite.png');background-repeat: no-repeat;background-color:rgba(193, 163, 119, 0.0);}
.menu-button:hover {color:#c1a377;}
.menu-button.active {background-color:rgba(193, 163, 119, 0.0);}
#main-nav-container #main-nav #responsive-nav ul li .menu-button {height:49px;background-position: 0 -360px;}
#main-nav-container #main-nav #responsive-nav ul li .menu-button.active {background-position: -40px -360px;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .menu-button {height:43px;background-position: 0 0;}
#main-nav-container #main-nav #responsive-nav ul li .mega-menu .menu-button.active {background-position: 0 0;}
#main-nav-container #main-nav #responsive-nav ul li ul li .menu-button {height:42px;background-position: 0 0;}
#main-nav-container #main-nav #responsive-nav ul li ul li .menu-button.active {background-position: 0 0;}
#main-nav-container.fixed  #responsive-nav  {padding-bottom:0;}
#responsive-nav-button {font:700 20px/38px 'PT Sans', sans-serif;color:#494940;text-transform:uppercase;margin-top:2px;cursor:pointer;-webkit-user-select:none;user-select:none;}
#responsive-nav-button #responsive-nav-button-icon {display:inline-block;width:35px;height:35px;background-color:#444645;background-image:url(../images/sprites/responsive-menu-icon.png);background-repeat:no-repeat;background-position:center center;vertical-align:top;border-radius:3px;margin-left:5px;margin-top:1.5px;transition:background-color 0.4s;-webkit-transition:background-color 0.4s;-moz-transition:background-color 0.4s;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.4);-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.4);}
#responsive-nav-button:hover #responsive-nav-button-icon,
#responsive-nav-button.active  #responsive-nav-button-icon {background-color:#c1a377;}
#main-nav-container.fixed #main-nav #responsive-nav {margin:3.5px 0;padding-bottom:0;}
#quick-access {float:right;position:relative;margin-top:3px;}
#main-nav-container.fixed #quick-access{margin-top:5px;}
.quick-search-form  {position:relative;padding-left: 35px;padding-top:2px;}
.dropdown-cart-menu-container .btn,
.quick-search-form .btn {padding: 7.5px 13px;border-radius:0;border:none;}
.dropdown-cart-menu-container:hover .btn.dropdown-toggle,
.dropdown-cart-menu-container .open  .btn.dropdown-toggle {background: #aa0012;color:#fff;}
#quick-search {width:26px;height:27px;background-image: url(../images/sprites/lupa.png);border:none;background-color:transparent;margin-left:8px;}
#quick-access .quick-search-form .btn-custom {background-color:#e6e6e6;}
#quick-access .quick-search-form .btn-custom:hover,
#quick-access .quick-search-form .btn-custom:focus,
#quick-access .quick-search-form .btn-custom:active {background-color:#c1a377;background-position: 0 -116px;}
#quick-search:focus,
#quick-search:active {border:none;outline:none;}
.quick-search-form .form-control {height: 35px;padding: 8px 20px;color: #494949;font-size:13px;line-height:35px;background-color: transparent;border: 1px solid #c1a377;border-radius: 0 !important;-webkit-box-shadow:none;box-shadow:none;}
.quick-search-form .form-control:focus {border-color: #e0e0e0;outline: 0;-webkit-box-shadow:none;box-shadow:none;}
.quick-search-form .form-control:-moz-placeholder {font-style:italic;}
.quick-search-form .form-control::-moz-placeholder {font-style:italic;}
.quick-search-form .form-control:-ms-input-placeholder {font-style:italic;}
.quick-search-form .form-control::-webkit-input-placeholder {font-style:italic;}
.dropdown-cart-menu-container {padding-bottom:8px;position:relative;margin-left:20px;}
/* Make dropdown available for transitions (don't use display:none) */
.dropdown-cart-menu-container .dropdown-menu {
  display: block !important; /* omogućava tranzicije */
  position: absolute;
  right: 0;
  top: calc(100% - 3px); /* overlap 6px da ne bude gap između ikone i dropdowna */
  min-width: 240px;
  margin-top: 6px; /* možeš smanjiti ako preklapanje previše gura */
  border-top: 3px solid #c1a377;
  background: #fff;
  padding: 20px;
  /* hidden state */
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    visibility 0s linear 0.35s; /* visibility će postati hidden tek kada fade završi */
}
/* Show when container hovered OR when the dropdown itself is hovered */
.dropdown-cart-menu-container:hover .dropdown-menu,
.dropdown-cart-menu-container .dropdown-menu:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  /* ensure visibility becomes visible immediately on hover */
  transition-delay: 0s;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    visibility 0s;
}
.dropdown-cart-menu-container .dropdown-toggle {padding-left:93px;}
.dropdown-cart-menu-container .korpa {position: absolute;padding-top:1px;left:13px;}
.dropdown-cart-menu-container .cart-menu-icon {width:34px;position: absolute;left:58px;top:6px;border:none;}
/* rewrite with helper div wrapper hover for bootstrap dropdown */
.dropdown-cart-menu-container:hover .dropdown-menu {display:block;}
.dropdown-cart {margin-left:10px;}
.dropdown-cart .dropdown-cart-menu  {min-width:360px;margin-top:8px;border-top:3px solid #c1a377;background: #fff;padding:15px;text-align:center;}
.dropdown-cart,
.quick-search-form {float:right}
.dropdown-cart .dropdown-cart-description {margin-bottom:10px;color:#7b7b7b;}
.dropdown-cart .empty {margin:0;}
.dropdown-cart .dropdown-cart-product-list {margin-bottom:5px;list-style-type:none;max-height:310px;overflow-y: auto;}
.dropdown-cart .dropdown-cart-product-list li.item {position:relative;margin-bottom:20px;padding:0;}
.dropdown-cart .dropdown-cart-product-list li.item p {font:300 15px/17px "PT Sans", sans-serif; width:200px;text-align:center;line-height:1.2em;padding-top:0px;}
.dropdown-cart .dropdown-cart-product-list  figure{width:85px;float:left;margin-right:10px;}
.dropdown-cart .dropdown-cart-product-list  figure a {display:inline-block;width:100%;}
.dropdown-cart .dropdown-cart-product-list  figure img {max-width:100%;display:block;height:auto;}
.dropdown-cart .dropdown-cart-product-list .edit-item, 
.dropdown-cart .dropdown-cart-product-list .delete-item {font-size:14px;display:inline-block;position:absolute;top:0;color:#828886;font-weight:300;border:none; background: #fff;}
.dropdown-cart .dropdown-cart-product-list .edit-item {font-size:13px;}
.dropdown-cart .dropdown-cart-product-list .delete-item  {right:0;}
.dropdown-cart .dropdown-cart-product-list .edit-item {right:18px;}
.dropdown-cart .dropdown-cart-product-list .edit-item:hover,
.dropdown-cart .dropdown-cart-product-list .delete-item:hover {color:#c1a377;}
.dropdown-cart .dropdown-cart-product-list .item-name {font-size:15px;line-height:20px;font-weight:normal;display:inline-block;margin-bottom:20px;}
.dropdown-cart  .dropdown-cart-product-list  .dropdown-cart-details {float:left;width:160px;padding-right:20px;}
.dropdown-cart  .dropdown-cart-product-list  .dropdown-cart-details .item-price {font-size:15px;color:#c1a377;font-weight:bold;padding-left:1px;}
.dropdown-cart-action {float:right;}
.dropdown-cart-action > p {margin-bottom:3px;width:100px;}
.dropdown-cart-action .btn {border-radius:2px !important;border:2px solid #c1a377; text-transform:uppercase;font-size:13px;line-height:19px;padding:4px 12px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.dropdown-cart-action .btn:hover {background:#a78046;border:2px solid #a78046;}
.dropdown-cart-total {float:left;margin-top:15px;width:100%;}
.dropdown-cart-total li  {font:700 15px/18px 'PT Sans', sans-serif;color:#c1a377;margin-bottom:6px;}
.dropdown-cart-total li .dropdown-cart-total-title {text-transform:uppercase;color:#575a59;margin-right:4px;}
.dropdown-cart-total li  .sub-price {color:#c1a377;}
.dropdown-cart-details .item-name{font:400 17px/24px 'PT Sans', sans-serif;margin:0;height:2.6em;line-height:20px;}
/* 
clear inline-block auto margin 
parent's font-size:0
*/
#quick-access .quick-search-form  {font-size:0;}
#quick-access .quick-search-form .form-group {position:absolute;right:33px;top:0;width:200px;background: #fff;z-index:9999 !important;}
#quick-access .quick-search-form .form-control {width:100%;font-size:16px;margin-right:1px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/* ===== Cleaned animated dropdowns for your megamenu (safe) ===== */
/* Only force direct child dropdowns / megamenu to display:block so transitions work */
#main-nav-container #main-nav .menu li > ul,
#main-nav-container #main-nav .menu li > .mega-menu {
  display: block !important; /* only for direct dropdown children */
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 210px;
  z-index: 999;
  background: #fff;
  border-top: 3px solid #c1a377;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
/* Target the megamenu block for animation (not inner lists) */
#main-nav-container #main-nav .menu li > .mega-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease,
    visibility 0s linear 0.45s;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .15);
  border-radius: 0 0 6px 6px;	
}
/* Show on hover (direct child only) */
#main-nav-container #main-nav .menu li:hover > ul,
#main-nav-container #main-nav .menu li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0s;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    visibility 0s;
}