/* =========================================================
   Morsink performance / CLS / Algolia header – CLEAN FILE
   ========================================================= */

/* --- Top bar USPs: keep horizontal BEFORE Owl loads --- */
header .tp_head .innr_tp .usp {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  overflow: hidden;
  max-height: 30px;
  height: 30px;
}
header .tp_head .innr_tp .usp > .item,
header .tp_head .innr_tp .usp > li {
  flex: 0 0 auto;
  white-space: nowrap;
  list-style: none;
}
/* Hide extra USP items until carousel is ready (prevents stacked CLS) */
header .tp_head .innr_tp .usp:not(.owl-loaded) > .item:not(:first-child),
header .tp_head .innr_tp .usp:not(.owl-loaded) > li:not(:first-child) {
  display: none !important;
}

/* --- Home USPs under hero: always one row before JS --- */
.home_new .usp_lst.hm_usp {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start;
  width: 100%;
}
.home_new .usp_lst.hm_usp > li {
  display: flex !important;
  width: 25% !important;
  flex: 0 0 25%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .home_new .usp_lst.hm_usp {
    flex-wrap: wrap !important;
  }
  .home_new .usp_lst.hm_usp > li {
    width: 50% !important;
    flex: 0 0 50%;
  }
}

/* --- Header stacking: topbar dropdown ABOVE mid_head + red nav --- */
header .tp_head {
  position: relative;
  z-index: 50;
  overflow: visible !important;
}
header .tp_head .innr_tp,
header .tp_head .innr_tp .rgt_,
header .tp_head .innr_tp .rgt_ .drp_ {
  overflow: visible !important;
  position: relative;
  z-index: 51;
}
header .tp_head .drp_ .drp_cont,
header .tp_head .drp_ .drp_cont.drp_open {
  z-index: 60 !important;
}
header .mid_head {
  position: relative;
  z-index: 30;
  overflow: visible;
  min-height: unset;
}
header .mid_head .inner_mid_head {
  min-height: unset;
  overflow: visible;
}
header .nav_links {
  position: relative;
  z-index: 20;
}
header .nav_links .main_cat li .mega_menu {
  z-index: 40 !important;
}

/* --- Logo: desktop only (mobile keeps native layout) --- */
@media (min-width: 992px) {
  header .mid_head .inner_mid_head .logo {
    position: relative;
    display: block;
    width: 270px;
    min-width: 270px;
    height: 60px;
    overflow: hidden;
    flex-shrink: 0;
  }
  header .mid_head .inner_mid_head .logo .logo-static {
    display: block !important;
    width: 270px;
    height: 60px;
    object-fit: contain;
  }
  header .mid_head .inner_mid_head .logo .logo-lottie,
  header .mid_head .inner_mid_head .logo dotlottie-player {
    position: absolute;
    inset: 0;
    width: 270px;
    height: 60px;
    opacity: 0;
    pointer-events: none;
  }
  header .mid_head .inner_mid_head .logo.lottie-ready .logo-lottie,
  header .mid_head .inner_mid_head .logo.lottie-ready dotlottie-player {
    opacity: 1;
  }
  header .mid_head .inner_mid_head .logo.lottie-ready .logo-static {
    opacity: 0;
  }
}
@media (max-width: 991px) {
  header .mid_head .inner_mid_head .logo {
    width: auto !important;
    min-width: 0 !important;
    max-width: 160px;
    height: auto !important;
    overflow: visible !important;
  }
  header .mid_head .inner_mid_head .logo dotlottie-player,
  header .mid_head .inner_mid_head .logo .logo-lottie {
    opacity: 1 !important;
    position: static !important;
    pointer-events: auto !important;
    width: 140px !important;
    height: 40px !important;
    display: block !important;
  }
  header .mid_head {
    min-height: 0 !important;
  }
  /* Category images must be visible even if lazy class never fires */
  .home_new .category .cat > img {
    opacity: 1 !important;
  }
}

/* --- Hero: DO NOT force huge size --- */
.home_new .banner {
  min-height: unset !important;
  aspect-ratio: unset !important;
}

/* --- Hero Algolia thinner + hide empty results --- */
#morsink-algolia-hero .brand-container {
  min-height: 48px;
  padding: 2px;
}
#morsink-algolia-hero .ais-SearchBox-form,
#morsink-algolia-hero .algolia-placeholder {
  height: 46px !important;
  min-height: 46px !important;
}
#hero-results-container.hidden-results,
#morsink-algolia-hero .hidden-results,
#header-results-container.hidden-results {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.algolia-stats-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* --- Header search: black bar look + Algolia input --- */
#morsink-algolia-header.srch_sec {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 31;
}
#morsink-algolia-header .srch_algolia_box {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 12px;
}
#morsink-algolia-header .ais-SearchBox-form {
  height: 37px !important;
  min-height: 37px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#morsink-algolia-header .ais-SearchBox-input {
  height: 37px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 8px 0 0 !important;
  font-size: 14px !important;
  border-radius: 0 !important;
  width: 100% !important;
  outline: none !important;
}
#morsink-algolia-header .ais-SearchBox-submit,
#morsink-algolia-header .ais-SearchBox-reset,
#morsink-algolia-header .ais-SearchBox-loadingIndicator {
  display: none !important;
}
header .mid_head .inner_mid_head .srch_sec .srch_sub {
  background: #333;
  color: #fff;
}

/* Results dropdown ABOVE red menu */
#morsink-algolia-header #header-results-container.suggestions {
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 10px) !important;
  z-index: 100 !important;
  background: #fff !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.18) !important;
  width: min(560px, 92vw) !important;
  max-height: 400px !important;
  overflow: auto !important;
  border-radius: 12px !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  padding: 8px 0 !important;
}
#morsink-algolia-header #header-results-container.suggestions.hidden-results {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
}

/* Hit cards in HEADER (same look as .inner_srch) */
#morsink-algolia-header .hit-card,
#morsink-algolia-header .ais-InfiniteHits-item .hit-card {
  display: flex !important;
  align-items: center !important;
  padding: 10px 16px !important;
  gap: 14px !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  box-sizing: border-box !important;
}
#morsink-algolia-header .hit-card:hover {
  background: #f8f8f8;
}
#morsink-algolia-header .thumb-box {
  width: 64px !important;
  height: 64px !important;
  flex-shrink: 0 !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#morsink-algolia-header .thumb-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 3px !important;
}
#morsink-algolia-header .hit-card .flex-grow {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#morsink-algolia-header .hit-card h3 {
  font: 16px/22px "OpenSans-Semibold", sans-serif !important;
  margin: 0 0 4px !important;
  color: #1a1a1a !important;
}
#morsink-algolia-header .hit-card p {
  font: 13px/18px "OpenSans-Regular", sans-serif !important;
  color: #666 !important;
  margin: 0 !important;
  text-transform: none !important;
}
#morsink-algolia-header .hit-card .tracking-tight,
#morsink-algolia-header .hit-card .flex-shrink-0 {
  font: 18px/22px "OpenSans-Bold", sans-serif !important;
  color: #da2525 !important;
  white-space: nowrap !important;
}
#morsink-algolia-header .ais-InfiniteHits-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#morsink-algolia-header .ais-InfiniteHits-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#morsink-algolia-header .ais-InfiniteHits-loadMore {
  display: none !important;
}

/* Tailwind helpers still needed for hit templates */
.morsink-algolia-search .w-full { width: 100%; }
.morsink-algolia-search .flex { display: flex; }
.morsink-algolia-search .flex-wrap { flex-wrap: wrap; }
.morsink-algolia-search .flex-grow { flex: 1 1 0%; min-width: 0; }
.morsink-algolia-search .flex-shrink-0 { flex-shrink: 0; }
.morsink-algolia-search .min-w-0 { min-width: 0; }
.morsink-algolia-search .items-center { align-items: center; }
.morsink-algolia-search .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.morsink-algolia-search .text-brand-red { color: #db2525; }
.morsink-algolia-search .text-brand-dark { color: #1a1a1a; }
.morsink-algolia-search .text-slate-400 { color: #94a3b8; }
.morsink-algolia-search .font-bold { font-weight: 700; }
.morsink-algolia-search .hidden-results { display: none !important; }
.morsink-algolia-search .line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Category carousel reserve (below fold) */
.home_new .category:not(.owl-loaded) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 1101px) {
  .home_new .category:not(.owl-loaded) { grid-template-columns: repeat(4, 1fr); }
}

/* Mobile blog spacing */
@media (max-width: 767px) {
  .blog_slider.blog_ovr { margin-top: 30px !important; }
  .home_new .rvws.padd { padding-bottom: 30px !important; }
}

/* Kill staggered transitions only on first paint */
html:not(.page-loaded) header .mid_head *,
html:not(.page-loaded) header .tp_head * {
  transition: none !important;
}

/* ===== Category banners: smooth load / no stack CLS ===== */
.home_new .category.owl-carousel:not(.owl-loaded) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .home_new .category.owl-carousel:not(.owl-loaded) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1101px) {
  .home_new .category.owl-carousel:not(.owl-loaded) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.home_new .category.owl-carousel:not(.owl-loaded) > .cat {
  width: 100% !important;
  margin: 0 !important;
}
.home_new .category .cat {
  height: 315px;
  background: #1a1a1a;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.home_new .category .cat > img.cat-img,
.home_new .category .cat > img {
  width: 100%;
  height: 315px;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.35s ease;
  background: #1a1a1a;
}
.home_new .category .cat > img.is-loaded,
.home_new .category .cat > img.cat-img.is-loaded {
  opacity: 1;
}
/* Category hover videos: keep original z-index reveal (no opacity hide) */
.home_new .category .cat .video_bg {
  opacity: 1 !important;
}
.home_new .category .cat .cnt_blk {
  z-index: 2;
}
@media (max-width: 991px) {
  .home_new .category .cat,
  .home_new .category .cat > img.cat-img,
  .home_new .category .cat > img {
    height: 260px;
  }
}
/* Fallback: show images if JS never marks loaded */
@media (scripting: none) {
  .home_new .category .cat > img { opacity: 1 !important; }
}
.home_new .category.owl-loaded .cat > img {
  /* after carousel ready, ensure visible even mid-load */
}
.home_new .category .cat > img[complete],
.home_new .category.owl-carousel.owl-loaded .cat > img {
  /* keep fade via is-loaded class */
}
/* Safety timeout handled in JS */

/* ===== Hero streep + mobile CLS ===== */
#hero-results-container.hidden-results,
#header-results-container.hidden-results {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.home_new .banner {
  overflow: visible !important;
  isolation: auto;
  position: relative;
  z-index: 5;
}
.home_new .banner .img_blk,
.home_new .banner .img_blk::before,
.home_new .banner .img_blk img {
  border-radius: inherit;
}
.home_new .banner .lft hr { display: none !important; }
.home_new .banner .lft strong,
.home_new .banner .lft p {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Mobile header height reserves */
@media (max-width: 991px) {
  header .tp_head .innr_tp .usp {
    height: 30px !important;
    max-height: 30px !important;
  }
  header .mid_head {
    min-height: 0;
  }
  .home_new .usp_lst.hm_usp {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  .home_new .usp_lst.hm_usp > li {
    width: 100% !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .home_new .banner .inner_banner {
    min-height: 260px;
  }
}
body.loading header .tp_head .innr_tp {
  height: 30px !important;
  min-height: 30px !important;
  overflow: hidden !important;
}
/* Kill price text-shadow */
.prd_blk .cnt_blk .lft b span,
.prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls strong span,
.cart .suggest_cart .suggest_car .sug_itm .prd_flx .txt_ b span,
.prcd_ovr_main .prcd_ovr_inr .prcd_right .prcd_btm_itms .prd_blk .cnt_blk .lft b span,
.prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls b span {
  text-shadow: none !important;
}
.prd_blk .cnt_blk .lft b,
.prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls strong {
  text-shadow: none !important;
}

/* Mobile header: black srch_sec + Algolia (no rainbow) */
@media (max-width: 991px) {
  #morsink-algolia-header.srch_sec .brand-container,
  #morsink-algolia-header .brand-container {
    background: transparent !important;
    animation: none !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  #morsink-algolia-header.srch_sec {
    display: flex !important;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }
  #morsink-algolia-header .srch_algolia_box {
    flex: 1 1 auto;
    min-width: 0;
  }
  #morsink-algolia-header .ais-SearchBox-form {
    height: 37px !important;
    min-height: 37px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  #morsink-algolia-header .ais-SearchBox-input {
    height: 37px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 8px 0 0 !important;
    font-size: 14px !important;
  }
  #morsink-algolia-header .ais-SearchBox-submit,
  #morsink-algolia-header .ais-SearchBox-reset,
  #morsink-algolia-header .ais-SearchBox-loadingIndicator {
    display: none !important;
  }
}
/* ===== PRICE SHADOW KILL FINAL ===== */
.prd_blk .cnt_blk .lft b span,
.prd_blk .cnt_blk .lft b,
.prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls strong span,
.prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls strong,
.cart .suggest_cart .suggest_car .sug_itm .prd_flx .txt_ b span,
.prcd_ovr_main .prcd_ovr_inr .prcd_right .prcd_btm_itms .prd_blk .cnt_blk .lft b span,
.prd_detail span,
span[style*="text-shadow"] {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}
/* ===== HERO ALGOLIA RESULTS Z ===== */
.home_new .banner .inner_banner {
  overflow: visible !important;
  position: relative;
  z-index: 6;
}
.home_new .banner .inner_banner .lft .morsink-algolia-search {
  position: relative;
  z-index: 7;
}
#hero-results-container:not(.hidden-results),
#morsink-algolia-hero #hero-results-container:not(.hidden-results) {
  position: absolute !important;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 9999 !important;
  display: block !important;
  height: auto !important;
  max-height: 70vh;
  overflow: auto !important;
  visibility: visible !important;
  margin: 0 !important;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,.2);
}
.home_new .usp_lst.hm_usp,
.home_new > .container,
.home_new .container {
  position: relative;
  z-index: 1;
}

/* Mobile price fonts = desktop Exo-BlackItalic, no shadow */
@media (max-width: 991px) {
  .prd_blk .cnt_blk .lft b,
  .prd_blk .cnt_blk .lft b span,
  .prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls strong,
  .prd_detail .tp_details .inner_dtls .rgt_ .prc_dtls strong span {
    font-family: "Exo-BlackItalic", "Exo-Black", sans-serif !important;
    font-weight: normal !important;
    font-style: italic !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
  }
}
/* sticky soft */
header .mid_head.sticky-active {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}