/* Existing drawer provider remains responsible for markup, focus, events and WooCommerce. */
body.vb-drawer-skin-search .htw-site-header .htw-site-header__panel.htw-site-header__search,
body.vb-drawer-skin-cart .htw-site-header .htw-site-header__panel.htw-site-header__mini-cart {
  --sf-ink: #333333;
  --sf-muted: #5a5754;
  --sf-line: #ded8d2;
  --sf-surface: #f7f2ee;
  --sf-font: 'neue-haas-grotesk-display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  background: #fbf9f7;
  color: var(--sf-ink);
  border-left: 1px solid #e5dfd9;
  font-family: var(--sf-font);
}
body.vb-drawer-skin-search .htw-site-header .storefront-drawer-overlay,
body.vb-drawer-skin-cart .htw-site-header .storefront-drawer-overlay { background: rgba(30, 29, 28, .42); }
body.vb-drawer-skin-search .htw-site-header__search .storefront-drawer-heading,
body.vb-drawer-skin-cart .htw-site-header__mini-cart .storefront-drawer-heading {
  flex: 0 0 auto;
  min-height: 78px;
  margin-bottom: 24px;
  border-color: var(--sf-line);
}
body.vb-drawer-skin-search .htw-site-header__search .storefront-drawer-heading h2,
body.vb-drawer-skin-cart .htw-site-header__mini-cart .storefront-drawer-heading h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
}
body.vb-drawer-skin-search .htw-site-header__search .storefront-drawer-close,
body.vb-drawer-skin-cart .htw-site-header__mini-cart .storefront-drawer-close {
  flex: 0 0 44px;
  color: var(--sf-ink);
}
body.vb-drawer-skin-search .htw-site-header__search .storefront-drawer-close:hover,
body.vb-drawer-skin-cart .htw-site-header__mini-cart .storefront-drawer-close:hover { background: #eee7e1; }
body.vb-drawer-skin-search .htw-site-header__search :focus-visible,
body.vb-drawer-skin-cart .htw-site-header__mini-cart :focus-visible { outline: 2px solid #547241; outline-offset: 3px; }
/* Search field and the provider's own result/empty states remain in their existing flow. */
body.vb-drawer-skin-search .htw-site-header__search .searchform .flex-row {
  border: 1px solid #817b75;
  border-radius: 3px;
  background: #fff;
}
body.vb-drawer-skin-search .htw-site-header__search .searchform .flex-row:focus-within { border-color: #547241; box-shadow: 0 0 0 1px #547241; }
body.vb-drawer-skin-search .htw-site-header__search .searchform input.search-field { color: #333; font-family: var(--sf-font); }
body.vb-drawer-skin-search .htw-site-header__search .searchform button.ux-search-submit { color: #333; }
body.vb-drawer-skin-search .htw-site-header__search .autocomplete-suggestion { border-color: var(--sf-line); color: #333; }
body.vb-drawer-skin-search .htw-site-header__search .autocomplete-suggestion:focus-within,
body.vb-drawer-skin-search .htw-site-header__search .autocomplete-suggestion:hover { background: #f2ede8; }
/* Direct children are the existing Flatsome mini-cart template: list and footer. */
body.vb-drawer-skin-cart .htw-site-header .htw-site-header__panel.htw-site-header__mini-cart {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart .widget_shopping_cart_content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart .widget_shopping_cart_content > ul.product_list_widget {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart .widget_shopping_cart_content > .ux-mini-cart-footer {
  flex: 0 0 auto;
  max-height: 45vh;
  max-height: 45dvh;
  overflow-y: auto;
  padding: 14px 0 0;
  border-top: 1px solid var(--sf-line);
  background: #fbf9f7;
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart ul.product_list_widget li {
  min-width: 0;
  overflow-wrap: anywhere;
  border-color: var(--sf-line);
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart ul.product_list_widget li dl,
body.vb-drawer-skin-cart .htw-site-header__mini-cart ul.product_list_widget li dd { min-width: 0; overflow-wrap: anywhere; }
body.vb-drawer-skin-cart .htw-site-header__mini-cart .woocommerce-mini-cart__total { color: #333; font-family: var(--sf-font); }
body.vb-drawer-skin-cart .htw-site-header__mini-cart .woocommerce-mini-cart__buttons a.button {
  border-color: #547241;
  border-radius: 3px;
  background: #fbf9f7;
  color: #3c582c;
  font-family: var(--sf-font);
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart .woocommerce-mini-cart__buttons a.checkout,
body.vb-drawer-skin-cart .htw-site-header__mini-cart .return-to-shop .button {
  border-color: #547241;
  border-radius: 3px;
  background: #547241 !important;
  color: #fff !important;
  font-family: var(--sf-font);
}
body.vb-drawer-skin-cart .htw-site-header__mini-cart .woocommerce-mini-cart__buttons a:hover,
body.vb-drawer-skin-cart .htw-site-header__mini-cart .return-to-shop .button:hover { opacity: 1; filter: brightness(.88); }
@media (max-width: 767px) {
  body.vb-drawer-skin-search .htw-site-header__search .storefront-drawer-heading,
  body.vb-drawer-skin-cart .htw-site-header__mini-cart .storefront-drawer-heading { min-height: 70px; margin-bottom: 20px; }
  body.vb-drawer-skin-search .htw-site-header__search .storefront-drawer-heading h2,
  body.vb-drawer-skin-cart .htw-site-header__mini-cart .storefront-drawer-heading h2 { font-size: 22px; }
  body.vb-drawer-skin-cart .htw-site-header .htw-site-header__panel.htw-site-header__mini-cart { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
  body.vb-drawer-skin-cart .htw-site-header__mini-cart ul.product_list_widget li { padding-left: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  body.vb-drawer-skin-search .htw-site-header__search,
  body.vb-drawer-skin-cart .htw-site-header__mini-cart,
  body.vb-drawer-skin-search .htw-site-header .storefront-drawer-overlay,
  body.vb-drawer-skin-cart .htw-site-header .storefront-drawer-overlay { transition: none !important; }
}