/* =============================================
   HOTFARM HEADER — Desktop + Mobile
   Matches wizualizacja.html reference design
   ============================================= */

/* === RESET: hide default ThemeVolty header elements === */
#header .header-hotfarm .tvcmsdesktop-top-header,
#header .header-hotfarm .tvcmsdesktop-top-second,
#header .header-hotfarm .tvcmsdesktop-top-wrapper,
#header .header-hotfarm .tvcmsdesktop-top-header-box,
#header .header-hotfarm .tvheader-offer-wrapper,
#header .header-hotfarm .tvheader-language-currency-wrapper {
  display: none !important;
}

/* === HIDE SIDEBARS === */
.tv-footer-social-icon.wow.slideInLeft,
.tv-footer-social-icon-wrapper { display: none !important; }
.tvcmsright-sticky, .tvcmsright-sticky.wow { display: none !important; }
#index .block-categories { display: none !important; }

/* === FULL-WIDTH WRAPPER === */
.header-hotfarm { width: 100%; }
.header-hotfarm .hf-wrapper { width: 100%; max-width: none; margin: 0; padding: 0; }
.header-hotfarm .hf-inner {
  border-radius: 0; overflow: visible; box-shadow: none;
  position: relative; z-index: 100; background: #fff;
}

/* =============================================
   TOP BAR — dark green
   ============================================= */
.header-hotfarm .hf-tb {
  background: #143d22; padding: 5px 0;
  font-size: 12px; color: rgba(255,255,255,.8);
}
.header-hotfarm .hf-tb-inner {
  width: 85%; margin: 0 auto; padding: 0;
  display: flex; justify-content: space-between; align-items: center;
}
.header-hotfarm .hf-tb a {
  color: rgba(255,255,255,.8); text-decoration: none;
  display: inline-flex; align-items: center; gap: 5px; transition: color .2s;
}
.header-hotfarm .hf-tb a:hover { color: #fff; }
.header-hotfarm .hf-tb svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; }
.header-hotfarm .hf-tb-l,
.header-hotfarm .hf-tb-r { display: flex; gap: 14px; align-items: center; }
.header-hotfarm .hf-sep { opacity: .3; }
.header-hotfarm .hf-fdel { color: #7ddf90 !important; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
.header-hotfarm .hf-fdel svg { stroke: #7ddf90 !important; }
.header-hotfarm .hf-soc { display: flex; gap: 10px; align-items: center; }
.header-hotfarm .hf-soc a svg { width: 14px; height: 14px; }

/* =============================================
   MIDDLE ROW — compact, centered
   ============================================= */
#header .header-hotfarm .hf-mr {
  background: #fff !important; padding: 6px 0 !important; border-bottom: 1px solid #eee !important;
}
#header .header-hotfarm .hf-mr-inner {
  width: 85%; margin: 0 auto; padding: 0;
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 24px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Kill any ThemeVolty padding/margin leaking into middle row children */
#header .header-hotfarm .hf-mr-inner > div {
  margin: 0 !important;
}

/* --- Logo (image from PrestaShop admin) --- */
.header-hotfarm .hf-lg {
  display: flex; align-items: center; text-decoration: none; flex-shrink: 0;
}
.header-hotfarm .hf-lg img {
  height: 32px !important; width: auto !important; display: block;
}
#header .header-hotfarm #tvcmsdesktop-logo {
  float: none !important; width: auto !important; padding: 0 !important; flex-shrink: 0;
}
#header .header-hotfarm #tvcmsdesktop-logo .tv-header-logo {
  text-align: left; padding: 0 !important; margin: 0 !important;
  height: auto !important; overflow: visible !important;
}

/* =============================================
   SEARCH — matches viz: input 10px 46px, btn 34x34
   ============================================= */
#header .header-hotfarm .hf-sr {
  flex: 0 1 520px;
  padding: 0 !important; float: none !important; width: 520px !important;
}
#header .header-hotfarm .hf-sr .search-widget { margin: 0 !important; width: 100% !important; padding: 0 !important; }
#header .header-hotfarm .hf-sr .tvsearch-top-wrapper { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
#header .header-hotfarm .hf-sr .tvcmssearch-wrapper { padding: 0 !important; margin: 0 !important; float: none !important; }
#header .header-hotfarm .hf-sr .tvheader-sarch-display,
#header .header-hotfarm .hf-sr .tvheader-search-display-icon,
#header .header-hotfarm .hf-sr .tvsearch-open,
#header .header-hotfarm .hf-sr .tvsearch-close { display: none !important; }
#header .header-hotfarm .hf-sr .tvsearch-header-display-wrappper {
  display: block !important; position: relative !important; width: 100% !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important;
  top: auto !important; left: auto !important; right: auto !important;
  background: transparent !important; box-shadow: none !important;
  border: none !important; padding: 0 !important; margin: 0 !important;
}
#header .header-hotfarm .hf-sr .tvsearch-header-display-wrappper form,
#header .header-hotfarm .hf-sr .search-widget form {
  display: block !important; position: relative !important; width: 100% !important;
  background: transparent !important; border: none !important;
  padding: 0 !important; margin: 0 !important; z-index: 10;
}
#header .header-hotfarm .hf-sr .tvcms-select-category { display: none !important; }
#header .header-hotfarm .hf-sr .tvheader-top-search {
  display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
#header .header-hotfarm .hf-sr .tvheader-top-search-wrapper-info-box {
  width: 100% !important; margin: 0 !important; padding: 0 !important;
}
#header .header-hotfarm .hf-sr input[type="text"],
#header .header-hotfarm .hf-sr .tvcmssearch-words {
  width: 100% !important; padding: 10px 46px 10px 16px !important;
  border: 2px solid #e0e0e0 !important; border-radius: 8px !important;
  font-size: 14px !important; outline: none !important; background: #fff !important;
  height: auto !important; box-shadow: none !important; line-height: normal !important;
  display: block !important; color: #333 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
#header .header-hotfarm .hf-sr input[type="text"]:focus { border-color: #1a472a !important; }
#header .header-hotfarm .hf-sr .tvheader-top-search-wrapper {
  position: absolute !important; right: 4px !important; top: 50% !important;
  transform: translateY(-50%) !important; margin: 0 !important; padding: 0 !important;
  width: auto !important; background: transparent !important; z-index: 2;
}
#header .header-hotfarm .hf-sr .tvheader-search-btn,
#header .header-hotfarm .hf-sr button[type="submit"] {
  background: #1a472a !important; border: none !important;
  width: 34px !important; height: 34px !important; border-radius: 6px !important;
  cursor: pointer !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  padding: 0 !important; margin: 0 !important; position: static !important;
}
#header .header-hotfarm .hf-sr .tvheader-search-btn svg,
#header .header-hotfarm .hf-sr button[type="submit"] svg { width: 16px !important; height: 16px !important; }
#header .header-hotfarm .hf-sr .tvheader-search-btn svg *,
#header .header-hotfarm .hf-sr button[type="submit"] svg * { stroke: #fff !important; fill: none !important; }
#header .header-hotfarm .hf-sr .tvsearch-result {
  position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; z-index: 1000;
}

/* =============================================
   ACTIONS — viz: .ac{gap:4px} .ab{6px 12px, 8px radius, #555, 10px}
   ============================================= */
.header-hotfarm .hf-ac { display: flex; gap: 4px; flex-shrink: 0; align-items: stretch; }

/* -----------------------------------------------
   NUCLEAR RESET: kill ALL ThemeVolty padding/margin/bg
   on every element inside action button wrappers
   ----------------------------------------------- */
#header .header-hotfarm .hf-ab-wrap {
  float: none !important; width: auto !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  padding: 6px 12px !important; border-radius: 8px !important;
  color: #555 !important; font-size: 10px !important;
  cursor: pointer; transition: background .2s, color .2s;
  text-decoration: none !important; position: relative !important;
  background: none !important; border: none !important; min-width: 54px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  line-height: 1.2 !important; box-shadow: none !important;
  height: auto !important; vertical-align: top !important;
  margin: 0 !important;
}
#header .header-hotfarm .hf-ab-wrap:hover { background: #f0f7f0 !important; color: #1a472a !important; }

/* Reset EVERY descendant inside action wrappers */
#header .header-hotfarm .hf-ab-wrap .tvcms-header-myaccount,
#header .header-hotfarm .hf-ab-wrap .tv-header-account,
#header .header-hotfarm .hf-ab-wrap .tv-account-wrapper,
#header .header-hotfarm .hf-ab-wrap .tvcmsdesktop-view-wishlist,
#header .header-hotfarm .hf-ab-wrap #_desktop_wishtlistTop,
#header .header-hotfarm .hf-ab-wrap .tvdesktop-wishlist,
#header .header-hotfarm .hf-ab-wrap .tvcms-header-cart,
#header .header-hotfarm .hf-ab-wrap .tv-header-cart,
#header .header-hotfarm .hf-ab-wrap .tvheader-cart-wrapper,
#header .header-hotfarm .hf-ab-wrap .tvheader-cart-btn-wrapper,
#header .header-hotfarm .hf-ab-wrap .blockcart,
#header .header-hotfarm .hf-ab-wrap .cart-preview {
  float: none !important;
  padding: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
  vertical-align: top !important;
}

/* --- WISHLIST: feather heart via mask --- */
#header .header-hotfarm .hf-ab-wrap a.wishtlist_top,
#header .header-hotfarm .tvcmsdesktop-view-wishlist a.wishtlist_top {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 2px !important;
  text-decoration: none !important; color: inherit !important;
  padding: 0 !important; margin: 0 !important;
}
#header .header-hotfarm .tvwishlist-icon svg { display: none !important; }
#header .header-hotfarm .tvwishlist-icon {
  display: flex !important; align-items: center; justify-content: center;
  width: 20px !important; height: 20px !important;
  margin: 0 !important; padding: 0 !important; float: none !important;
}
#header .header-hotfarm .tvwishlist-icon::before {
  content: ''; display: block; width: 20px; height: 20px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") no-repeat center / contain;
}
#header .header-hotfarm .tvwishlist-name { font-size: 0 !important; line-height: 0 !important; }
#header .header-hotfarm .tvwishlist-name * { font-size: 0 !important; display: none !important; }
#header .header-hotfarm .tvwishlist-name::after {
  content: 'Ulubione'; font-size: 10px; line-height: normal; color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- ACCOUNT: feather person --- */
#header .header-hotfarm .tv-myaccount-btn {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 2px !important;
  padding: 0 !important; background: none !important; border: none !important;
  cursor: pointer; color: inherit !important; font-size: 10px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  line-height: 1.2 !important; margin: 0 !important;
  width: auto !important; height: auto !important;
  float: none !important;
}
#header .header-hotfarm .tv-myaccount-btn svg {
  width: 20px !important; height: 20px !important;
  stroke: currentColor !important; fill: none !important; stroke-width: 1.8 !important;
}
#header .header-hotfarm .tv-myaccount-btn span {
  font-size: 10px !important; color: inherit !important; font-family: inherit !important;
  display: block !important; line-height: 1.2 !important;
  max-width: none !important; text-align: center !important;
  vertical-align: baseline !important;
}
#header .header-hotfarm .tv-myaccount-btn i { display: none !important; }
#header .header-hotfarm .tv-account-dropdown {
  position: absolute !important; top: calc(100% + 12px) !important;
  right: -14px !important; left: auto !important; border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
  border: 1px solid #f0f0f0 !important; background: #fff !important;
  min-width: 180px; z-index: 1000; flex-direction: column !important;
}

/* --- CART: feather cart via mask --- */
#header .header-hotfarm .hf-ab-wrap .tvheader-cart-btn-wrapper > a,
#header .header-hotfarm .tvheader-cart-btn-wrapper > a {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 2px !important;
  text-decoration: none !important; color: inherit !important;
  padding: 0 !important; margin: 0 !important;
}
#header .header-hotfarm .tvcart-icon-text-wrapper {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 2px !important;
  padding: 0 !important; margin: 0 !important;
}
#header .header-hotfarm .tv-cart-icon svg { display: none !important; }
#header .header-hotfarm .tv-cart-icon {
  display: flex !important; align-items: center; justify-content: center;
  width: 20px !important; height: 20px !important;
  margin: 0 !important; margin-right: 0 !important; padding: 0 !important;
  float: none !important;
}
#header .header-hotfarm .tv-cart-icon::before {
  content: ''; display: block; width: 20px; height: 20px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Cart badge */
#header .header-hotfarm .tv-cart-cart-inner {
  position: absolute !important; top: 1px !important; right: 5px !important;
  background: #c0392b !important; color: #fff !important;
  font-size: 9px !important; font-weight: 700 !important;
  width: 16px !important; height: 16px !important; border-radius: 50% !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; line-height: 1 !important; padding: 0 !important;
  flex-direction: row !important;
}
#header .header-hotfarm .tv-cart-cart-inner .tvcart-lable,
#header .header-hotfarm .tv-cart-cart-inner .tvcart-total-price,
#header .header-hotfarm .tv-cart-cart-inner .tv-cart-title { display: none !important; }
/* Cart label — hide original, show custom */
#header .header-hotfarm .tvcart-icon-text-wrapper .tvcart-lable { display: none !important; }
#header .header-hotfarm .tvcart-icon-text-wrapper .tvcart-total-price { display: none !important; }
#header .header-hotfarm .tvcart-icon-text-wrapper::after {
  content: 'Koszyk'; font-size: 10px; color: inherit; line-height: 1.2;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Cart dropdown */
#header .header-hotfarm .ttvcmscart-show-dropdown-right {
  position: fixed !important;
  top: 0 !important;
  right: -100% !important;
  bottom: 0 !important;
  height: 100vh !important;
  z-index: 1002 !important;
  flex-direction: column !important;
}
body.classicCartOpen #header .header-hotfarm .ttvcmscart-show-dropdown-right {
  right: 0 !important;
  visibility: visible !important;
}
/* Extra cart reset: kill background from .blockcart, .cart-preview */
#header .header-hotfarm .blockcart,
#header .header-hotfarm .cart-preview,
#header .header-hotfarm .header-nav .blockcart {
  background: none !important; background-color: transparent !important;
  height: auto !important; padding: 0 !important; margin: 0 !important;
  border: none !important; box-shadow: none !important;
}

/* =============================================
   NAVIGATION BAR — green band
   ============================================= */
#header .header-hotfarm .tvcms-header-menu-offer-wrapper,
#header .header-hotfarm .hf-nb-sticky {
  background: #1a472a !important; border: none !important;
  margin: 0 !important; padding: 0 !important;
  border-radius: 0 !important; min-height: 0 !important;
}
#header .header-hotfarm .tvcms-header-menu,
#header .header-hotfarm .hf-nb {
  background: transparent !important;
  width: 85%; margin: 0 auto !important;
  padding: 0 !important; display: flex !important;
  align-items: center !important; position: static !important;
}
#header .header-hotfarm .tvcmsmain-menu-wrapper { padding: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important; flex: 1; min-width: 0; }
#header .header-hotfarm .container_tv_megamenu { padding: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important; }
#header .header-hotfarm #tvdesktop-megamenu { width: 100%; }
#header .header-hotfarm .tvcmsdesktop-contact { display: none !important; }

/* =============================================
   MEGAMENU ITEMS
   ============================================= */
#header .header-hotfarm .tv-menu-horizontal { position: static !important; background: none !important; }
#header .header-hotfarm .tv-menu-horizontal ul.menu-content {
  display: flex !important; flex-wrap: nowrap !important;
  margin: 0 !important; padding: 0 !important;
  width: auto !important; max-width: none !important;
  background: none !important; list-style: none; overflow: visible !important;
}
#header .header-hotfarm .tv-menu-horizontal ul.menu-content > li { float: none !important; display: inline-flex !important; flex-shrink: 0; }
#header .header-hotfarm .tv-menu-horizontal ul.menu-content > li.level-1 { position: static !important; }
#header .header-hotfarm .tv-menu-horizontal li.home_menu { display: none !important; }
#header .header-hotfarm .tv-menu-horizontal .tvmega-menu-title { display: none !important; }
#header .header-hotfarm .tv-menu-horizontal ul.menu-content > li.level-1:not(.parent) { display: none !important; }
#header .header-hotfarm .tv-menu-horizontal ul li.level-1 > a {
  color: rgba(255,255,255,.9) !important; padding: 11px 16px !important;
  font-size: 13px !important; font-weight: 500 !important;
  white-space: nowrap !important; display: inline-flex !important; align-items: center !important;
  text-decoration: none !important; text-transform: none !important;
  letter-spacing: 0 !important; line-height: normal !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background: none !important; transition: background .2s, color .2s; border-radius: 6px;
}
#header .header-hotfarm .tv-menu-horizontal ul li.level-1 > a span {
  color: inherit !important; text-transform: none !important;
  letter-spacing: 0 !important; font-size: inherit !important; line-height: inherit !important;
}
#header .header-hotfarm .tv-menu-horizontal ul li.level-1 > a:hover,
#header .header-hotfarm .tv-menu-horizontal ul li.level-1:hover > a {
  background: rgba(255,255,255,.15) !important; color: #fff !important;
}
#header .header-hotfarm .tv-menu-horizontal ul li.level-1.parent > a::after {
  content: '' !important; display: inline-block !important;
  width: 10px !important; height: 10px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.5)' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-size: contain !important; background-repeat: no-repeat !important;
  margin-left: 4px; font-family: inherit !important; font-size: 0 !important; color: transparent !important;
}

/* Promocje */
.header-hotfarm .hf-nb-promo { margin-left: auto; border-left: 1px solid rgba(255,255,255,.15); flex-shrink: 0; }
.header-hotfarm .hf-nb-promo a {
  color: #ffd700 !important; padding: 11px 18px; font-size: 13px; font-weight: 600;
  white-space: nowrap; display: flex; align-items: center; gap: 6px;
  text-decoration: none; transition: background .2s;
}
.header-hotfarm .hf-nb-promo a:hover { background: rgba(255,255,255,.1); }
.header-hotfarm .hf-nb-promo svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }

/* =============================================
   DESKTOP STICKY — middle row + nav bar
   ============================================= */
#header .header-hotfarm .tvcmsheader-sticky.sticky {
  position: fixed !important; top: 0; left: 0; right: 0;
  z-index: 1000; background: #1a472a !important;
  animation: hfSlideDown .3s ease; border-radius: 0 !important;
}
@keyframes hfSlideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* =============================================
   MEGAMENU DROPDOWN — handled by ks_megamenu module
   CSS is in modules/ks_megamenu/views/css/ks-megamenu.css
   ============================================= */

/* Override ThemeVolty min-height on nav bar wrapper */
#header .header-hotfarm .tvcms-header-menu-offer-wrapper {
  min-height: 0 !important;
  position: relative !important;
}

/* Container reset for our module */
#header .header-hotfarm .container_tv_megamenu {
  display: block !important;
  text-align: left !important;
  width: 100% !important;
  padding: 0 !important;
}

/* =============================================
   MOBILE HEADER
   ============================================= */
.hf-mobile { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

/* --- Sticky top bar --- */
.hf-mob-bar {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; background: #fff;
  border-bottom: 1px solid #eee; z-index: 100;
}
.hf-mob-bar.sticky {
  position: fixed !important; top: 0; left: 0; right: 0; z-index: 1000;
  background: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Hamburger */
.hf-mob-ham a {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 10px;
  background: #f0f7f0; text-decoration: none; flex-shrink: 0;
}
.hf-mob-ham svg {
  width: 20px; height: 20px; stroke: #1a472a; fill: none; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}

/* Logo icon */
.hf-mob-logo {
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; text-decoration: none;
}
.hf-mob-logo img { height: 28px !important; width: auto !important; display: block; }

/* Mobile search */
.hf-mob-search { flex: 1; min-width: 0; }
.hf-mob-search .search-widget { margin: 0 !important; width: 100% !important; }
.hf-mob-search .tvsearch-top-wrapper { display: block !important; width: 100% !important; }
.hf-mob-search .tvheader-sarch-display,
.hf-mob-search .tvheader-search-display-icon,
.hf-mob-search .tvsearch-open,
.hf-mob-search .tvsearch-close { display: none !important; }
.hf-mob-search .tvsearch-header-display-wrappper {
  display: block !important; position: relative !important; width: 100% !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important;
  top: auto !important; left: auto !important; right: auto !important;
  background: transparent !important; box-shadow: none !important;
  border: none !important; padding: 0 !important; margin: 0 !important;
}
.hf-mob-search .tvsearch-header-display-wrappper form,
.hf-mob-search .search-widget form {
  display: block !important; position: relative !important; width: 100% !important;
  background: transparent !important; border: none !important;
  padding: 0 !important; margin: 0 !important;
}
.hf-mob-search .tvcms-select-category { display: none !important; }
.hf-mob-search .tvheader-top-search { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.hf-mob-search .tvheader-top-search-wrapper-info-box { width: 100% !important; margin: 0 !important; padding: 0 !important; }
.hf-mob-search input[type="text"],
.hf-mob-search .tvcmssearch-words {
  width: 100% !important; padding: 8px 40px 8px 12px !important;
  border: 1.5px solid #e0e0e0 !important; border-radius: 10px !important;
  font-size: 14px !important; outline: none !important; background: #f8f8f8 !important;
  height: auto !important; box-shadow: none !important;
  display: block !important; color: #333 !important;
}
.hf-mob-search input[type="text"]:focus { border-color: #1a472a !important; background: #fff !important; }
.hf-mob-search .tvheader-top-search-wrapper {
  position: absolute !important; right: 6px !important; top: 50% !important;
  transform: translateY(-50%) !important; margin: 0 !important; padding: 0 !important;
  width: auto !important; background: transparent !important;
}
.hf-mob-search .tvheader-search-btn,
.hf-mob-search button[type="submit"] {
  background: transparent !important; border: none !important;
  width: 28px !important; height: 28px !important;
  cursor: pointer !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  padding: 0 !important; margin: 0 !important; position: static !important;
}
.hf-mob-search .tvheader-search-btn svg { width: 18px !important; height: 18px !important; }
.hf-mob-search .tvheader-search-btn svg * { stroke: #1a472a !important; fill: none !important; }
.hf-mob-search .tvsearch-result {
  position: fixed !important; top: 56px !important; left: 0 !important; right: 0 !important; z-index: 1000;
}

/* Mobile account icon */
.hf-mob-acc {
  flex-shrink: 0; display: flex; align-items: center; justify-content: center;
}
.hf-mob-acc .tvcms-header-myaccount,
.hf-mob-acc .tv-header-account,
.hf-mob-acc .tv-account-wrapper {
  display: flex !important; align-items: center; position: relative;
  padding: 0 !important; margin: 0 !important; float: none !important;
  background: none !important;
}
.hf-mob-acc .tv-myaccount-btn {
  display: flex !important; align-items: center; justify-content: center;
  padding: 0 !important; background: none !important; border: none !important;
  cursor: pointer; width: 36px; height: 36px; border-radius: 8px;
  margin: 0 !important;
}
.hf-mob-acc .tv-myaccount-btn svg {
  width: 22px !important; height: 22px !important;
  stroke: #1a472a !important; fill: none !important; stroke-width: 1.8 !important;
}
.hf-mob-acc .tv-myaccount-btn span { display: none !important; }
.hf-mob-acc .tv-account-dropdown {
  position: fixed !important; top: 56px !important; right: 8px !important;
  border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.15);
  border: 1px solid #eee; background: #fff; min-width: 200px; z-index: 1000;
}

/* Mobile cart icon */
.hf-mob-cart {
  flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  position: relative;
}
.hf-mob-cart .tv-header-cart,
.hf-mob-cart .tvheader-cart-wrapper,
.hf-mob-cart .tvheader-cart-btn-wrapper,
.hf-mob-cart .blockcart,
.hf-mob-cart .cart-preview {
  position: relative !important; padding: 0 !important; padding-inline-start: 0 !important;
  margin: 0 !important; background: none !important; border: none !important;
  height: auto !important; box-shadow: none !important;
  display: flex !important; align-items: center;
}
.hf-mob-cart .tvheader-cart-btn-wrapper > a {
  display: flex !important; align-items: center; justify-content: center;
  text-decoration: none !important; padding: 0 !important;
  width: 36px; height: 36px;
}
.hf-mob-cart .tvcart-icon-text-wrapper { display: flex !important; align-items: center; justify-content: center; }
.hf-mob-cart .tv-cart-icon svg { display: none !important; }
.hf-mob-cart .tv-cart-icon {
  display: flex !important; align-items: center; justify-content: center;
  width: 22px !important; height: 22px !important;
  margin: 0 !important; margin-right: 0 !important;
}
.hf-mob-cart .tv-cart-icon::before {
  content: ''; display: block; width: 22px; height: 22px;
  background-color: #333;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center / contain;
}
.hf-mob-cart .tv-cart-cart-inner {
  position: absolute !important; top: 0 !important; right: 0 !important;
  background: #c0392b !important; color: #fff !important;
  font-size: 8px !important; font-weight: 700 !important;
  width: 15px !important; height: 15px !important; border-radius: 50% !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; line-height: 1 !important; padding: 0 !important;
}
.hf-mob-cart .tv-cart-cart-inner .tvcart-lable,
.hf-mob-cart .tv-cart-cart-inner .tvcart-total-price,
.hf-mob-cart .tv-cart-cart-inner .tv-cart-title { display: none !important; }
.hf-mob-cart .tvcart-icon-text-wrapper .tvcart-lable,
.hf-mob-cart .tvcart-icon-text-wrapper .tvcart-total-price { display: none !important; }
.hf-mob-cart .tvcart-icon-text-wrapper::after { display: none !important; content: none !important; }

/* =============================================
   MOBILE SLIDE PANEL
   ============================================= */
.hf-mob-panel {
  position: fixed !important; top: 0 !important; left: -300px !important;
  width: 300px !important; height: 100vh !important;
  background: #fff !important; z-index: 10000 !important;
  transition: left .3s ease !important;
  overflow-y: auto !important; -webkit-overflow-scrolling: touch;
  box-shadow: 4px 0 20px rgba(0,0,0,.15) !important;
  padding: 0 !important; border: none !important; border-radius: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hf-mob-panel.open { left: 0 !important; visibility: visible !important; }

/* Close button */
.hf-mob-close {
  position: absolute !important; top: 10px !important; right: 10px !important; z-index: 2;
}
.hf-mob-close a {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 28px !important; height: 28px !important; border-radius: 50% !important;
  background: rgba(255,255,255,.2) !important; text-decoration: none !important;
}
.hf-mob-close svg {
  width: 16px !important; height: 16px !important; stroke: #fff !important; fill: none !important;
  stroke-width: 2 !important; stroke-linecap: round;
}

/* Panel header — green with logo (compact) */
.hf-mob-panel-head {
  background: #1a472a !important; padding: 20px 16px 14px !important;
}
.hf-mob-panel-logo {
  display: flex !important; align-items: center !important;
  text-decoration: none !important;
}
.hf-mob-panel-logo img {
  height: 26px !important; width: auto !important; display: block;
  filter: brightness(0) invert(1);
}

/* Panel contact — compact inline rows */
.hf-mob-panel-info {
  padding: 10px 16px !important; display: flex !important; flex-direction: column !important; gap: 0 !important;
  border-bottom: 1px solid #eee !important; background: #fafafa !important;
}

/* Phone links — inline rows */
.hf-mob-phones {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
}
.hf-mob-phone-card {
  display: flex !important; flex-direction: row !important; align-items: center !important;
  gap: 10px !important; padding: 9px 0 !important; border-radius: 0 !important;
  background: none !important; border: none !important; border-bottom: 1px solid #eee !important;
  text-decoration: none !important; color: #333 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hf-mob-phone-card:last-child { border-bottom: none !important; }
.hf-mob-phone-card:active { background: #f0f7f0 !important; }
.hf-mob-phone-ico {
  width: 28px !important; height: 28px !important; border-radius: 50% !important;
  background: #f0f7f0 !important; display: flex !important;
  align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;
}
.hf-mob-phone-ico svg {
  width: 14px !important; height: 14px !important; stroke: #1a472a !important; fill: none !important;
}
.hf-mob-phone-dept {
  font-size: 12px !important; font-weight: 500 !important; color: #888 !important;
  text-transform: none !important; letter-spacing: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hf-mob-phone-num {
  font-size: 13px !important; font-weight: 700 !important; color: #1a472a !important;
  margin-left: auto !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Advisory center — compact row */
.hf-mob-advisory {
  display: flex !important; align-items: center !important; gap: 10px !important;
  padding: 9px 0 !important; border-radius: 0 !important;
  background: none !important; border: none !important; border-bottom: 1px solid #eee !important;
  text-decoration: none !important; color: #333 !important;
  font-size: 13px !important; font-weight: 500 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hf-mob-advisory:active { background: #f0f7f0 !important; }
.hf-mob-advisory > svg:first-child {
  width: 14px !important; height: 14px !important; stroke: #1a472a !important; fill: none !important; flex-shrink: 0 !important;
}
.hf-mob-advisory > span { flex: 1 !important; }
.hf-mob-advisory .hf-mob-chevron {
  width: 14px !important; height: 14px !important; stroke: #bbb !important; fill: none !important; flex-shrink: 0 !important;
}

/* Free delivery badge — compact */
.hf-mob-panel-del {
  display: flex !important; align-items: center !important; gap: 8px !important;
  background: #f0f7f0 !important; padding: 8px 10px !important; border-radius: 8px !important;
  color: #1a472a !important; font-size: 12px !important; font-weight: 600 !important;
  margin-top: 8px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hf-mob-panel-del svg { width: 14px !important; height: 14px !important; stroke: #1a472a !important; fill: none !important; flex-shrink: 0 !important; }

/* Panel menu categories */
.hf-mob-panel-menu {
  padding: 8px 0;
}
/* Override ThemeVolty megamenu styles in mobile panel */
.hf-mob-panel-menu .tv-menu-horizontal { background: none !important; }
.hf-mob-panel-menu .tv-menu-horizontal ul.menu-content {
  display: flex !important; flex-direction: column !important;
  margin: 0 !important; padding: 0 !important; list-style: none;
}
.hf-mob-panel-menu .tv-menu-horizontal li.home_menu { display: none !important; }
.hf-mob-panel-menu .tv-menu-horizontal .tvmega-menu-title { display: none !important; }
.hf-mob-panel-menu .tv-menu-horizontal ul.menu-content > li.level-1:not(.parent) { display: none !important; }
.hf-mob-panel-menu .tv-menu-horizontal ul li.level-1 > a {
  display: flex !important; align-items: center; justify-content: space-between;
  padding: 14px 24px !important; color: #333 !important;
  font-size: 15px !important; font-weight: 500 !important;
  text-transform: none !important; letter-spacing: 0 !important;
  line-height: normal !important; border-bottom: 1px solid #f5f5f5;
  text-decoration: none !important; background: none !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hf-mob-panel-menu .tv-menu-horizontal ul li.level-1 > a:hover { background: #f8f8f8 !important; }
.hf-mob-panel-menu .tv-menu-horizontal ul li.level-1 > a span {
  color: inherit !important; text-transform: none !important; font-size: inherit !important;
}
/* Chevron for parent items is handled by .icon-drop-mobile in ks_megamenu */
.hf-mob-panel-menu .tv-menu-horizontal ul li.level-1.parent > a::after {
  display: none !important;
  content: none !important;
}
/* Mobile dropdown */
.hf-mob-panel-menu .tv-menu-horizontal .menu-dropdown {
  position: static !important; box-shadow: none !important;
  border: none !important; border-radius: 0 !important;
  padding: 0 !important; background: #f8f8f8 !important;
}
.hf-mob-panel-menu .tv-menu-horizontal .menu-dropdown ul li a {
  padding: 10px 24px 10px 40px !important; font-size: 14px !important;
  color: #555 !important; border-bottom: 1px solid #f0f0f0;
}

/* Promocje at bottom */
.hf-mob-panel-promo {
  padding: 8px 24px; border-top: 1px solid #eee;
}
.hf-mob-panel-promo a {
  display: flex; align-items: center; gap: 8px;
  color: #c0392b; font-size: 15px; font-weight: 600;
  text-decoration: none; padding: 12px 0;
}
.hf-mob-panel-promo svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; }

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 991px) {
  .header-hotfarm .hf-wrapper { display: none !important; }
}
@media (min-width: 992px) {
  .hf-mobile { display: none !important; }
}