/* Стили блоков Ситифермера: подвал, верхняя строка, калькуляторы. Собрано автоматически. */
.sf-calc{background:#12241A;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.sf-calc *{box-sizing:border-box}
.sf-calc__inner{width:100%;max-width:1240px;margin:0 auto;padding:clamp(28px,4vw,52px) 20px}
.sf-calc__head{max-width:52em;margin-bottom:clamp(20px,2.4vw,32px)}
.sf-calc__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#AEEA00;margin-bottom:12px}
.sf-calc__title{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.15;font-weight:700;color:#fff}
.sf-calc__sub{margin:12px 0 0;font-size:clamp(15px,1.15vw,17px);line-height:1.55;color:rgba(255,255,255,.72)}
.sf-calc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.sf-calc__card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.2vw,30px);border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(174,234,0,.26);color:#fff !important;text-decoration:none !important;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.sf-calc__card:hover{transform:translateY(-4px);border-color:#AEEA00;background:rgba(174,234,0,.09)}
.sf-calc__tag{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#AEEA00}
.sf-calc__name{font-size:clamp(19px,1.7vw,25px);font-weight:700;line-height:1.2;color:#fff}
.sf-calc__lead{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.76)}
.sf-calc__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.sf-calc__fact{font-size:12.5px;line-height:1.3;padding:5px 11px;border-radius:999px;background:rgba(174,234,0,.12);color:#D7F79A;border:1px solid rgba(174,234,0,.2)}
.sf-calc__go{margin-top:auto;padding-top:8px;font-size:14.5px;font-weight:700;color:#AEEA00;display:inline-flex;align-items:center;gap:9px}
.sf-calc__go span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#AEEA00;color:#12241A;font-size:15px;transition:transform .25s ease}
.sf-calc__card:hover .sf-calc__go span{transform:translateX(4px)}
@media (max-width:820px){.sf-calc__grid{grid-template-columns:1fr}}
.sf-calcs{margin:1.75rem 0 0;padding-top:1.5rem;border-top:1px solid rgba(66,50,24,.16)}
.sf-calcs *{box-sizing:border-box}
.sf-calcs__title{margin:0 0 .9rem;font-size:1.0625rem;font-weight:700;line-height:1.3;color:#423218;text-align:left}
.sf-calcs__row{display:flex;flex-wrap:wrap;gap:12px}
.sf-calcs__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;background:#4f5f24;color:#fff !important;font-size:15px;font-weight:600;line-height:1.25;text-decoration:none !important;border:1px solid #4f5f24;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.sf-calcs__btn:hover{background:#3c4a1a;border-color:#3c4a1a;transform:translateY(-1px)}
.sf-calcs__btn span{font-size:16px;line-height:1}
/* Вариант на тёмной подложке: подвал магазина на страницах товаров и категорий */
.sf-calcs--dark{border-top-color:rgba(215,231,205,.22)}
.sf-calcs--dark .sf-calcs__title{color:#fff}
.sf-calcs--dark .sf-calcs__btn{background:#AEEA00;border-color:#AEEA00;color:#12260F !important}
.sf-calcs--dark .sf-calcs__btn:hover{background:#C6F24E;border-color:#C6F24E}
/* Подвал и верхняя строка вынесены за пределы разметки Elementor, поэтому
   НЕ наследуют ни шрифт темы, ни её правила для ссылок и списков: браузер рисовал
   их Times New Roman с маркерами и синими ссылками. Отсюда два следствия:
   1) шрифт задаём сами (font-stack ниже), на наследование не рассчитываем;
   2) ключевые свойства ставим с !important и держим селекторы короткими, чтобы
      правила темы и плагинов не перебивали блок. */
			/* Единая сетка контейнеров сайта: одна ширина и один боковой отступ.
   Раньше блоки использовали разные значения (1140/1220/1240 и 20/24/40 px), из-за чего
   заголовки и списки не совпадали по левому краю и «плясали» отступы. */
			.dsh-container,.sf-wrap,.fk-zones,.fk-head,.fk-foot,.sf-foot__in{width:100%;max-width:1220px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
			.dsh-fnav{background:#f7f8f2 !important;border-top:1px solid #e3e0d6 !important;color:#3a2e1b !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;font-size:15px;line-height:1.5;text-align:left}
			.dsh-fnav__inner{padding-top:0 !important;padding-bottom:2rem !important;display:grid !important;grid-template-columns:1.1fr 1fr 1fr;gap:2rem}
			.dsh-fnav__title{margin:0 0 .75rem !important;padding:0 !important;font-weight:700 !important;font-size:1.0625rem !important;color:#423218 !important;line-height:1.3;text-align:left !important}
			.dsh-fnav__list{margin:0 !important;padding:0 !important;list-style:none !important;font-size:.9375rem !important;line-height:1.5 !important}
			.dsh-fnav__list li{margin:0 0 .35rem !important;list-style:none !important}
			.dsh-fnav__list li::marker{content:none !important}
			.dsh-fnav__list a{color:#4f5f24 !important;text-decoration:none !important;border-bottom:1px solid transparent;background:none !important}
			.dsh-fnav__list a:hover{color:#3c4a1a !important;border-bottom-color:#87905b !important}
			.dsh-fnav__phone a{font-weight:700 !important;font-size:1.0625rem !important;color:#3c4a1a !important}
			.dsh-fnav__note{margin:.75rem 0 0 !important;font-size:.875rem !important;line-height:1.45;opacity:.85}
			.dsh-fnav__col{min-width:0;padding:0}
			.dsh-fnav__col > *:first-child{margin-top:0}
			.dsh-fnav{padding-top:2rem}
			@media (max-width:900px){.dsh-fnav__inner{grid-template-columns:1fr 1fr !important}}
			@media (max-width:600px){.dsh-fnav__inner{grid-template-columns:1fr !important;padding-top:1.25rem !important;padding-bottom:1rem !important}}
/* Верхняя строка, как и подвал, стоит вне разметки Elementor: шрифт и цвета
   задаём сами, иначе браузер рисует её Times New Roman с синими ссылками. */
			.dsh-topbar{background:#423218 !important;color:#f4dca9 !important;font-size:.875rem !important;line-height:1.3 !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}
			.dsh-topbar__inner{padding-top:.4rem !important;padding-bottom:.4rem !important;display:flex !important;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
			.dsh-topbar__note{opacity:.85}
			.dsh-topbar__left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
			.dsh-topbar__phone-link{color:#fff !important;font-weight:700 !important;text-decoration:none !important}
			.dsh-topbar__phone-link:hover{color:#f4dca9 !important}
			.dsh-topbar__links a{color:#f4dca9 !important;text-decoration:none !important;border-bottom:1px solid rgba(244,220,169,.4)}
			.dsh-topbar__links a:hover{color:#fff !important;border-bottom-color:#fff}
			.dsh-topbar__sep{margin:0 .45rem;opacity:.6}
			/* На телефоне полоса в одну строку: телефон. Ссылки «Доставка и оплата»,
			   «О нас» на узком экране переносились на вторую строку
			   и дублировали меню — они есть в выпадающем меню по кнопке. */
			@media (max-width:700px){.dsh-topbar__inner{justify-content:center;text-align:center}.dsh-topbar__left{justify-content:center}.dsh-topbar__note{display:none}.dsh-topbar__links{display:none}}
.dsh-cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:.75rem 1.25rem;background:#423218;color:#f7f8f2;font-size:.9375rem;line-height:1.4;box-shadow:0 -2px 12px rgba(0,0,0,.12)}
			/* Атрибута hidden мало: у .dsh-cookie задан display:flex, а авторское правило
			   перебивает браузерное [hidden]{display:none} — окно оставалось на экране
			   после нажатия «Понятно». Поэтому скрываем явно. */
			.dsh-cookie[hidden]{display:none !important}
			body.dsh-cookie-open{padding-bottom:var(--dsh-cookie-h,5.5rem)}
			.dsh-cookie__text{margin:0;max-width:60rem}
			.dsh-cookie__text a{color:#f4dca9;text-decoration:underline}
			.dsh-cookie__ok{flex:0 0 auto;min-height:2.5rem;padding:.35rem 1.25rem;border:0 !important;border-radius:10px;background:#4f5f24 !important;color:#fff !important;font:inherit;font-weight:600;cursor:pointer}
.dsh-cookie__ok:hover,.dsh-cookie__ok:focus{background:#3E4A1C !important;border:0 !important;outline:2px solid #AEEA00;outline-offset:2px}
			.dsh-cookie__ok:hover{background:#3c4a1a}
			@media (max-width:600px){.dsh-cookie{padding:.75rem 1rem}.dsh-cookie__ok{width:100%}}
/* --- Шапка и логотип ---------------------------------------------------
		   Тема печатает логотип картинкой 512×512: в шапке это 544 px высоты, и тот же
		   логотип выводится в подвале. Ограничиваем размер и убираем дубль в подвале —
		   там для узнаваемости достаточно названия в подписи. */
		.site-header { padding: 14px 0; }
		.site-header .site-logo,
		.site-header .site-branding { max-width: none; }
		.site-header .custom-logo,
		.site-header img.custom-logo,
		.site-header .site-logo img { width: 64px; height: 64px; max-width: 64px; max-height: 64px; }
		.site-header .header-inner { align-items: center; gap: 16px; }
		/* Логотип в подвале — дубль логотипа из шапки, поэтому скрываем: подвал и так
		   подписан названием магазина. Общий подвал сайта при этом не затрагивается. */
		.site-footer .custom-logo-link,
		.site-footer .site-logo,
		.site-footer .site-branding { display: none !important; }
		.site-footer { padding: 10px 0; }
		.site-footer .footer-inner { justify-content: flex-start; }

		/* --- Контейнер ---------------------------------------------------------
		   Контент темы — 1140 px, а общий подвал и строка магазина — 1220 px.
		   Приводим их к ширине контента, чтобы края совпадали. */
		.dsh-shop-bar,
		.dsh-fnav__inner { max-width: 1140px; margin-left: auto; margin-right: auto; box-sizing: border-box; }

		/* --- Заголовок страницы и контент -------------------------------------- */
		.page-header { padding: 8px 0 4px; }
		.page-header .entry-title { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; margin: 0 0 16px; font-weight: 700; color: #12240F; }
		.page-content { padding-bottom: 32px; }

		/* --- Форма входа и регистрации WooCommerce ----------------------------- */
		.woocommerce form.login,
		.woocommerce form.register,
		.woocommerce form.lost_reset_password {
			border: 1px solid #DCE6CE;
			border-radius: 20px;
			background: #fff;
			padding: clamp(20px, 2.4vw, 28px);
			margin: 0 0 24px;
		}
		.woocommerce form.login label,
		.woocommerce form.register label,
		.woocommerce form.lost_reset_password label { display: block; margin-bottom: 6px; font-weight: 600; color: #24331B; }
		.woocommerce form.login input[type="text"],
		.woocommerce form.login input[type="email"],
		.woocommerce form.login input[type="password"],
		.woocommerce form.register input[type="text"],
		.woocommerce form.register input[type="email"],
		.woocommerce form.register input[type="password"] {
			width: 100%;
			max-width: 100%;
			height: 46px;
			padding: 0 14px;
			border: 1.5px solid #DCE6CE;
			border-radius: 10px;
			background: #fff;
			color: #12240F;
			font: inherit;
		}
		.woocommerce form.login input:focus,
		.woocommerce form.register input:focus { outline: 2px solid rgba(79, 95, 36, .35); outline-offset: 1px; border-color: #4F5F24; }
		.woocommerce .form-row { margin-bottom: 14px; }

		/* --- Кнопки -----------------------------------------------------------
		   У темы кнопка сжималась до 22 px: у неё не было своих размеров. */
		/* Кнопки. Свой фон, рамка и цвет текста ставим с !important: у темы есть правило
		   .woocommerce:where(...) с фоном #e9e6ed, и без приоритета кнопка оставалась
		   светло-сиреневой. Размеры и отступы работают и без приоритета. */
		.woocommerce button.button,
		.woocommerce input.button,
		.woocommerce a.button,
		.woocommerce #respond input#submit,
		.woocommerce .woocommerce-form-login__submit {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 46px;
			padding: 0 24px;
			width: auto;
			border-radius: 10px;
			font-size: 15px;
			font-weight: 600;
			line-height: 1.2;
			text-decoration: none;
			cursor: pointer;
			background: #4F5F24 !important;
			border: 1px solid #4F5F24 !important;
			color: #fff !important;
		}
		.woocommerce button.button:hover,
		.woocommerce input.button:hover,
		.woocommerce a.button:hover,
		.woocommerce .woocommerce-form-login__submit:hover {
			background: #3C4A1A !important;
			border-color: #3C4A1A !important;
			color: #fff !important;
		}

		/* --- Ссылки: в гамме сайта вместо красно-розовой темы ------------------ */
		.woocommerce a,
		.woocommerce a:visited { color: #4F5F24; }
		.woocommerce a:hover { color: #2F7D4F; }
		.woocommerce .lost_password a,
		.woocommerce .woocommerce-LostPassword a { color: #4F5F24; }

		/* --- Чекбокс «Запомнить меня» ----------------------------------------- */
		.woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 0 14px; font-size: 15px; }
		.woocommerce-form-login__rememberme input { width: 18px; height: 18px; margin: 0; }

		/* --- Сообщения и навигация аккаунта ----------------------------------- */
		.woocommerce-notices-wrapper { margin-bottom: 16px; }
		.woocommerce-message,
		.woocommerce-info,
		.woocommerce-error { border-radius: 14px; padding: 14px 18px; font-size: 15px; }
		.woocommerce-MyAccount-navigation { margin: 0 0 24px; }
		.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
		.woocommerce-MyAccount-navigation li a { display: inline-block; padding: 10px 16px; border: 1px solid #DCE6CE; border-radius: 10px; background: #fff; text-decoration: none; font-size: 15px; }
		.woocommerce-MyAccount-navigation li.is-active a,
		.woocommerce-MyAccount-navigation li a:hover { background: #F2F6E8; border-color: #4F5F24; color: #3C4A1A; }
		.woocommerce-MyAccount-content { font-size: 16px; line-height: 1.6; }
