/* Home hook CSS */
#htmlcontent_home {
  min-width: 170px !important;
  width: auto !important;
}

#body {
  min-width: auto !important; /* Remove enforced min-width */
}

#htmlcontent_home ul {
  margin: 0 -5px;
}
#htmlcontent_home ul li {
  padding: 0 5px 10px;
  display: inline-block; /* Ensures the layout remains inline */
  vertical-align: top; /* Align items properly */
  width: auto; /* Keeps existing widths intact */
  max-width: 100%; /* Ensure the image fits within its container */
}
#htmlcontent_home ul li img {
  max-width: 100%; /* Ensure the image fits within its container */
  height: auto; /* Prevent cropping by maintaining aspect ratio */
  display: block;
}

@media (max-width: 479px) {
  #htmlcontent_home ul li {
    max-width: 100%;
  }
  #htmlcontent_home ul li img {
    height: auto;
  }
}


/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */
body {
  background: #282828;
}

.header-container, .columns-container {
  background: url(../img/bg-theme8.jpg) repeat 50% 0;
}

#header {
  background: url(../img/bg-theme8.jpg) repeat 50% 0;
}
#header #nav-row {
  background: #333333;
}
#header #nav-row .shop-phone {
  color: #777;
}
#header #nav-row .shop-phone i, #header #nav-row .shop-phone strong {
  color: #eea200;
}
#header #currencies-block-top, #header #languages-block-top, #header #nav-row .header_user_info {
  border-color: #515151;
}
#header #currencies-block-top div.current, #header #languages-block-top div.current, #header #nav-row .header_user_info a {
  color: white;
}
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active, #header #nav-row .header_user_info a:hover, #header #nav-row .header_user_info a.active {
  background: #2b2b2b;
  color: white;
}
#header #currencies-block-top div.current strong, #header #languages-block-top div.current strong {
  color: #eea200;
}
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active {
  background: #2b2b2b;
  color: white;
}
#header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a {
  background: #eea200;
}
#header #contact-link {
  border-color: #515151;
}
#header #contact-link a {
  color: white;
}
#header #contact-link a:hover, #header #contact-link a.active {
  background: #2b2b2b;
  color: white;
}
#header #currencies-block-top div.current:after, #header #languages-block-top div.current:after {
  color: white;
}
#header #search_block_top .btn.button-search {
  background: #eea200;
  text-shadow: 0 1px #b57b00;
}
#header #search_block_top .btn.button-search:hover {
  color: white;
  background: #333333;
  text-shadow: 0 1px #333;
}
#header #search_block_top #search_query_top {
  border-color: #e2dec8;
  background: rgba(248, 248, 248, 0.63);
  color: #686666;
}
#header #header_user #shopping_cart a {
  background: #eea200;
  color: white;
  text-shadow: 0 1px #b57b00;
}
#header #header_user #shopping_cart a:after {
  color: white;
}
#header #header_user #shopping_cart a:hover {
  color: white;
  text-shadow: 0 1px #333;
  background: #333333;
}
#header .sf-menu {
  background: #fffef6;
  border-bottom: 3px solid #e2dec8;
}
#header .sf-menu > li {
  border-right: 1px solid #e2dec8;
}
#header .sf-menu > li > a {
  border-bottom: 3px solid #e2dec8;
}
#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a {
  color: #fff;
  background: #eea200;
  border-bottom-color: #da9400;
}

ul.product_list.grid > li .product-container .product-image-container {
  border-color: #e2dec8;
}

#home-page-tabs {
  background: none;
}
#home-page-tabs > li {
  border-color: #e2dec8;
}
#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
  background: #eea200;
  color: white;
}

.new-label, .sale-label {
  background: #eea200;
}
.new-label:before, .new-label:after, .sale-label:before, .sale-label:after {
  border-color: #eea200 transparent transparent transparent;
}

ul.product_list.grid > li .product-container {
  background: none;
}
ul.product_list.grid > li .product-container .product-image-container {
  background: white;
}
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
  background: #f1e8e3;
}
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
  background: #f1e8e3;
}

.button.ajax_add_to_cart_button {
  border-color: #eea200;
}
.button.ajax_add_to_cart_button span {
  border-color: #eea200;
  background: #eea200;
}
.button.ajax_add_to_cart_button:hover {
  border-color: #333333;
}
.button.ajax_add_to_cart_button:hover span {
  border-color: #333333;
  background: #333333;
}

.price-percent-reduction {
  background: #eea200;
  border-color: #eea200;
}

.price, .price.product-price {
  color: #eea200;
}

.old-price {
  color: #b1b0b0;
}

ul.product_list.grid > li .product-container:hover {
  background: #fff;
  -webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
}

#cmsinfo_block em {
  background: #eea200;
  text-shadow: 0 1px #b57b00;
}

#facebook_block, #cmsinfo_block {
  background: rgba(219, 213, 185, 0.5);
}

#cmsinfo_block, #cmsinfo_block > div + div {
  border-color: #dbd5b9;
}

.footer-container #footer #social_block {
  background: none;
  padding-bottom: 15px;
}

.footer-container {
  background: #3f3f3f;
}
@media (min-width: 768px) {
  .footer-container {
    background: url(../img/footer-bg.png) repeat-x;
  }
}

#footer #newsletter_block_left .form-group .form-control {
  background: #3c3c3c;
}
#footer #newsletter_block_left .form-group .button-small {
  color: #fff;
}
#footer #newsletter_block_left .form-group .button-small:hover {
  color: #eea200;
}

.footer-container #footer #social_block ul li a:hover {
  color: #eea200;
}
