/* TechnoSet: light refresh v1. Load AFTER the theme styles. */
body.ts-refresh {
  background: #f5f6f8;
  color: #414752;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.ts-refresh h1, .ts-refresh h2, .ts-refresh h3,
.ts-refresh h4, .ts-refresh h5, .ts-refresh h6,
.ts-refresh input, .ts-refresh select, .ts-refresh button {
  font-family: inherit;
  letter-spacing: 0;
}
.ts-refresh a:focus-visible, .ts-refresh button:focus-visible,
.ts-refresh input:focus-visible, .ts-refresh select:focus-visible {
  outline: 3px solid #266bd1;
  outline-offset: 3px;
}
.ts-refresh .ts-header { background: transparent; }
.ts-refresh .header-top-right { margin: 0; }
.ts-refresh #top { background: #d91d36; }
.ts-refresh #top-links > ul { margin: 0; }
.ts-refresh #top-links > ul > li > a > span { display: inline !important; }
.ts-refresh #top-links > ul > li { padding: 0 8px; }
.ts-refresh #top-links > ul > li > a,
.ts-refresh #top-links > ul > li > .dropdown > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  color: #fff;
  font-size: 13px;
  padding: 4px 0;
}
.ts-refresh #top-links .dropdown-menu {
  left: auto;
  right: 0;
  top: 100%;
  border-radius: 10px;
  box-shadow: 0 8px 28px #15213b1a;
}
.ts-refresh #top-links .dropdown-menu a { padding: 10px 14px; }
.ts-refresh header .full-header,
.ts-refresh.common-home header .full-header { margin: 0 0 24px; }
.ts-refresh .full-header.fixed {
  /* Keep the header in normal flow: no jumping or covered content. */
  position: relative !important;
  top: auto;
  animation: none;
  transition: none;
}
.ts-refresh .full-header > .ts-header-grid {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.ts-refresh .ts-header-grid::before,
.ts-refresh .ts-header-grid::after { display: none; }
.ts-refresh .ts-header-grid > .header-left,
.ts-refresh .ts-header-grid > .header-middle,
.ts-refresh .ts-header-grid > .header-right,
.ts-refresh .ts-header-grid > .header-right-cms {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.ts-refresh .ts-header-grid > .header-left { grid-area: 1 / 1; }
.ts-refresh .ts-header-grid > .header-middle { grid-area: 1 / 2; }
.ts-refresh .ts-header-grid > .header-right-cms { grid-area: 1 / 3; }
.ts-refresh .ts-header-grid > .header-right { grid-area: 1 / 4; }
.ts-refresh #logo { width: auto; margin: 0; }
.ts-refresh #logo img { max-width: 171px; width: 100%; height: auto; }
.ts-refresh .ts-contact-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  color: #fff;
  font-size: 14px;
}
.ts-refresh .ts-contact-link .fa { font-size: 20px; }
.ts-refresh #header-search.input-group {
  display: flex;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 10px;
}
.ts-refresh #header-search > .form-control.input-lg {
  float: none;
  flex: 1 1 0%;
  min-width: 0;
  width: 0;
  height: 48px;
  margin: 0;
  padding: 0 16px;
  border-radius: 10px 0 0 10px;
  color: #252b34;
  font-size: 16px;
}
.ts-refresh #header-search .select-wrapper {
  flex: 0 0 130px;
  float: none;
  width: 130px;
  height: 48px;
  border-left: 1px solid #e7e9ee;
}
.ts-refresh #header-search .select-wrapper::after { top: 15px; }
.ts-refresh #header-search .select-wrapper .select-wrapper {
  width: 100%;
  border: 0;
}
.ts-refresh .header-middle #header-search select.form-control {
  margin: 0;
  padding: 0 25px 0 10px;
  color: #414752;
  border-radius: 0;
  font-size: 13px;
}
.ts-refresh #header-search span.input-group-btn { float: none; width: auto; flex: 0 0 auto; }
.ts-refresh .header-middle #header-search .btn-default {
  width: auto;
  height: 48px;
  min-width: 52px;
  padding: 0 18px;
  margin: 0;
  background: #202633;
  border: 0;
  border-radius: 0 10px 10px 0;
  font-size: 14px;
  line-height: 48px;
}
.ts-refresh .header-middle #header-search .btn-default:hover { background: #101722; }
.ts-refresh .header-right #cart {
  position: relative;
  float: none;
  inset: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  height: 48px;
  margin: 0;
  background: transparent;
}
.ts-refresh #cart .cart-heading { margin: 0; font: inherit; color: #fff; }
.ts-refresh .header-right #cart > button.btn { width: 44px; height: 44px; }
.ts-refresh #cart > .dropdown-menu {
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  width: min(360px, calc(100vw - 32px));
  min-width: 0;
  border: 1px solid #e7e9ee;
  border-radius: 12px;
  box-shadow: 0 12px 32px #15213b26;
  max-height: 70vh;
  overflow: auto;
}
.ts-refresh .left-main-menu { border-radius: 12px; }
.ts-refresh .main-category-list .menu-category ul.dropmenu li a {
  color: #414752;
  text-transform: none;
  line-height: 1.45;
}
.ts-refresh .page-title-wrapper { background: transparent; }
.ts-refresh .page-title-wrapper h1 { line-height: 1.3; overflow-wrap: anywhere; }
.ts-refresh .breadcrumb { background: transparent; line-height: 1.5; }
.ts-refresh .product-thumb {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 12px;
  box-shadow: none;
}
.ts-refresh .product-thumb h4 { min-height: 42px; line-height: 21px; }
.ts-refresh .product-thumb h4 a { white-space: normal; text-transform: none; color: #252b34; font-size: 14px; }
.ts-refresh .product-thumb .price,
.ts-refresh .product-thumb .price-new { font: 700 19px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: #d91d36; }
.ts-refresh .product-thumb .price-old { color: #687182; font-size: 14px; font-weight: 400; }
.ts-refresh .product-thumb:focus-within .button-group { opacity: 1; }
.ts-refresh #button-cart { min-height: 48px; border-radius: 8px; font-size: 16px; }
.ts-refresh #input-quantity { min-height: 48px; font-size: 16px; }
@media (max-width: 1199px) and (min-width: 992px) {
  .ts-refresh .full-header > .ts-header-grid { grid-template-columns: 171px minmax(0, 1fr) 44px auto; gap: 16px; }
  .ts-refresh .ts-contact-link span { display: none; }
  .ts-refresh .ts-contact-link { width: 44px; }
  .ts-refresh #header-search .select-wrapper { flex-basis: 110px; width: 110px; }
}
@media (max-width: 991px) {
  .ts-refresh .full-header > .ts-header-grid { grid-template-columns: minmax(0, 1fr) 44px 44px; gap: 12px; padding-top: 10px; padding-bottom: 10px; }
  .ts-refresh .ts-header-grid > .header-middle { grid-area: 2 / 1 / 3 / -1; }
  .ts-refresh .ts-header-grid > .header-right-cms { grid-area: 1 / 2; }
  .ts-refresh .ts-header-grid > .header-right { grid-area: 1 / 3; }
  .ts-refresh .ts-contact-link { width: 44px; }
  .ts-refresh .ts-contact-link span { display: none; }
  .ts-refresh #cart .cart-heading { display: none; }
  .ts-refresh .ts-header-grid > .main-category-list { grid-column: 1 / -1; width: 100%; padding-right: 0; }
  .ts-refresh .ts-header-grid > .main-category-list .menu-category { top: 100%; }
  .ts-refresh .left-main-menu .TT-panel-heading { min-height: 44px; font-family: inherit; }
  .ts-refresh header .full-header,
  .ts-refresh.common-home header .full-header { margin-bottom: 16px; }
}
@media (max-width: 767px) {
  .ts-refresh #top-links > ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 12px; }
  .ts-refresh #top-links > ul > li { padding: 0; }
  .ts-refresh #top-links > ul > li > a,
  .ts-refresh #top-links > ul > li > .dropdown > a { font-size: 12px; min-height: 36px; }
  .ts-refresh #top-links .ttuserheading { display: none; }
  .ts-refresh #top-links .dropdown-toggle > .fa-user { display: inline-block; }
  .ts-refresh #top-links .dropdown-toggle { min-width: 36px; justify-content: center; }
  .ts-refresh #header-search .select-wrapper { flex-basis: 105px; width: 105px; }
  .ts-refresh #header-search > .form-control.input-lg { padding: 0 10px; }
  .ts-refresh .header-middle #header-search .btn-default { font-size: 0; padding: 0; width: 48px; min-width: 48px; }
  .ts-refresh #header-search .header-search-btn .fa.fa-search { display: inline-block; font-size: 18px; }
  .ts-refresh .page-title-wrapper h1 { font-size: 22px; }
  .ts-refresh .product-thumb .button-group { position: static; opacity: 1; margin: 10px 12px 14px; }
  .ts-refresh .product-thumb .button-group button { min-width: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .ts-refresh .product-thumb *, .ts-refresh .full-header { transition: none !important; animation: none !important; }
}