.vinovathemes{background-color:#000}

/* ============================================
   ACMEWARE HOMEPAGE ENHANCEMENTS
   Date: 2026-02-28
   ============================================ */

/* ========== TOPBAR ========== */
#header.header-style-8 .topbar {
  border-top: 4px solid #f7af24 !important;
  border-bottom: none !important;
  background-color: #0e1b2a !important;
  padding: 7px 0 !important;
}
#header.header-style-8 .topbar .list-social li a {
  color: rgba(255,255,255,0.75) !important;
  font-size: 14px !important;
}
#header.header-style-8 .topbar .list-social li a:hover {
  color: #f7af24 !important;
}
#header.header-style-8 .group-login a,
#header.header-style-8 .group-login .or {
  color: rgba(255,255,255,0.75) !important;
  font-size: 13px !important;
}
#header.header-style-8 .group-login a:hover {
  color: #f7af24 !important;
}
#header.header-style-8 .group-login .group-account {
  padding: 8px 15px !important;
}

/* ========== MAIN HEADER (logo + menu + icons) ========== */
#header.header-style-8 .header-top {
  padding: 14px 0 !important;
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
}
#header.header-style-8 #_desktop_logo img {
  width: 180px !important;
  max-height: 55px !important;
  object-fit: contain !important;
}

/* ========== MEGA MENU ========== */
#header.header-style-8 .nov-megamenu .menu > li {
  padding: 0 !important;
}
#header.header-style-8 .nov-megamenu .menu > li > a {
  padding: 12px 15px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #333 !important;
  transition: color 0.2s ease, background 0.2s ease !important;
  border-radius: 4px !important;
}
#header.header-style-8 .nov-megamenu .menu > li > a:hover,
#header.header-style-8 .nov-megamenu .menu > li.active > a {
  color: #f7af24 !important;
  background: rgba(247,175,36,0.06) !important;
}
/* Fix dropdown menus position after padding change */
#header.header-style-8 .nov-megamenu .menu > li.has-sub > .dropdown-menu,
#header.header-style-8 .nov-megamenu .menu > li.group > .dropdown-menu {
  padding-top: 14px !important;
}

/* ========== HEADER ICONS (account, wishlist, cart) ========== */
#header.header-style-8 .header-top-right > div:not(:last-child) {
  margin-right: 18px !important;
}

/* ========== HEADER BOTTOM (categories + search + phone) ========== */
#header.header-style-8 .header-bottom {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#header.header-style-8 .header-bottom .block_hotline .content p {
  line-height: 1.4 !important;
  margin-bottom: 0 !important;
}

/* ========== STICKY HEADER ========== */
#header-sticky {
  box-shadow: 0 2px 15px rgba(0,0,0,0.1) !important;
}

/* ========== HOMEPAGE CONTENT AREA ========== */
body.page-index #wrapper {
  padding-top: 0 !important;
}
body.page-index #content-wrapper {
  padding: 0 !important;
}

/* ========== HERO SLIDER AREA ========== */
.page-index .container-homepage .sheelpad {
  margin-top: 15px !important;
  margin-bottom: 12px !important;
}
/* Main slider images - constrain height */
.page-index .container-homepage .nov_image_slider .item.image img.img-fluid {
  max-height: 400px !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 6px !important;
}
/* Side banners (pro2025, msibnr) - constrain height */
.page-index .container-homepage .sheelpad .mobtwoimages .wpb_single_image img,
.page-index .container-homepage .sheelpad .vc_col-sm-3 .wpb_single_image img {
  width: 100% !important;
  max-height: 195px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
}
.page-index .container-homepage .sheelpad .vc_col-sm-3 .wpb_single_image {
  margin-bottom: 8px !important;
}

/* ========== BRAND/CATEGORY IMAGE STRIP (5-image row) ========== */
.page-index .container-homepage .vc_row.spacing-5 {
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
}
.page-index .container-homepage .vc_row.spacing-5 .item.image img {
  border-radius: 6px !important;
  max-height: 170px !important;
  object-fit: cover !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.page-index .container-homepage .vc_row.spacing-5 .item.image img:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.12) !important;
}

/* ========== PRODUCT SECTION CONTAINERS ========== */
.page-index .container-homepage .boxshadow_inner {
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
}

/* Section Titles (Top Offers, Recommended, Best Sellers) */
.page-index .container-homepage .title_block.style-2 {
  border-bottom: 1px solid #eee !important;
  padding: 0 !important;
}
.page-index .container-homepage .title_block.style-2 h2 {
  font-size: 1.4rem !important;
  padding: 14px 20px !important;
  margin: 0 !important;
  border-bottom: 3px solid #f7af24 !important;
  display: inline-block !important;
}

/* ========== PRODUCT CARDS ========== */
.product_list.grid .product-miniature {
  border-radius: 6px !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.product_list.grid .product-miniature:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important;
  transform: translateY(-3px) !important;
}
.product_list.grid .product-miniature .thumbnail-container {
  overflow: hidden !important;
  border-radius: 4px !important;
}
.product_list.grid .product-miniature .thumbnail-container a.thumbnail img {
  max-height: 280px !important;
  object-fit: contain !important;
}

/* Product title truncation */
.product_list.grid .product-miniature .product-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #333 !important;
}
.product_list.grid .product-miniature .product-title a:hover {
  color: #f7af24 !important;
}

/* Product pricing */
.product_list.grid .product-miniature .price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #e74c3c !important;
}
.product_list.grid .product-miniature .regular-price {
  font-size: 13px !important;
  color: #999 !important;
}

/* Add to Cart button */
.product_list.grid .product-miniature.item-four .product-buttons .add-to-cart {
  background: #f7af24 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}
.product_list.grid .product-miniature.item-four .product-buttons .add-to-cart:hover {
  background: #e09a0e !important;
  color: #fff !important;
}

/* Product Flags */
.product_list.grid .product-miniature .product-flags.discount {
  background: #e74c3c !important;
  color: #fff !important;
  padding: 3px 10px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.product_list.grid .product-miniature .product-flags.on-sale {
  background: #27ae60 !important;
  color: #fff !important;
  padding: 3px 10px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
}

/* Product deals section */
.page-index .container-homepage .nov-productdeals {
  padding: 15px 20px !important;
}
.page-index .container-homepage .nov-productdeals .nov-productslick .item {
  padding: 0 8px !important;
}

/* ========== BANNER IMAGES IN CONTENT ========== */
.page-index .container-homepage .wpb_single_image img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
}
.page-index .container-homepage .vc_row .wpb_single_image.vc_align_center img {
  max-height: 280px !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* ========== SECTION SPACING ========== */
.page-index .container-homepage .vc_row.wpb_row {
  margin-bottom: 18px !important;
}
.page-index .container-homepage .prodd {
  margin-bottom: 18px !important;
}

/* ========== FOOTER ========== */
footer.footer.footer-style-1 {
  background: #111827 !important;
  padding-top: 0 !important;
  color: #b0b0b0 !important;
}
footer.footer.footer-style-1 .footer-inner {
  padding: 40px 0 20px !important;
}

/* Footer Policy Strip */
footer.footer.footer-style-1 .policy-item.style-2 {
  background: rgba(255,255,255,0.05) !important;
  padding: 16px 15px !important;
  border-radius: 8px !important;
  text-align: center !important;
  transition: background 0.2s !important;
}
footer.footer.footer-style-1 .policy-item.style-2:hover {
  background: rgba(255,255,255,0.08) !important;
}
footer.footer.footer-style-1 .policy-item .title_policy {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #fff !important;
}
footer.footer.footer-style-1 .policy-item .policy-icon {
  max-width: 40px !important;
  margin-right: 10px !important;
}

/* Footer section spacing */
footer.footer.footer-style-1 .mb-75 {
  margin-bottom: 40px !important;
}
footer.footer.footer-style-1 .mb-65 {
  margin-bottom: 35px !important;
}

/* Footer contact info */
footer.footer.footer-style-1 .block-contact .text {
  font-size: 13px !important;
  color: #b0b0b0 !important;
  line-height: 1.5 !important;
}
footer.footer.footer-style-1 .block-contact .contact_phone {
  color: #f7af24 !important;
  font-size: 16px !important;
}

/* Footer logo */
footer.footer.footer-style-1 .wpb_single_image img {
  max-height: 45px !important;
  width: auto !important;
  border-radius: 0 !important;
}

/* Footer titles */
footer.footer.footer-style-1 .title_footer {
  color: #fff !important;
  font-size: 16px !important;
}
footer.footer.footer-style-1 .title_news {
  color: #fff !important;
  font-size: 18px !important;
}

/* Footer links */
footer.footer.footer-style-1 .link-list-footer a {
  color: #b0b0b0 !important;
  font-size: 14px !important;
  transition: color 0.2s, padding-left 0.2s !important;
}
footer.footer.footer-style-1 .link-list-footer a:hover {
  color: #f7af24 !important;
  padding-left: 5px !important;
}

/* Footer Newsletter */
footer.footer.footer-style-1 .nov-subscription .sub_title {
  color: #999 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
footer.footer.footer-style-1 .nov-subscription .form-control {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border-radius: 4px 0 0 4px !important;
  padding: 10px 15px !important;
}
footer.footer.footer-style-1 .nov-subscription .btn {
  background: #f7af24 !important;
  color: #fff !important;
  border-radius: 0 4px 4px 0 !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  border: none !important;
}
footer.footer.footer-style-1 .nov-subscription .btn:hover {
  background: #e09a0e !important;
}

/* Footer Copyright Bar */
footer.footer.footer-style-1 .vc_row-has-fill {
  background: rgba(0,0,0,0.7) !important;
}
footer.footer.footer-style-1 .vc_row-has-fill h2 {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #999 !important;
}

/* ========== WHATSAPP FLOATING BUTTON ========== */
#_desktop_back_top #back-top span {
  background-color: #25d366 !important;
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  box-shadow: 0 3px 12px rgba(37,211,102,0.4) !important;
  transition: transform 0.2s !important;
}
#_desktop_back_top #back-top span:hover {
  transform: scale(1.1) !important;
}
#_desktop_back_top #back-top .wk-whatsapp-icon {
  font-size: 26px !important;
  color: #fff !important;
}
#_desktop_back_top #back-top .text {
  display: none !important;
}

/* ========== SEARCH BAR ========== */
#header.header-style-8 .header-bottom #_desktop_advancsearch .search_query {
  border: none !important;
  padding: 8px 15px !important;
  font-size: 14px !important;
  border-radius: 4px 0 0 4px !important;
}
#header.header-style-8 .header-bottom #_desktop_advancsearch .btn_search {
  background: #f7af24 !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 18px !important;
  border-radius: 0 4px 4px 0 !important;
}

/* ========== MOBILE RESPONSIVE ========== */
@media (max-width: 991px) {
  #header.header-style-8 .header-bottom .block_hotline .content p {
    font-size: 12px !important;
  }
}

@media (max-width: 767px) {
  /* Mobile header */
  .header-mobile {
    padding: 8px 0 !important;
  }
  .header-mobile .mobile_logo img.logo {
    max-height: 40px !important;
  }

  /* Hero slider mobile */
  .page-index .container-homepage .nov_image_slider .item.image img.img-fluid {
    max-height: 200px !important;
    border-radius: 4px !important;
  }

  /* Mobile side banners */
  .page-index .container-homepage .sheelpad .mobtwoimages .wpb_single_image img {
    max-height: 130px !important;
  }

  /* Mobile product cards */
  .product_list.grid .product-miniature .thumbnail-container a.thumbnail img {
    max-height: 200px !important;
  }
  .product_list.grid .product-miniature .product-title a {
    font-size: 12px !important;
  }
  .product_list.grid .product-miniature .price {
    font-size: 14px !important;
  }

  /* Mobile section spacing */
  .page-index .container-homepage .vc_row.wpb_row {
    margin-bottom: 12px !important;
  }

  /* Mobile footer */
  footer.footer.footer-style-1 .footer-inner {
    padding: 25px 0 15px !important;
  }
  footer.footer.footer-style-1 .mb-75 {
    margin-bottom: 25px !important;
  }
  footer.footer.footer-style-1 .mb-65 {
    margin-bottom: 18px !important;
  }
  footer.footer.footer-style-1 .policy-item.style-2 {
    padding: 10px !important;
    margin-bottom: 8px !important;
  }
}

@media (max-width: 480px) {
  .page-index .container-homepage .nov_image_slider .item.image img.img-fluid {
    max-height: 160px !important;
  }
  .page-index .container-homepage .title_block.style-2 h2 {
    font-size: 1.2rem !important;
  }
}