/* Sakit header 1.0.3. Scoped to the header: product pages retain their typography. */
:root { --sakit-green: #619b0c; --sakit-ink: #202824; --sakit-line: #e3e7e2; }
#top.sakit-utility, header.sakit-header { font-family: Arial, "Segoe UI", sans-serif; color: var(--sakit-ink); }
#top.sakit-utility { background: #f5f7f4 !important; border: 0; box-shadow: none; padding: 0; }
#top.sakit-utility > .container { background: transparent !important; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; }
.sakit-utility-start, .sakit-utility-end { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
/* Bootstrap clearfix pseudo-elements would otherwise become empty flex items. */
#top.sakit-utility > .container::before, #top.sakit-utility > .container::after,
.sakit-header .sakit-nav-inner::before, .sakit-header .sakit-nav-inner::after,
.sakit-header .sakit-menu > .container > .row::before,
.sakit-header .sakit-menu > .container > .row::after { display: none; }
#top.sakit-utility .btn-link { color: #475248 !important; font: 13px/20px Arial, sans-serif; padding: 9px 10px; text-shadow: none; }
#top.sakit-utility .btn-link:hover { color: #416d07 !important; text-decoration: underline; }
#top.sakit-utility .dropdown-menu { z-index: 1100; }
#top.sakit-utility form { margin: 0; }
.sakit-header { background: #fff; border-bottom: 1px solid var(--sakit-line); margin-bottom: 24px; }
.sakit-header .sakit-main { display: grid; grid-template-columns: 150px minmax(180px, 1fr) auto; align-items: center; gap: 28px; padding: 24px 0 18px; }
.sakit-header #logo { padding: 0; }
.sakit-header #logo img { width: 126px; height: auto; min-height: 0; max-height: 60px; object-fit: contain; margin: 0; }
.sakit-header .sakit-search { min-width: 0; }
.sakit-header #searchtop { position: relative; }
.sakit-header #search { display: flex; position: relative; width: 100%; margin: 0; padding: 0; border: 1px solid #bbc5b9; border-radius: 8px; background: #fff; }
.sakit-header #search:focus-within { border-color: #4f8009; box-shadow: 0 0 0 3px #619b0c26; }
.sakit-header #search .input-lg { flex: 1 1 auto; min-width: 0; width: 100%; height: 48px; padding: 0 16px; border: 0; border-radius: 8px; background: transparent; font: normal 15px/1.4 Arial, sans-serif; color: #202824; box-shadow: none; float: none; }
.sakit-header #search .input-lg::placeholder { color: #626d64; opacity: 1; }
.sakit-header #search .button_search { flex: 0 0 52px; display: block; width: 52px; position: static; }
.sakit-header #search .btn-search { width: 52px; height: 48px; padding: 0; border: 0; border-radius: 0 7px 7px 0; background: var(--sakit-green) !important; color: #fff !important; box-shadow: none; font-size: 19px; }
.sakit-header #search .btn-search:hover { background: #4d7c08 !important; }
.sakit-header #search_word { display: none !important; }
.sakit-header .sakit-model-help { display: inline-block; margin-top: 8px; color: #426e0a; font: 12px/1.4 Arial, sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.sakit-header .sakit-actions { display: flex; align-items: center; gap: 12px; }
.sakit-header .sakit-account > .btn, .sakit-header #wishlist-total { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 64px; min-height: 52px; padding: 5px; background: #fff; color: #202824 !important; border: 0; border-radius: 8px; box-shadow: none; text-decoration: none; font: 12px/1.3 Arial, sans-serif; }
.sakit-header .sakit-account > .btn > .fa { font-size: 23px; }
.sakit-header .sakit-account .caret { display: none; }
.sakit-header #wishlist-total { max-width: 110px; text-align: center; }
.sakit-header #wishlist-total::before { content: "\f08a"; font: 23px/1 FontAwesome; }
.sakit-header #wishlist-total > .fa { display: none; }
.sakit-header .sakit-account > .btn:hover, .sakit-header #wishlist-total:hover { background: #f3f7ed; color: #426e0a !important; }
.sakit-header .sakit-account .dropdown-menu { min-width: 190px; inset-inline-start: auto; inset-inline-end: 0; }
.sakit-header .sakit-cart { width: 150px; border-inline-start: 1px solid var(--sakit-line); padding-inline-start: 12px; }
.sakit-header .shopping-cart { float: none !important; padding: 0 !important; }
.sakit-header #cart { margin: 0 !important; width: 100%; z-index: 1002; }
.sakit-header #cart > .btn { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 52px; padding: 6px; background: #fff !important; border: 0; border-radius: 8px; box-shadow: none !important; color: #202824 !important; text-align: start; white-space: normal; }
.sakit-header #cart > .btn:hover { background: #f3f7ed !important; }
.sakit-header #cart > .btn .shop-bag { position: static; float: none; flex: 0 0 auto; font-size: 26px; line-height: 1; text-shadow: none; color: #426e0a !important; max-width: 28px; }
.sakit-header #cart > .btn .car-down { display: none; }
.sakit-header #cart > .btn .cart-total { display: block; margin: 0; padding: 0; color: #202824 !important; font: 12px/1.4 Arial, sans-serif; text-align: start; }
.sakit-header #cart .cart-total b { color: #202824 !important; }
.sakit-header #cart .products, .sakit-header #cart .prices { display: block; float: none; position: static; padding: 0; margin: 0; height: auto; min-width: 0; width: auto; color: #202824; background: none; border: 0; border-radius: 0; font: 12px/1.4 Arial, sans-serif; }
.sakit-header #cart .products b { position: static; display: inline; background: none; padding: 0; border: 0; font-size: inherit; }
.sakit-header #cart .products .text_product { display: inline; }
.sakit-header #cart .dropdown-menu { width: 420px; max-width: calc(100vw - 24px); inset-inline-start: auto; inset-inline-end: 0; }
.sakit-header .sakit-nav-shell { border-top: 1px solid #f0f2ee; }
.sakit-header .sakit-nav-inner { display: flex; align-items: center; gap: 20px; padding-top: 12px; padding-bottom: 12px; }
.sakit-header .sakit-menu { flex: 1 1 auto; min-width: 0; }
.sakit-header .sakit-menu > .container, .sakit-header .sakit-menu .menu-fixed > .container { width: 100%; padding: 0; }
.sakit-header .sakit-menu > .container > .row { display: flex; align-items: center; margin: 0; gap: 20px; }
.sakit-header .sakit-menu > .container > .row > [class*="col-"] { float: none; left: auto; right: auto; padding: 0; }
.sakit-header .sakit-menu > .container > .row > .col-md-3 { order: -1; width: 220px; flex: 0 0 220px; }
.sakit-header .sakit-menu > .container > .row > .col-md-9 { width: auto; flex: 1; min-width: 0; }
.sakit-header #additional-menu, .sakit-header #horizontal-menu { margin: 0; border: 0 !important; background: transparent !important; box-shadow: none; min-height: 48px; }
.sakit-header #additional-menu > div > .nav, .sakit-header #horizontal-menu .navbar-nav { display: flex; flex-wrap: wrap; float: none; }
.sakit-header #additional-menu .sakit-additional-content { padding: 0; border: 0; }
.sakit-header #additional-menu .nav > li > a, .sakit-header #horizontal-menu .nav > li > a { color: #202824 !important; background: transparent; font: 700 16px/24px Arial, sans-serif; font-weight: 700 !important; font-size: 16px !important; padding: 12px 12px; text-transform: none; }
.sakit-header #additional-menu .nav > li > a:hover, .sakit-header #horizontal-menu .nav > li > a:hover { background: #f3f7ed; color: #426e0a !important; border-radius: 6px; }
.sakit-header #additional-menu .nav > li > a > .cat-label, .sakit-header #horizontal-menu .nav > li > a > .cat-label { display: none; }
.sakit-header #menu { margin: 0; box-shadow: none; }
.sakit-header #menu > .btn-menu { min-height: 48px; padding: 12px 18px; border: 0; border-radius: 7px; background: var(--sakit-green) !important; color: #fff !important; box-shadow: none; font: 700 16px/24px Arial, sans-serif; font-size: 16px !important; text-transform: none; text-align: start; }
.sakit-header #menu > .btn-menu:hover { background: #4d7c08 !important; }
.sakit-header #menu > .btn-menu .fa { position: static; float: none; margin-inline-end: 12px; }
.sakit-header #menu-list { margin-top: 4px; }
.sakit-header .sakit-phone { flex: 0 0 auto; max-width: 180px; }
.sakit-header #phone { padding: 0; }
.sakit-header #phone .contact-header { font: 19px/1.35 Arial, sans-serif; }
.sakit-header #phone .tel-info { direction: ltr; unicode-bidi: isolate; font-weight: 700 !important; font-size: 19px !important; }
.sakit-header #phone .additional-tel .fa { font-size: 18px; color: #426e0a; }
.sakit-header #phone .additional-tel { margin: 0; padding: 0; }
.sakit-header #phone .text_after_phone { font-size: 11px; }
.sakit-header .dropdown-menu { font-family: Arial, sans-serif; border: 1px solid var(--sakit-line); border-radius: 8px; box-shadow: 0 10px 28px #1620151a; }
.sakit-header a:focus-visible, .sakit-header button:focus-visible, #top.sakit-utility a:focus-visible, #top.sakit-utility button:focus-visible { outline: 3px solid #416d07; outline-offset: 3px; }
.sakit-header .dropdown-menu a, .sakit-header .dropdown-menu button { line-height: 1.5; }
#sakit-model-guide { font-family: Arial, sans-serif; }
#sakit-model-guide .modal-content { border-radius: 12px; }
#sakit-model-guide .modal-body { font-size: 16px; line-height: 1.7; }
#sakit-model-guide .sakit-contact-link { color: #426e0a; text-decoration: underline; }
html[dir="rtl"] .sakit-header #search .btn-search { border-radius: 7px 0 0 7px; }
html[dir="rtl"] .sakit-header .sakit-menu > .container > .row { flex-direction: row; }
html[dir="rtl"] #top.sakit-utility .dropdown-menu { left: 0; right: auto; }
@media (max-width: 1199px) and (min-width: 992px) {
  .sakit-header .sakit-main { gap: 18px; grid-template-columns: 130px minmax(180px, 1fr) auto; }
  .sakit-header .sakit-actions { gap: 4px; }
  .sakit-header .sakit-cart { width: 125px; }
  .sakit-header .sakit-menu > .container > .row { gap: 10px; }
  .sakit-header .sakit-menu > .container > .row > .col-md-3 { width: 180px; flex-basis: 180px; }
  .sakit-header #additional-menu .nav > li > a { padding: 12px 8px; font-size: 14px !important; }
  .sakit-header .sakit-nav-inner { gap: 12px; }
  .sakit-header .sakit-phone { max-width: 160px; }
  .sakit-header #phone .contact-header { font-size: 17px; }
  .sakit-header #phone .tel-info { font-size: 17px !important; }
}
@media (max-width: 991px) {
  #top.sakit-utility > .container { min-height: 40px; }
  #top.sakit-utility .btn-link { padding: 10px 6px; font-size: 12px; }
  #top.sakit-utility #compare-total { display: none; }
  .sakit-header .sakit-main { grid-template-columns: minmax(80px, 1fr) auto; gap: 12px; padding: 16px 0 12px; }
  .sakit-header .sakit-search { grid-column: 1 / -1; grid-row: 2; }
  .sakit-header #logo img { width: 112px; }
  .sakit-header .sakit-actions { gap: 5px; }
  .sakit-header .sakit-account > .btn, .sakit-header #wishlist-total { min-width: 48px; max-width: 80px; min-height: 48px; font-size: 11px; }
  .sakit-header .sakit-cart { width: 124px; padding-inline-start: 8px; }
  .sakit-header .sakit-phone { display: none; }
  .sakit-header .sakit-nav-inner { padding-top: 0; padding-bottom: 10px; }
  .sakit-header .sakit-nav-shell { border: 0; }
  .sakit-header .sakit-menu > .container > .row { display: block; }
  .sakit-header .sakit-menu > .container > .row > .col-md-3 { width: 100%; }
  .sakit-header #menu > .btn-menu { min-height: 44px; }
  .sakit-header #menu-list { width: 100%; max-width: calc(100vw - 30px); }
  .sakit-header #menu #menu-list a { white-space: normal; }
}
@media (max-width: 479px) {
  #top.sakit-utility #compare-total { display: none; }
  .sakit-header .sakit-main { gap: 10px; }
  .sakit-header #logo img { width: 80px; }
  .sakit-header #wishlist-total { max-width: 60px; font-size: 10px; }
  .sakit-header .sakit-account > .btn { max-width: 62px; font-size: 10px; }
  .sakit-header .sakit-cart { width: 70px; padding-inline-start: 5px; }
  .sakit-header #cart > .btn { flex-direction: column; gap: 2px; padding: 2px; }
  .sakit-header #cart .products { display: none; }
  .sakit-header #cart > .btn .cart-total { font-size: 10px; text-align: center; }
  .sakit-header #search .input-lg { font-size: 13px; padding: 0 10px; }
}