/** Shopify CDN: Minification failed

Line 64:0 Unexpected "{"

**/
/* ==========================================================================
   Pesco production theme layer
   - Shopify setting driven colors
   - Header scope fixes (prevents legacy global selectors overriding settings)
   - Consistent product media
   - Responsive spacing/type controls
   - Accessible focus/interaction states
   ========================================================================== */

:root {
  --theme-container-gutter: clamp(16px, 3vw, 32px);
  --theme-section-space: clamp(48px, 6vw, 88px);
  --theme-card-radius: 16px;
}

/* --------------------------------------------------------------------------
   Theme colors: remove the most common legacy hard-coded semantic colors.
   -------------------------------------------------------------------------- */
body,
.main-bg {
  color: var(--text-color);
  background-color: var(--main-bg);
}

a {
  color: inherit;
}

a:hover,
a:focus-visible {
  color: var(--primary-color);
}

button,
input,
select,
textarea {
  color: var(--text-color);
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Header: section settings must win over legacy global selectors.
   -------------------------------------------------------------------------- */
.header-area {
  color: var(--header-text-color);
  background-color: var(--header-bg-color);
}
.header-area .search-header-main,
.header-area .search-header-main a,
{
  color:black;
}

.header-area .hotline-support,
.header-area .hotline-support a,
.header-area .hotline-support span,
.header-area .hotline-support h5,
.header-area .hotline-support .icon,
.header-area .product-search-category .search-btn {
  color: var(--header-text-color);
}

/* .header-area .product-search-category form {
  border-color: color-mix(in srgb, var(--header-text-color) 28%, transparent);
} */

.header-area .product-search-category form input {
  color: var(--header-text-color);
  border-left-color: color-mix(in srgb, var(--header-text-color) 25%, transparent);
  background: transparent;
}

.header-area .product-search-category form input::placeholder {
  color: color-mix(in srgb, var(--header-text-color) 68%, transparent);
}

.header-area .header-navigation {
  color: var(--header-text-color);
  background-color: var(--header-nav-bg-color);
}

.header-area .header-navigation .main-menu > ul > li > a,
.header-area .header-navigation .main-menu ul > li > a,
.header-area .nav-right-item.style-one,
.header-area .nav-right-item.style-one a,
.header-area .nav-right-item.style-one i,
.header-area .nav-right-item.style-one .deals,
.header-area .nav-right-item.style-one .deals i,
.header-area .nav-right-item.style-one ul li:not(:last-child)::after,
.header-area .main-categories-wrap .categories-btn-active,
.header-area .main-categories-wrap .more_categories {
  color: var(--header-text-color);
}

.header-area .header-navigation .main-menu ul > li:hover > a,
.header-area .header-navigation .main-menu ul > li.current-menu-item > a,
.header-area .header-navigation .main-menu ul > li > a:focus-visible,
.header-area .nav-right-item.style-one a:hover,
.header-area .nav-right-item.style-one a:focus-visible,
.header-area .main-categories-wrap .categories-btn-active:hover,
.header-area .main-categories-wrap .categories-btn-active:focus-visible {
  color: var(--header-hover-color);
}

.header-area .header-navigation .main-menu ul > li .sub-menu,
.header-area .categori-dropdown-item {
  background-color: var(--white-color);
}

.header-area .header-navigation .main-menu ul > li .sub-menu li > a,
.header-area .categori-dropdown-item ul li > a {
  color: var(--primary-dark-color);
}

.header-area .header-navigation .main-menu ul > li .sub-menu li > a:hover,
.header-area .categori-dropdown-item ul li > a:hover {
  color: var(--header-hover-color);
}

.header-area .header-navigation.style-one .pesco-nav-main::before,
.header-area .header-navigation.style-one .pesco-nav-main::after {
  background-color: color-mix(in srgb, var(--header-text-color) 25%, transparent);
}

/* Mobile drawer inherits the selected navigation color instead of a hard-coded
   white background + dark text combination that made white header text vanish. */
@media (max-width: 991px) {
  .header-area .header-navigation .pesco-nav-menu {
    background-color: var(--header-nav-bg-color);
    color: var(--header-text-color);
  }

  .header-area .header-navigation .pesco-nav-menu .main-menu ul li a,
  .header-area .header-navigation .pesco-nav-menu .pesco-tabs .nav-link,
  .header-area .header-navigation .pesco-nav-menu .hotline-support,
  .header-area .header-navigation .pesco-nav-menu .hotline-support a,
  .header-area .header-navigation .pesco-nav-menu .hotline-support .icon {
    color: var(--header-text-color);
  }

  .header-area .header-navigation .pesco-nav-menu .main-menu ul li:not(:last-child),
  .header-area .header-navigation .pesco-nav-menu .main-menu ul li .sub-menu {
    border-color: color-mix(in srgb, var(--header-text-color) 20%, transparent);
  }

  .header-area .nav-right-item.style-one .cart-button .icon {
    background-color: var(--header-text-color);
    color: var(--header-nav-bg-color);
  }
}

/* --------------------------------------------------------------------------
   Product media system: fixed visual stage + object-fit prevents distortion.
   contain keeps the entire product visible; the stage prevents random card
   heights caused by source-image dimensions.
   -------------------------------------------------------------------------- */
.product-item.style-one .product-thumbnail,
.product-item.style-two .product-thumbnail,
.product-item.style-three .product-thumbnail,
.product-item.style-four .product-thumbnail,
.product-item.style-five .product-thumbnail {
  overflow: hidden;
  background-color: var(--white-color);
  border-radius: var(--theme-card-radius);
}

.product-item.style-one .product-thumbnail {
  aspect-ratio: 1 / 1;
}

.product-item.style-one .product-thumbnail > img,
.product-item.style-two .product-thumbnail > img,
.product-item.style-three .product-thumbnail > img,
.product-item.style-four .product-thumbnail > img,
.product-item.style-five .product-thumbnail > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  border-radius: inherit;
}

.product-item.style-one .product-thumbnail > img {
  padding: clamp(8px, 1.4vw, 18px);
}

/* Keep the card content aligned even when titles have different lengths. */
.product-item.style-one .product-info-wrap {
  min-height: 108px;
}

.product-item.style-one .product-info h4.title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* --------------------------------------------------------------------------
   Buttons / cards / section rhythm
   -------------------------------------------------------------------------- */
.theme-btn,
.cart-btn {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.theme-btn.style-one,
.product-item.style-one .product-thumbnail .cart-button .cart-btn {
  background-color: var(--primary-color);
}

.theme-btn.style-one:hover,
.product-item.style-one .product-thumbnail .cart-button .cart-btn:hover {
  background-color: var(--primary-dark-color);
  color: var(--white-color);
}

.section-title,
.section-content-box,
.section-image-box,
.banner-item,
.category-item,
.blog-post-item {
  max-width: 100%;
}

/* --------------------------------------------------------------------------
   Responsive container / section spacing
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  .header-navigation.style-one .pesco-nav-main {
    margin-left: 0;
  }

  .product-item.style-one .product-info-wrap {
    min-height: 100px;
  }
}

@media (max-width: 991px) {
  .header-navigation.style-one .primary-menu {
    gap: 12px;
  }

  .header-navigation.style-one .pesco-nav-main {
    padding: 0 10px;
  }

  .product-item.style-one {
    margin-bottom: 28px !important;
  }

  .product-item.style-one .product-info-wrap {
    min-height: 96px;
  }
}

@media (max-width: 575px) {
  .header-navigation.style-one .pesco-nav-main {
    padding: 0;
  }

  .nav-right-item.style-one i {
    font-size: 21px;
  }

  .product-item.style-one .product-thumbnail {
    aspect-ratio: 1 / 1;
  }

  .product-item.style-one .product-thumbnail > img {
    padding: 8px;
  }

  .product-item.style-one .product-info-wrap {
    min-height: 0;
    padding-top: 14px;
  }

  .product-item.style-one .product-info h4.title {
           font-size: 14px;
        line-height: 1.35;
        margin-right: 22px;
  }
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}