/* ЭКОЯР: новый дизайн поверх шаблона unit. Только под html.eco-new (включает php/eco_design.php),
   значения — из /UserFiles/shturval/brand.css (вкладка «Стили» Штурвала). */

/* --- шрифты --- */
html.eco-new body,
html.eco-new button, html.eco-new input, html.eco-new select, html.eco-new textarea,
html.eco-new .btn { font-family: var(--ey-font-ui) !important; }
html.eco-new body { color: var(--ey-color-text-primary); background: var(--ey-color-bg-page); }
html.eco-new h1, html.eco-new h2, html.eco-new h3,
html.eco-new .page-header h1, html.eco-new .product-name h1 { font-family: var(--ey-font-heading) !important; font-weight: 700; color: var(--ey-color-text-primary); }

/* --- ссылки и акцентный цвет вместо шаблонного синего #2B7BED --- */
html.eco-new a, html.eco-new .text-primary, html.eco-new .btn-link,
html.eco-new .pagination>li>a, html.eco-new .pagination>li>span,
html.eco-new .btn-primary .badge, html.eco-new .panel-primary>.panel-heading .badge,
html.eco-new .list-group-item.active>.badge, html.eco-new .nav-pills>.active>a>.badge { color: var(--ey-color-link); }
html.eco-new .filter-menu label.active, html.eco-new .mobile-menu>li>.dropdown-menu>li a:hover { color: var(--ey-color-link) !important; }
html.eco-new .catalog-wrap:hover .catalog-name, html.eco-new .catalog-name a:hover,
html.eco-new .m-menu a:focus, html.eco-new .mobile-menu>li>a:hover, html.eco-new .main-navbar a:not(.link):hover,
html.eco-new .product-tabs>li.active>a, html.eco-new .product-tabs>li.active>a:hover, html.eco-new .product-tabs>li.active>a:focus,
html.eco-new .return-call .icons-call::before, html.eco-new .icons-search::before,
html.eco-new .block-body a:hover, html.eco-new .news-mini-block:hover .news-name { color: var(--ey-color-action-primary); }

html.eco-new .bg-primary, html.eco-new .label-primary, html.eco-new .progress-bar,
html.eco-new .dropdown-menu>.active>a, html.eco-new .dropdown-menu>.active>a:hover, html.eco-new .dropdown-menu>.active>a:focus,
html.eco-new .nav-pills>li.active>a, html.eco-new .nav-pills>li.active>a:hover, html.eco-new .nav-pills>li.active>a:focus,
html.eco-new #faset-filter-reset, html.eco-new .filter-close { background: var(--ey-color-action-primary); }
html.eco-new .pagination>.active>a, html.eco-new .pagination>.active>span,
html.eco-new .pagination>.active>a:hover, html.eco-new .pagination>.active>span:hover,
html.eco-new .list-group-item.active, html.eco-new .list-group-item.active:hover, html.eco-new .list-group-item.active:focus,
html.eco-new .panel-primary>.panel-heading,
html.eco-new #forma_order input[type="checkbox"]:checked { background-color: var(--ey-color-action-primary); border-color: var(--ey-color-action-primary); }
html.eco-new .nav .open>a, html.eco-new .panel-primary, html.eco-new a.thumbnail:hover, html.eco-new a.thumbnail:focus { border-color: var(--ey-color-action-primary); }

/* --- кнопки --- */
html.eco-new .btn { border-radius: var(--ey-radius-control); }
html.eco-new .btn-primary, html.eco-new .btn-main,
html.eco-new .btn-primary.disabled, html.eco-new .btn-primary[disabled] {
  background: var(--ey-button-primary-bg); border-color: var(--ey-button-primary-bg); color: var(--ey-button-primary-text);
}
html.eco-new .btn-primary:hover, html.eco-new .btn-primary:focus, html.eco-new .btn-primary:active,
html.eco-new .btn-main:hover, html.eco-new .btn-main:focus {
  background: var(--ey-button-primary-bg-hover); border-color: var(--ey-button-primary-bg-hover); color: var(--ey-button-primary-text);
}
html.eco-new .btn-default { background: var(--ey-button-secondary-bg); border-color: var(--ey-button-secondary-border); color: var(--ey-button-secondary-text); }
html.eco-new .addToCartList, html.eco-new .notice-btn { background: var(--ey-button-primary-bg); color: var(--ey-button-primary-text); border-radius: var(--ey-radius-control); }
html.eco-new .addToCartList:hover, html.eco-new .notice-btn:hover { background: var(--ey-button-primary-bg-hover) !important; color: var(--ey-button-primary-text); }
html.eco-new .addToCart .addToCartFull { background: var(--ey-button-primary-bg); color: var(--ey-button-primary-text); border-radius: var(--ey-radius-control); }
html.eco-new .addToCart .addToCartFull:hover { background: var(--ey-button-primary-bg-hover); color: var(--ey-button-primary-text) !important; }
html.eco-new .addToCart .addToCartFull.btn-success { background: var(--ey-color-bg-sunk); color: var(--ey-color-text-primary) !important; box-shadow: inset 0 0 0 1px var(--ey-color-border-default); filter: none; }
html.eco-new .addToCart .addToCartFull .icons, html.eco-new .addToCartList .icons { color: inherit; }

/* --- поля --- */
html.eco-new .form-control { border-color: var(--ey-color-border-default); border-radius: var(--ey-radius-control); box-shadow: none; }
html.eco-new .form-control:focus { border-color: var(--ey-color-action-primary); box-shadow: 0 0 0 2px rgba(0, 96, 48, .15); }

/* --- карточки: рамка вместо тени, фото на белом --- */
html.eco-new .thumbnail, html.eco-new .product-block, html.eco-new .catalog-wrap {
  border-color: var(--ey-color-border-default); border-radius: var(--ey-radius-card); box-shadow: none;
}

/* --- шапка на телефоне: одна строка «логотип — телефон», как у kromski --- */
@media (max-width: 767px) {
  html.eco-new header { padding: 0 !important; border-bottom: 1px solid var(--ey-color-border-default); }
  html.eco-new header .container > .d-flex { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important;
    justify-content: space-between !important; padding: 8px 0 !important; gap: 12px; }
  html.eco-new header .logo { margin: 0 !important; padding: 0 !important; text-align: left !important; flex: none; }
  html.eco-new header .logo img { height: 42px !important; width: auto !important; max-width: none !important; }
  html.eco-new header .header-call { margin: 0 !important; padding: 0 !important; }
  html.eco-new header .call-number { align-items: flex-end; }
  html.eco-new header .call-number a { font: 600 15px/1.3 var(--ey-font-ui) !important; color: var(--ey-color-text-primary) !important; }
  html.eco-new header .call-number a + a { display: none !important; }
}

/* ================= «Ремесленная мануфактура» (стиль 0.2.0) =================
   Тёплый лён, зелёный — только действия, ни голубого, ни салатового; линии вместо рамок, тень — на наведении. */
html.eco-new { --eyx-ease: cubic-bezier(.2, .6, .2, 1); --eyx-sh-1: 0 2px 8px rgba(26, 29, 26, .05); --eyx-sh-2: 0 8px 28px rgba(26, 29, 26, .08); }
html.eco-new body { font-feature-settings: "kern", "liga"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

/* --- шапка --- */
html.eco-new header { background: var(--ey-color-bg-page); }
html.eco-new header .category-btn { background: #fff; border: 1.5px solid var(--ey-color-border-default); border-radius: var(--ey-radius-control); transition: border-color .18s var(--eyx-ease); }
html.eco-new header .category-btn:hover { border-color: var(--ey-color-action-primary); }
html.eco-new header .category-btn a { color: var(--ey-color-text-primary) !important; font-weight: 600; }
html.eco-new header .call-number a { color: var(--ey-color-text-primary) !important; font-weight: 600; }
html.eco-new header .call-number a + a { color: var(--ey-color-text-muted) !important; font-weight: 400; font-size: 14px; }
html.eco-new .header-search .input-group, html.eco-new .header-search .search-container,
html.eco-new .mobile-search .input-group { background: #fff !important; border: 1.5px solid var(--ey-color-border-default); border-radius: var(--ey-radius-control); transition: border-color .18s, box-shadow .18s; }
html.eco-new .header-search .input-group:focus-within, html.eco-new .mobile-search .input-group:focus-within { border-color: var(--ey-color-action-primary); box-shadow: 0 0 0 3px rgba(0, 96, 48, .12); }
html.eco-new .header-search input, html.eco-new .mobile-search input { background: transparent !important; color: var(--ey-color-text-primary); }
html.eco-new .icons-green, html.eco-new .icons-blue { background: transparent !important; color: var(--ey-color-text-muted) !important; }
html.eco-new .icons-green:before, html.eco-new .icons-blue:before { color: inherit !important; }
html.eco-new .header-btn a, html.eco-new .header-cart a, html.eco-new .header-user a,
html.eco-new #num, html.eco-new #sum, html.eco-new .wishlistcount, html.eco-new #numcompare { color: var(--ey-color-text-primary) !important; }
html.eco-new .header-cart .icons-cart { background: var(--ey-color-bg-sunk) !important; color: var(--ey-color-text-primary) !important; border-radius: var(--ey-radius-control); }
html.eco-new .header-cart .icons-cart:before { color: inherit !important; }

/* --- верхнее меню: без серой плашки, капс с трекингом --- */
html.eco-new .main-navbar { background: transparent !important; border-radius: 0; border-top: 1px solid var(--ey-color-border-default); border-bottom: 1px solid var(--ey-color-border-default); }
html.eco-new .main-navbar-top > li > a { font: 600 12.5px/1 var(--ey-font-ui) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--ey-color-text-muted) !important; }
html.eco-new .main-navbar-top > li > a:hover, html.eco-new .main-navbar-top > li > a:focus { background: transparent !important; color: var(--ey-color-action-primary) !important; }

/* --- карточки товаров (каталог, карусели) --- */
html.eco-new .thumbnail { border-color: var(--ey-color-border-soft); border-radius: var(--ey-radius-panel); background: #fff;
  transition: box-shadow .2s var(--eyx-ease), transform .2s var(--eyx-ease), border-color .2s; }
html.eco-new .thumbnail:hover { border-color: var(--ey-color-border-default); box-shadow: var(--eyx-sh-2); transform: translateY(-2px); }
html.eco-new .thumbnail .product-name { font: 500 15px/1.35 var(--ey-font-ui) !important; color: var(--ey-color-text-primary) !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.7em; }
html.eco-new .thumbnail .price-new { font: 600 19px/1.15 var(--ey-font-ui) !important; color: var(--ey-color-text-primary) !important; }
html.eco-new .thumbnail .price-old { color: var(--ey-color-text-muted) !important; font-size: 13px; }
html.eco-new .thumbnail .label, html.eco-new .newtip-icon.label, html.eco-new .sale-icon.label { font: 600 11px/1 var(--ey-font-ui) !important; letter-spacing: .04em; padding: 4px 8px; border-radius: 4px; }
html.eco-new .thumbnail .newtip-icon, html.eco-new .newtip-icon.label { background: var(--ey-color-action-primary) !important; color: #fff !important; }
html.eco-new .thumbnail .sale-icon, html.eco-new .sale-icon.label { background: var(--ey-color-accent-brand) !important; color: #fff !important; }
html.eco-new .thumbnail .sale-icon-content .sale-icon { background: var(--ey-color-bg-deep) !important; color: var(--ey-color-text-primary) !important; }
html.eco-new .thumbnail .rating:has(.rating_votes[style*="width:0%"]) { visibility: hidden; }
html.eco-new .thumbnail .addToCartList { font: 600 13px/1 var(--ey-font-ui) !important; padding: 9px 12px; }
html.eco-new .thumbnail .product-btn .icons { background: rgba(255, 255, 255, .9) !important; }
@media (hover: hover) {
  html.eco-new .thumbnail .product-btn { opacity: 0; transition: opacity .18s var(--eyx-ease); }
  html.eco-new .thumbnail:hover .product-btn { opacity: 1; }
}

/* --- стрелки каруселей: одинаковые, нейтральные, круглые --- */
html.eco-new .swiper-button-next, html.eco-new .swiper-button-prev { background: #fff !important; color: var(--ey-color-text-primary) !important;
  width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 1px solid var(--ey-color-border-default); box-shadow: var(--eyx-sh-1);
  display: flex; align-items: center; justify-content: center; font-size: 24px !important; line-height: 1 !important; }
html.eco-new .swiper-button-next:hover, html.eco-new .swiper-button-prev:hover { border-color: var(--ey-color-action-primary); color: var(--ey-color-action-primary) !important; }
html.eco-new .swiper-button-disabled { opacity: .35 !important; }

/* --- подвал --- */
html.eco-new footer.footer { background: var(--ey-color-bg-deep) !important; background-image: none !important; padding-top: 48px; }
html.eco-new footer .h5 { font: 700 18px/1.3 var(--ey-font-heading) !important; color: var(--ey-color-text-primary) !important; margin-bottom: 12px; }
html.eco-new footer ul li { margin-bottom: 6px; color: var(--ey-color-text-muted); }
html.eco-new footer a { color: var(--ey-color-text-muted) !important; display: inline-block; text-transform: lowercase; }
html.eco-new footer a::first-letter { text-transform: uppercase; }
html.eco-new footer a:hover { color: var(--ey-color-action-primary) !important; }

/* --- телефон: нижняя полоса и чат --- */
html.eco-new .navbar-fixed-bottom.bar { background: #fff !important; border-top: 1px solid var(--ey-color-border-default); box-shadow: var(--eyx-sh-1); }
html.eco-new .navbar-fixed-bottom.bar a, html.eco-new .navbar-fixed-bottom.bar .icons { color: var(--ey-color-text-primary) !important; }
html.eco-new #prime { background: var(--ey-color-action-primary) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, .18); }

@media (prefers-reduced-motion: reduce) {
  html.eco-new .thumbnail, html.eco-new .thumbnail:hover { transition: none; transform: none; }
}

/* звёзды рейтинга: золото на льне вместо бледного контура */
html.eco-new .rating .rating_blank { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23E2DCD0' d='M6 .8l1.6 3.3 3.6.5-2.6 2.5.6 3.6L6 9l-3.2 1.7.6-3.6L.8 4.6l3.6-.5z'/%3E%3C/svg%3E") repeat-x 0 0 / 12px 12px !important; height: 12px; }
html.eco-new .rating .rating_votes { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23C99A2E' d='M6 .8l1.6 3.3 3.6.5-2.6 2.5.6 3.6L6 9l-3.2 1.7.6-3.6L.8 4.6l3.6-.5z'/%3E%3C/svg%3E") repeat-x 0 0 / 12px 12px !important; height: 12px; }

/* карточка на телефоне: цена над кнопкой, без переносов */
html.eco-new .thumbnail .price-new { white-space: nowrap; }
@media (max-width: 767px) {
  html.eco-new .thumbnail .justify-content-between.align-items-end { flex-direction: column; align-items: stretch !important; gap: 8px; }
  html.eco-new .thumbnail .justify-content-between.align-items-end > .d-flex { align-items: stretch !important; }
  html.eco-new .thumbnail button.addToCartList { width: 100%; height: 40px; justify-content: center; white-space: nowrap; }
}