
html.theme-green{
    --body-font: 'Geologica', sans-serif;
    --body-c: #222;
    --body-bg: #f9f9f9;

    --h1-c: #222;
    --h2-c: #222;
    --h3-c: #333;
    --h4-c: #333;
    --h5-c: #333;
    --heading-c: #333;

    --a-c: #00B140;
    --a-c-hover: #008C35;

    --btn-default-c: #555;
    --btn-default-bg: #f2f2f2;
    --btn-default-c-hover: #444;
    --btn-default-bg-hover: #e5e5e5;

    --btn-primary-c: #fff;
    --btn-primary-bg: #00B140;
    --btn-primary-c-hover: #fff;
    --btn-primary-bg-hover: #008C35;

    --btn-danger-c: #fff;
    --btn-danger-bg: #d9534f;
    --btn-danger-c-hover: #fff;
    --btn-danger-bg-hover: #c9302c;

    --input-checked-bg: #00B140;
    --input-warning-c: #ff6e6e;
    --input-warning-border-c: #ff6e6e;

    --border-radius-0: 0;
    --border-radius-1-0-0-0: 12px 0 0 0;
    --border-radius-0-1-0-0: 0 12px 0 0;
    --border-radius-0-0-1-0: 0 0 12px 0;
    --border-radius-0-0-0-1: 0 0 0 12px;
    --border-radius-1-1-0-0: 12px 12px 0 0;
    --border-radius-0-1-1-0: 0 12px 12px 0;
    --border-radius-0-0-1-1: 0 0 12px 12px;
    --border-radius-1-0-0-1: 12px 0 0 12px;
    --border-radius-0-1-1-1: 0 12px 12px 12px;
    --border-radius-1-0-1-1: 12px 0 12px 12px;
    --border-radius-1-1-0-1: 12px 12px 0 12px;
    --border-radius-1-1-1-0: 12px 12px 12px 0;
    --border-radius-1: 12px;

    --rating-star-c-active: #00B140;

    --top-menu-bg: #fafafa;
    --top-menu-btn-c: #555;
    --top-menu-btn-c-hover: #008C35;

    --header-bg: transparent;
    --header-search-cat-btn-c: #00B140;
    --header-search-cat-btn-bg: #eeeeee;
    --header-search-input-c: #666;
    --header-search-input-bg: #f7f7f7;
    --header-phones-m-c: #777;
    --header-phones-m-c-hover: #008C35;
    --header-phones-a-c: #666;
    --header-icon-c: #00B140;
    --header-icon-total-c: #fff;
    --header-icon-total-bg: #888;
    --header-block-caption-c: #444443;

    --menu-main-c: #00B140;
    --menu-main-bg: #f2f2f2;
    --menu-main-header-c: #fff;
    --menu-main-header-bg: #00B140;
    --menu-main-level-1-c: #00B140;
    --menu-main-level-1-c-hover: #555;
    --menu-main-level-2-c: #00B140;
    --menu-main-level-2-c-hover: #008C35;
    --menu-main-level-2-bg: #fafafa;
    --menu-main-level-3-c: #444;
    --menu-main-level-3-c-hover: #888;
    --menu-main-before: #eeeeee;

    --menu-right-bg: #eeeeee;
    --menu-right-level-1-c: #666;
    --menu-right-level-1-c-hover: #00B140;
    --menu-right-level-2-c: #00B140;
    --menu-right-level-2-c-hover: #666;
    --menu-right-level-2-bg: #fff;
    --menu-right-level-3-c: #777;
    --menu-right-level-3-c-hover: #666;

    --menu-module-bg: #eeeeee;
    --menu-module-c1: #777;
    --menu-module-c1-hover: #00B140;
    --menu-module-c2: #222;
    --menu-module-c2-hover: #008C35;
    --menu-module-c3: #333;
    --menu-module-c3-hover: #008C35;

    --slideshow-title-c: #00B140;
    --slideshow-text-c: #666;
    --slideshow-btn-c: #fff;
    --slideshow-btn-bg: #00B140;
    --slideshow-nav-btn-c: #00B140;
    --slideshow-dot-bg: #cccccc;
    --slideshow-dot-bg-active: #00B140;

    --swiper-pagination-bg: #cfcfcf;
    --swiper-pagination-bg-active: #00B140;

    --home-banner-bg: #f0f0f0;
    --home-banner-icon-c: #00B140;
    --home-banner-text-c: #555;

    --qty-indicator-5: #2e7d32;
    --qty-indicator-4: #43a047;
    --qty-indicator-3: #66bb6a;
    --qty-indicator-2: #f0ad4e;
    --qty-indicator-1: #ff6f61;
    --qty-indicator-0: #cccccc;

    --timer-bg: #eeeeee;
    --timer-text-c: #aaaaaa;
    --timer-digit-c: #555;

    --prod-thumb-name: #333;
    --prod-thumb-name-hover: #444;

    --option-select-c: #555;
    --option-name-c: #555;
    --option-name-bg: #eeeeee;
    --option-name-c-hover: #00B140;
    --option-name-bg-hover: #e5e5e5;
    --option-name-c-checked: #fff;
    --option-name-bg-checked: #00B140;
    --option-img-hover: #00B140;
    --option-popup-img-w: 100px;

    --price-c: #222;
    --price-old-c: #888;
    --price-new-c: #00B140;

    --add-to-cart-btn-c: #fff;
    --add-to-cart-btn-bg: #00B140;
    --add-to-cart-btn-c-hover: #fff;
    --add-to-cart-btn-bg-hover: #008C35;
    --add-to-cart-btn-c-incart: #fff;
    --add-to-cart-btn-bg-incart: #2e7d32;
    --add-to-cart-btn-c-qty0: #444;
    --add-to-cart-btn-bg-qty0: #e5e5e5;
    --add-to-cart-btn-c-disabled: #444;
    --add-to-cart-btn-bg-disabled: #e5e5e5;

    --quick-order-btn-c: #666;
    --quick-order-btn-bg: #e5e5e5;
    --quick-order-btn-c-hover: #fff;
    --quick-order-btn-bg-hover: #00B140;

    --wishlist-btn-c: #00B140;
    --wishlist-btn-bg: #f7f7f7;
    --wishlist-btn-c-hover: #fff;
    --wishlist-btn-bg-hover: #00B140;

    --compare-btn-c: #00B140;
    --compare-btn-bg: #f7f7f7;
    --compare-btn-c-hover: #fff;
    --compare-btn-bg-hover: #00B140;

    --sticker-reward-c: #fff;
    --sticker-reward-b: #2e7d32;
    --sticker-special-c: #fff;
    --sticker-special-b: #ff0000;
    --sticker-bestseller-c: #fff;
    --sticker-bestseller-b: #00B140;
    --sticker-new-c: #fff;
    --sticker-new-b: #1765a2; /* можно заменить на зелёный, если нужно единообразие */
    --sticker-ean-c: #fff;
    --sticker-ean-b: #00B140;
    --sticker-isbn-c: #fff;
    --sticker-isbn-b: #7acb5a;
    --sticker-mpn-c: #fff;
    --sticker-mpn-b: #00B140;

    --product-banner-bg: #f5f5f5;
    --product-banner-icon: #00B140;
    --product-banner-text: #555;

    --nav-tabs-bg: #f2f2f2;
    --nav-tabs-c: #444;
    --nav-tabs-c-active: #00B140;

    --carousel-dot-bg: #cccccc;
    --carousel-dot-bg-active: #00B140;
    --carousel-nav-btn-c: #00B140;
    --carousel-nav-btn-bg: #fff;

    --pagination-c: #00B140;
    --pagination-bg: #f7f7f7;
    --pagination-c-active: #fff;
    --pagination-bg-active: #00B140;

    --footer-c: #555;
    --footer-bg: #e5e5e5;
    --footer-heading-c: #333;

    --subscribe-info-c: #666;
    --subscribe-points-c: #00B140;
    --subscribe-input-c: #666;
    --subscribe-input-bg: #fff;
    --subscribe-btn-c: #fff;
    --subscribe-btn-bg: #00B140;

    --fly-menu-bg: #fefefe;
    --fly-menu-icon-c: #00B140;
    --fly-menu-icon-total-c: #fff;
    --fly-menu-icon-total-bg: #888;
    --fly-menu-search-cat-btn-bg: #eeeeee;
    --fly-menu-search-cat-btn-c: #00B140;
    --fly-menu-search-input-bg: #f8f8f8;
    --fly-menu-search-input-c: #888;
    --fly-menu-phone-c: #444;
    --fly-menu-caption-c: #333;
    --fly-menu-level-1-bg-hover: #fafafa;

    --fly-contacts-btn-c: #fff;
    --fly-contacts-btn-bg: #00B140;
    --fly-contacts-bg: #fff;
    --fly-contacts-item-c: #00B140;
    --fly-contacts-item-bg: #eeeeee;

    --fly-callback-c: #fff;
    --fly-callback-bg: #00B140;

    --notification-body-bg: #333;
    --notification-text-c: #fff;
    --notification-btn-cancel-c: #fff;

    --pwa-c: #777;
    --pwa-bg: #fcf8e3;
    --pwa-install-c: #fff;
    --pwa-install-bg: #00B140;
    --pwa-close-c: #00B140;

    --alert-success-c: #fff;
    --alert-success-bg: #00B140;
    --alert-warning-c: #fff;
    --alert-warning-bg: #76c204;
    --alert-danger-c: #fff;
    --alert-danger-bg: #ff6e6e;

    --preloader-border-c: #00B140 #00B140 #00B140 transparent;

    --tooltip-c: #fff;
    --tooltip-bg: #666;

	--header-bg: #fff;
	--header-box-shadow: 0 8px 24px rgba(0,0,0,.06);
    --home-gap: 80px; 
}

html.theme-green .header-block__item--logo img,
html.theme-green .header-logo img,
html.theme-green .header .logo img{
  max-height: 44px;
  height: auto;
  width: auto;
  display: block;         
}

/* ===== Slideshow: full-bleed ===== */
html.theme-green #slideshow0,
html.theme-green #slideshow0 .swiper,
html.theme-green #slideshow0 .swiper-wrapper,
html.theme-green #slideshow0 .swiper-slide{
  height: clamp(220px, 34vw, 420px); 
}

html.theme-green #slideshow0 .swiper-slide{
  display:flex; 
}

html.theme-green #slideshow0 .swiper-slide img{
  width:100% !important;
  height:100% !important;
  object-fit: cover;       
  object-position: center; 
  display:block;
}


html.theme-green #slideshow0 .img-responsive{
  max-width:none !important;
  max-height:none !important;
}

html.theme-green .product-buy-note{
  margin-top:16px;
  padding:12px 14px;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fafbfc;
  color:#444;
  line-height:1.55;
}
html.theme-green .product-buy-note a{ color:var(--a-c,#00B140); }
html.theme-green .product-buy-note a:hover{ color:var(--a-c-hover,#008C35); }



html.theme-green body #content .heading{
  display: flex;
  align-items: center;
  margin: var(--home-gap) 0 15px !important; /* верх = var(--home-gap) */
  font-weight: 700;
  font-size: 2.3em;
  color: var(--a-c-hover);
}


/* Отступы и заголовок для блока Серии (UniShop2 Free - Список производителей) */
html.theme-green #content .mod-manufacturer {
  margin-top: var(--home-gap, 80px);
  margin-bottom: var(--home-gap, 80px);
}

/* Если у блока нет собственного заголовка — добавляем */
html.theme-green #content .mod-manufacturer:not(:has(.heading))::before {
  content: "Популярные серии";
  display: block;
  margin-bottom: 15px;
  font-weight: 800;
  font-size: clamp(20px, 2.4vw, 28px);
  color: var(--a-c-hover, #008C35);
}

/* Стиль выпадашки */
html.theme-green #content .mod-manufacturer select {
  appearance: none;
  -moz-appearance: none;
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300B140' stroke-width='2' fill='none'/%3E%3C/svg%3E")
    no-repeat right 12px center / 12px 8px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 10px 36px 10px 12px;
  font-weight: 600;
  color: #222;
  max-width: 100%;
}

html.theme-green #content .mod-manufacturer select:hover {
  border-color: color-mix(in oklab, var(--a-c, #00B140) 35%, white);
}

html.theme-green #content .mod-manufacturer select:focus {
  outline: none;
  border-color: var(--a-c, #00B140);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--a-c, #00B140) 20%, transparent);
}

html.theme-green #content .mod-manufacturer .alphabet a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 2px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background: #fff;
}

html.theme-green #content .mod-manufacturer .alphabet a:hover {
  border-color: var(--a-c, #00B140);
  color: var(--a-c, #00B140);
}



@media (min-width: 992px){
  html.theme-green body .header.fixed{
    background: var(--header-bg, #fff) !important;
    box-shadow: var(--header-box-shadow, none);
  }

  html.theme-green .header-block__item--logo img,
  html.theme-green .header-logo img,
  html.theme-green .header .logo img{
    max-height: 90px;
  }  
  
html.theme-green .header .container{
  padding-top: 8px;
  padding-bottom: 8px;
} 
 
}


@media (max-width: 768px)

{ html.theme-green { --home-gap: 40px; }

  html.theme-green #content .mod-manufacturer {
    margin-top: 40px;
    margin-bottom: 40px;
  }

}