:root { --atrak-update-red:#ff3838; }

/* Only remove the accidental red separator; footer structure stays untouched. */
.wd-footer .elementor-section:first-child { border-top:0 !important; }

/* Product copy may wrap, but every CTA remains on the same baseline. */
.wd-products .wd-product .product-wrapper,
.wd-products .wd-product .product-element-bottom {
  display:flex !important;
  flex-direction:column !important;
}
.wd-products .wd-product .product-element-bottom { flex:1 1 auto; min-height:154px !important; }
.wd-products .wd-product .wd-entities-title {
  display:flex !important;
  align-items:flex-start;
  justify-content:center;
  min-height:44px !important;
  margin-bottom:4px !important;
}
.wd-products .wd-product .wd-product-cats {
  display:flex !important;
  align-items:flex-start;
  justify-content:center;
  min-height:44px !important;
  margin-bottom:8px !important;
  line-height:20px !important;
}
.wd-products .wd-product .wd-add-btn { margin-top:auto !important; }

/* Keep the homepage best-seller widgets as compact horizontal Woodmart lists. */
.elementor-element-a12c1f3 .wd-hover-small .product-wrapper {
  flex-direction:row !important;
  align-items:center !important;
}
.elementor-element-a12c1f3 .wd-hover-small .product-element-top {
  flex:0 0 92px !important;
  width:92px !important;
}
.elementor-element-a12c1f3 .wd-hover-small .product-element-bottom {
  display:block !important;
  min-height:0 !important;
  padding-inline-start:12px !important;
}
.elementor-element-a12c1f3 .wd-hover-small .wd-entities-title,
.elementor-element-a12c1f3 .wd-hover-small .wd-product-cats {
  display:block !important;
  min-height:0 !important;
  margin-bottom:4px !important;
  text-align:start !important;
}

@media (min-width:1025px) {
  /* Inner-page search: existing Woodmart behavior, Atrak visual language. */
  body:not(.home) .whb-general-header .wd-header-search-form { width:100% !important; }
  body:not(.home) .whb-general-header .wd-header-search-form .searchform {
    height:48px !important;
    overflow:hidden;
    border:1px solid #e3e5e8 !important;
    border-radius:16px !important;
    background:#f7f8f9 !important;
    box-shadow:0 8px 24px rgba(18,22,30,.06) !important;
  }
  body:not(.home) .whb-general-header .wd-header-search-form .s {
    height:46px !important;
    padding-inline:18px 58px !important;
    color:#202126 !important;
    font-size:14px !important;
    background:transparent !important;
  }
  body:not(.home) .whb-general-header .wd-header-search-form .searchsubmit {
    width:48px !important;
    height:48px !important;
    color:#fff !important;
    background:var(--wd-primary-color,var(--atrak-update-red)) !important;
    border-radius:14px 0 0 14px !important;
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone {
    width:auto !important;
    min-height:42px;
    gap:8px;
    padding-inline:12px 14px !important;
    color:#282b30 !important;
    border:1px solid rgba(38,42,50,.10) !important;
    border-radius:13px !important;
    background:linear-gradient(145deg,#fff,#f2f3f5) !important;
    box-shadow:0 7px 20px rgba(20,24,32,.08) !important;
    transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease !important;
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone .atrak-label {
    display:inline-flex !important;
    direction:ltr;
    font-size:12px;
    font-weight:700;
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone:hover {
    color:#fff !important;
    border-color:var(--wd-primary-color,var(--atrak-update-red)) !important;
    background:var(--wd-primary-color,var(--atrak-update-red)) !important;
    transform:translateY(-1px);
  }
  body:not(.home) .atrak-desktop-tools .atrak-header-phone:hover .atrak-label,
  body:not(.home) .atrak-desktop-tools .atrak-header-phone:hover svg {
    color:#fff !important;
    stroke:currentColor !important;
  }

  /* Homepage uses its existing dark surface; this only fills the unused gap. */
  .home .whb-general-header .whb-col-right.whb-visible-lg { gap:7px !important; }
  .home .whb-general-header .atrak-home-search {
    order:-2;
    flex:1 1 230px;
    min-width:170px;
    max-width:300px;
  }
  .home .whb-general-header .atrak-home-search .searchform {
    position:relative;
    display:flex;
    align-items:center;
    height:40px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .home .whb-general-header .atrak-home-search .s {
    width:100%;
    height:38px;
    padding:0 14px 0 44px;
    color:#fff;
    font-size:13px;
    background:transparent;
    border:0;
  }
  .home .whb-general-header .atrak-home-search .s::placeholder { color:rgba(255,255,255,.64); }
  .home .whb-general-header .atrak-home-search .searchsubmit {
    position:absolute;
    inset:0 auto 0 0;
    display:grid;
    place-items:center;
    width:42px;
    height:40px;
    padding:0;
    color:#fff;
    background:transparent;
    border:0;
  }
  .home .whb-general-header .atrak-home-search .searchsubmit::before,
  .home .whb-general-header .atrak-home-search .searchsubmit::after {
    display:none !important;
    content:none !important;
  }
  .home .whb-general-header .atrak-home-search .searchsubmit > span { display:none !important; }
  .home .whb-general-header .atrak-home-search .searchsubmit svg { display:block !important; }
  .home .whb-general-header .wd-header-search,
  .home .whb-general-header .wd-header-search + .wd-header-divider { display:none !important; }
}

/* Compact search panel instead of a full-page sheet (both Woodmart variants). */
.wd-search-full-screen,
.wd-search-full-screen-2 {
  top:84px !important;
  right:auto !important;
  bottom:auto !important;
  left:50% !important;
  width:min(960px,calc(100vw - 32px)) !important;
  height:min(410px,calc(100dvh - 104px)) !important;
  min-height:220px !important;
  padding:18px !important;
  overflow:auto !important;
  border:1px solid rgba(25,28,34,.08) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 26px 70px rgba(15,18,25,.22) !important;
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  transform:translate3d(-50%,-130%,0) !important;
}
.wd-search-full-screen.wd-opened,
.wd-search-full-screen-2.wd-opened { transform:translate3d(-50%,0,0) !important; }
.wd-search-full-screen .container,
.wd-search-full-screen-2 .container {
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}
.wd-search-full-screen .searchform,
.wd-search-full-screen-2 .searchform {
  width:calc(100% - 58px) !important;
  height:54px !important;
  margin:0 58px 14px 0 !important;
  padding:0 !important;
  overflow:hidden;
  border:1px solid #e3e5e8 !important;
  border-radius:15px !important;
  background:#f6f7f8 !important;
}
.wd-search-full-screen .searchform .s,
.wd-search-full-screen-2 .searchform .s { height:52px !important; padding-inline:16px 54px !important; font-size:15px !important; background:transparent !important; }
.wd-search-full-screen .searchsubmit,
.wd-search-full-screen-2 .searchsubmit { width:52px !important; height:52px !important; color:#fff !important; background:var(--wd-primary-color,var(--atrak-update-red)) !important; border-radius:14px 0 0 14px !important; }
.wd-search-full-screen .wd-close-search,
.wd-search-full-screen-2 .wd-close-search {
  top:18px !important;
  right:18px !important;
  left:auto !important;
  display:grid !important;
  place-items:center;
  width:44px !important;
  height:44px !important;
  color:#282a2f !important;
  background:#f0f1f2 !important;
  border-radius:13px !important;
  z-index:3 !important;
}
.wd-search-full-screen .wd-close-search > a,
.wd-search-full-screen-2 .wd-close-search > a {
  display:block !important;
  width:100% !important;
  height:100% !important;
}
.wd-search-full-screen .wd-search-info-text,
.wd-search-full-screen-2 .wd-search-info-text { padding:8px 12px !important; font-size:13px !important; }
.wd-search-full-screen .wd-search-results,
.wd-search-full-screen-2 .wd-search-results { padding-top:8px !important; }

/* Woodmart already prints a real arrow character; suppress its icon-font duplicate. */
.wd-pagination .prev::before,
.wd-pagination .next::before,
.woocommerce-pagination .prev::before,
.woocommerce-pagination .next::before {
  display:none !important;
  content:none !important;
}

@media (max-width:767px) {
  /* Restore the original hero header surface only; toolbar glass is preserved. */
  .whb-main-header,
  .whb-general-header {
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .home .whb-main-header,
  .home .whb-general-header {
    background:rgba(18,20,24,.78) !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }
  /* Inner pages keep a light but visible header and a stable full-width grid
     while Woodmart switches between its normal and sticky states. */
  body:not(.home) .whb-main-header {
    width:100% !important;
    max-width:100vw !important;
    overflow:visible !important;
    background:linear-gradient(180deg,#f7f8f9 0%,#eef0f2 100%) !important;
    border-bottom:1px solid rgba(25,29,35,.08) !important;
    box-shadow:0 7px 22px rgba(18,22,30,.08) !important;
  }
  body:not(.home) .whb-general-header {
    width:100% !important;
    min-height:64px !important;
    background:transparent !important;
  }
  body:not(.home) .whb-general-header .container {
    width:100% !important;
    max-width:100vw !important;
    margin-inline:auto !important;
    padding-inline:12px !important;
  }
  body:not(.home) .whb-general-header .whb-flex-row {
    width:100% !important;
    min-width:0 !important;
    min-height:64px !important;
    margin:0 !important;
  }
  body:not(.home) .whb-general-header [class*="whb-col"] {
    min-width:0 !important;
    margin:0 !important;
  }
  body:not(.home) .whb-general-header .wd-tools-element,
  body:not(.home) .whb-general-header .atrak-header-chip,
  body:not(.home) .whb-general-header .atrak-native-mobile-nav > a {
    color:#25282d !important;
  }
  body:not(.home) .whb-general-header .wd-tools-element:hover,
  body:not(.home) .whb-general-header .atrak-header-chip:hover,
  body:not(.home) .whb-general-header .atrak-native-mobile-nav > a:hover {
    color:var(--wd-primary-color,var(--atrak-update-red)) !important;
  }
  .atrak-mobile-search {
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    margin:0 2px;
  }
  .atrak-mobile-search > a {
    display:grid !important;
    place-items:center;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    color:inherit !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .atrak-mobile-search svg {
    display:block;
    width:23px;
    height:23px;
  }
  .atrak-native-mobile-nav {
    display:flex !important;
    align-items:center;
    justify-content:center;
  }
  .atrak-native-mobile-nav > a {
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:38px;
    padding:0 !important;
    color:inherit !important;
  }
  .atrak-native-mobile-nav .wd-tools-icon {
    display:grid !important;
    place-items:center;
    width:25px !important;
    height:25px !important;
  }
  .atrak-native-mobile-nav .wd-tools-icon::before { display:none !important; content:none !important; }
  .atrak-native-mobile-nav .atrak-native-menu-svg {
    display:block;
    width:25px;
    height:25px;
  }
  .wd-search-full-screen,
  .wd-search-full-screen-2 {
    top:max(64px,env(safe-area-inset-top,0px)) !important;
    width:calc(100vw - 20px) !important;
    height:min(440px,calc(100dvh - 84px)) !important;
    padding:12px !important;
    border-radius:18px !important;
  }
  .wd-search-full-screen .searchform,
  .wd-search-full-screen-2 .searchform { width:calc(100% - 48px) !important; height:48px !important; margin:0 48px 10px 0 !important; }
  .wd-search-full-screen .searchform .s,
  .wd-search-full-screen-2 .searchform .s { height:46px !important; font-size:14px !important; }
  .wd-search-full-screen .searchsubmit,
  .wd-search-full-screen-2 .searchsubmit { width:46px !important; height:46px !important; }
  .wd-search-full-screen .wd-close-search,
  .wd-search-full-screen-2 .wd-close-search { top:12px !important; right:12px !important; width:40px !important; height:40px !important; }
  .wd-products .wd-product .product-element-bottom { min-height:142px !important; }
  .wd-products .wd-product .wd-product-cats { min-height:42px !important; font-size:12px !important; }
  .elementor-element-a12c1f3 .wd-hover-small .product-element-bottom { min-height:0 !important; }
  .elementor-element-a12c1f3 .wd-hover-small .product-element-top { flex-basis:78px !important; width:78px !important; }
  .mobile-nav .close-side-widget {
    position:sticky;
    top:0;
    z-index:5;
    display:flex !important;
    justify-content:flex-start;
    padding:10px 12px !important;
    background:#fff;
  }
  .mobile-nav .atrak-native-close-button {
    position:sticky;
    top:10px;
    z-index:8;
    display:grid !important;
    place-items:center;
    width:40px;
    height:40px;
    margin:10px 12px 4px auto;
    padding:0;
    color:#22252a;
    font-family:Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    line-height:1;
    border:0;
    border-radius:12px;
    background:#f1f2f3;
    cursor:pointer;
  }
  .mobile-nav .close-side-widget > a {
    display:grid !important;
    place-items:center;
    width:40px;
    height:40px;
    overflow:hidden;
    color:#22252a !important;
    font-size:0 !important;
    border-radius:12px;
    background:#f1f2f3;
  }
  .mobile-nav .close-side-widget > a::before {
    content:"×" !important;
    color:#22252a !important;
    font-family:Arial,sans-serif !important;
    font-size:26px !important;
    font-weight:400 !important;
    line-height:1 !important;
  }

  /* Reserve the fixed toolbar height so cart and checkout actions stay usable. */
  body.woocommerce-cart.atrak-has-mobile-toolbar,
  body.woocommerce-checkout.atrak-has-mobile-toolbar,
  body.fsc-checkout-active.atrak-has-mobile-toolbar {
    padding-bottom:calc(158px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.woocommerce-cart .wc-proceed-to-checkout,
  body.woocommerce-cart .cart-actions,
  body.woocommerce-checkout .form-row.place-order,
  body.woocommerce-checkout .fsc-cart-step-actions,
  body.woocommerce-checkout .fsc-checkout-actions,
  body.fsc-checkout-active .fsc-cart-step-actions,
  body.fsc-checkout-active .fsc-checkout-actions {
    position:relative !important;
    z-index:2 !important;
    margin-bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important;
    scroll-margin-bottom:calc(110px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.woocommerce-cart .checkout-button,
  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout #fsc-place-order,
  body.woocommerce-checkout #fsc-place-order-review,
  body.fsc-checkout-active #fsc-place-order,
  body.fsc-checkout-active #fsc-place-order-review {
    position:relative !important;
    z-index:3 !important;
    min-height:48px !important;
  }
}

@media (min-width:768px) {
  .atrak-mobile-search { display:none !important; }
}

/* v1.0.8: mobile header density and every checkout step. */
@media (max-width:767px) {
  .whb-general-header .whb-flex-row {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
  }
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-right {
    display:flex !important;
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(50% - 36px) !important;
    gap:2px !important;
  }
  .whb-general-header .whb-col-center,
  .whb-general-header .site-logo {
    flex:0 0 72px !important;
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    margin-inline:0 !important;
    z-index:2 !important;
  }
  .whb-general-header .site-logo img,
  .whb-general-header .wd-logo img {
    width:auto !important;
    max-width:58px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }
  .whb-general-header .atrak-mobile-tools {
    flex:0 1 auto !important;
    min-width:0 !important;
    gap:2px !important;
    margin:0 !important;
  }
  .whb-general-header .atrak-mobile-tools .atrak-header-chip,
  .whb-general-header .atrak-mobile-search,
  .whb-general-header .atrak-mobile-search > a,
  .whb-general-header .atrak-native-mobile-nav > a {
    flex:0 0 31px !important;
    width:31px !important;
    min-width:31px !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .whb-general-header .atrak-mobile-tools svg,
  .whb-general-header .atrak-mobile-search svg,
  .whb-general-header .atrak-native-mobile-nav svg {
    width:21px !important;
    height:21px !important;
  }

  /* The inner header is light, so all controls must use ink rather than white. */
  body:not(.home) .whb-general-header .wd-tools-element,
  body:not(.home) .whb-general-header .wd-tools-element > a,
  body:not(.home) .whb-general-header .atrak-header-chip,
  body:not(.home) .whb-general-header .atrak-mobile-search > a,
  body:not(.home) .whb-general-header .atrak-native-mobile-nav > a,
  body:not(.home) .whb-general-header .wd-tools-icon {
    color:#15171a !important;
  }
  body:not(.home) .whb-general-header svg,
  body:not(.home) .whb-general-header svg * {
    stroke:currentColor !important;
  }

  /* On the dark homepage, retain only the icon and native item count. */
  .home .whb-general-header .wd-header-cart .wd-tools-text,
  .home .whb-general-header .wd-header-cart .wd-cart-subtotal,
  .home .whb-general-header .wd-header-cart .subtotal-divider {
    display:none !important;
  }
  .home .whb-general-header .wd-header-cart .wd-cart-number {
    display:grid !important;
    place-items:center !important;
  }

  /* The customer details and shipping/payment panels use the same safe area
     as step one. This also covers fixed/sticky action implementations. */
  body.fsc-checkout-active .fsc-step-panel {
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.fsc-checkout-active .fsc-step-panel .fsc-cart-step-actions,
  body.fsc-checkout-active .fsc-step-panel .fsc-step-actions,
  body.fsc-checkout-active .fsc-step-panel .fsc-checkout-actions,
  body.fsc-checkout-active .fsc-mobile-bottom-bar,
  body.fsc-checkout-active .fsc-mobile-actions,
  body.woocommerce-checkout .fsc-mobile-bottom-bar,
  body.woocommerce-checkout .fsc-mobile-actions {
    bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;
    margin-bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;
    z-index:20 !important;
  }
}

/* v1.0.9: one balanced mobile tool row and a contained search close button. */
.wd-search-full-screen,
.wd-search-full-screen-2 {
  overflow-x:hidden !important;
}
.wd-search-full-screen .wd-close-search,
.wd-search-full-screen-2 .wd-close-search {
  position:absolute !important;
  top:18px !important;
  right:auto !important;
  left:18px !important;
  margin:0 !important;
}
.wd-search-full-screen .searchform,
.wd-search-full-screen-2 .searchform {
  width:calc(100% - 58px) !important;
  margin:0 0 14px 58px !important;
}
.wd-search-full-screen .wd-close-search::before,
.wd-search-full-screen .wd-close-search::after,
.wd-search-full-screen-2 .wd-close-search::before,
.wd-search-full-screen-2 .wd-close-search::after {
  display:none !important;
  content:none !important;
}
.wd-search-full-screen .wd-close-search > a,
.wd-search-full-screen-2 .wd-close-search > a {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  font-size:0 !important;
}
.wd-search-full-screen .wd-close-search > a::before,
.wd-search-full-screen .wd-close-search > a::after,
.wd-search-full-screen-2 .wd-close-search > a::before,
.wd-search-full-screen-2 .wd-close-search > a::after {
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  display:block !important;
  width:19px !important;
  height:2px !important;
  margin:0 !important;
  content:"" !important;
  background:currentColor !important;
  border:0 !important;
  border-radius:2px !important;
}
.wd-search-full-screen .wd-close-search > a::before,
.wd-search-full-screen-2 .wd-close-search > a::before {
  transform:translate(-50%,-50%) rotate(45deg) !important;
}
.wd-search-full-screen .wd-close-search > a::after,
.wd-search-full-screen-2 .wd-close-search > a::after {
  transform:translate(-50%,-50%) rotate(-45deg) !important;
}

@media (max-width:767px) {
  /* The additive search is the single mobile search trigger. */
  .whb-general-header .wd-header-search:not(.atrak-mobile-search) {
    display:none !important;
  }
  .whb-general-header .atrak-native-mobile-nav .wd-tools-text,
  .whb-general-header .wd-header-mobile-nav .wd-tools-text {
    display:none !important;
  }
  .whb-general-header .wd-tools-element,
  .whb-general-header .atrak-header-chip,
  .whb-general-header .atrak-mobile-search,
  .whb-general-header .atrak-native-mobile-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .whb-general-header .wd-tools-element > a,
  .whb-general-header .atrak-header-chip,
  .whb-general-header .atrak-mobile-search > a,
  .whb-general-header .atrak-native-mobile-nav > a {
    display:grid !important;
    place-items:center !important;
    width:34px !important;
    min-width:34px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
  }
  .whb-general-header .wd-tools-icon,
  .whb-general-header .atrak-mobile-tools svg,
  .whb-general-header .atrak-mobile-search svg,
  .whb-general-header .atrak-native-mobile-nav svg {
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    min-height:22px !important;
    margin:0 !important;
  }
  .whb-general-header .atrak-mobile-tools,
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-right {
    align-items:center !important;
    gap:2px !important;
  }

  .home .whb-general-header .wd-tools-element,
  .home .whb-general-header .wd-tools-element > a,
  .home .whb-general-header .atrak-header-chip,
  .home .whb-general-header .atrak-mobile-search > a,
  .home .whb-general-header .atrak-native-mobile-nav > a,
  .home .whb-general-header .wd-tools-icon {
    color:#fff !important;
  }
  .home .whb-general-header svg,
  .home .whb-general-header svg * {
    stroke:currentColor !important;
  }
  body:not(.home) .whb-general-header .wd-tools-element,
  body:not(.home) .whb-general-header .wd-tools-element > a,
  body:not(.home) .whb-general-header .atrak-header-chip,
  body:not(.home) .whb-general-header .atrak-mobile-search > a,
  body:not(.home) .whb-general-header .atrak-native-mobile-nav > a,
  body:not(.home) .whb-general-header .wd-tools-icon {
    color:#17191c !important;
  }

  .wd-search-full-screen .wd-close-search,
  .wd-search-full-screen-2 .wd-close-search {
    top:12px !important;
    right:auto !important;
    left:12px !important;
    width:40px !important;
    height:40px !important;
  }
  .wd-search-full-screen .searchform,
  .wd-search-full-screen-2 .searchform {
    width:calc(100% - 48px) !important;
    margin:0 0 10px 48px !important;
  }
}

/* v1.0.10: balanced hero tools and a mobile-only AJAX details wizard. */
@media (max-width:767px) {
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-right {
    flex:0 1 112px !important;
    width:112px !important;
    min-width:0 !important;
    max-width:112px !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .whb-general-header .whb-col-center,
  .whb-general-header .site-logo {
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
  }
  .whb-general-header .wd-header-cart,
  .whb-general-header .atrak-mobile-search,
  .whb-general-header .atrak-header-chip,
  .whb-general-header .atrak-native-mobile-nav {
    flex:0 0 34px !important;
  }

  body.fsc-checkout-active .fsc-step-panel {
    padding-bottom:calc(174px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.fsc-checkout-active .fsc-step-panel.is-active .fsc-cart-step-actions,
  body.fsc-checkout-active .fsc-step-panel.is-active .fsc-step-actions,
  body.fsc-checkout-active .fsc-step-panel.is-active .fsc-checkout-actions,
  body.fsc-checkout-active .fsc-step-panel.is-active .fsc-mobile-actions,
  body.fsc-checkout-active .fsc-step-panel.is-active .fsc-navigation {
    position:sticky !important;
    right:0 !important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;
    left:0 !important;
    z-index:99997 !important;
    margin:22px 0 0 !important;
    padding:12px !important;
    border:1px solid rgba(25,29,35,.08) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 10px 28px rgba(20,24,32,.10) !important;
  }

  .atrak-mobile-detail-wizard {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin:0 0 16px;
    padding:5px;
    border:1px solid #e7e9ec;
    border-radius:16px;
    background:#f4f5f6;
  }
  .atrak-mobile-detail-tab {
    min-height:38px;
    padding:6px 4px;
    color:#71757d;
    font-size:11px;
    font-weight:700;
    line-height:1.3;
    border:0;
    border-radius:11px;
    background:transparent;
  }
  .atrak-mobile-detail-tab.is-active {
    color:#fff;
    background:var(--wd-primary-color,var(--atrak-update-red));
    box-shadow:0 5px 14px rgba(229,35,41,.20);
  }
  .atrak-mobile-detail-progress {
    grid-column:1/-1;
    height:3px;
    overflow:hidden;
    border-radius:999px;
    background:#dde0e4;
  }
  .atrak-mobile-detail-progress > i {
    display:block;
    width:33.333%;
    height:100%;
    border-radius:inherit;
    background:var(--wd-primary-color,var(--atrak-update-red));
    transition:width .24s ease;
  }
  [data-atrak-detail-group][hidden] {
    display:none !important;
  }
  .atrak-detail-slide-in {
    animation:atrak-detail-slide-in .24s ease both;
  }
  @keyframes atrak-detail-slide-in {
    from { opacity:0; transform:translateX(14px); }
    to { opacity:1; transform:translateX(0); }
  }
  .atrak-mobile-detail-actions {
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:8px;
    margin:18px 0 4px;
  }
  .atrak-mobile-detail-actions button {
    min-height:46px;
    padding:9px 12px;
    font-size:13px;
    font-weight:800;
    border:0;
    border-radius:13px;
  }
  .atrak-mobile-detail-prev {
    color:#34373c;
    background:#eceef0;
  }
  .atrak-mobile-detail-next {
    color:#fff;
    background:var(--wd-primary-color,var(--atrak-update-red));
  }
  .atrak-mobile-detail-prev[hidden],
  .atrak-detail-original-next-hidden {
    display:none !important;
  }
}

/* v1.0.11: deterministic mobile checkout clearance and cart/search balance. */
@media (max-width:767px) {
  .whb-general-header .atrak-cart-search-column {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:visible !important;
  }
  .whb-general-header .atrak-cart-search-column .atrak-mobile-search {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
  }

  /* Bottom site navigation is useful on the cart review, but not while the
     customer is entering details or choosing payment. */
  body.atrak-checkout-deep-step .elementor-element-4268277.atrak-mobile-toolbar-fixed {
    display:none !important;
  }
  body.atrak-checkout-deep-step {
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.atrak-checkout-deep-step .fsc-step-panel,
  body.atrak-checkout-deep-step .fsc-step-panel.is-active {
    padding-bottom:calc(42px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.atrak-checkout-deep-step .fsc-step-panel.is-active .fsc-cart-step-actions,
  body.atrak-checkout-deep-step .fsc-step-panel.is-active .fsc-step-actions,
  body.atrak-checkout-deep-step .fsc-step-panel.is-active .fsc-checkout-actions,
  body.atrak-checkout-deep-step .fsc-step-panel.is-active .fsc-mobile-actions,
  body.atrak-checkout-deep-step .fsc-step-panel.is-active .fsc-navigation {
    bottom:max(10px,env(safe-area-inset-bottom,0px)) !important;
    margin-bottom:0 !important;
  }

  .fsc-cart-step-actions {
    display:grid !important;
    grid-template-columns:minmax(0,.9fr) minmax(150px,1.25fr) !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .fsc-cart-step-actions > * {
    min-width:0 !important;
    max-width:100% !important;
  }
  .fsc-cart-step-actions .fsc-mobile-bottom-total,
  .fsc-cart-step-actions [class*="total"] {
    min-width:0 !important;
    overflow:hidden !important;
  }
  .fsc-cart-step-actions .fsc-mobile-bottom-total-amount,
  .fsc-cart-step-actions strong,
  .fsc-cart-step-actions .amount {
    display:block !important;
    max-width:100% !important;
    font-size:clamp(11px,3.15vw,13px) !important;
    line-height:1.55 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .fsc-cart-step-actions .fsc-next,
  .fsc-cart-step-actions .button {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
  }
}

/* v1.0.12: one search per normal/sticky header, locked beside the cart. */
@media (max-width:767px) {
  .whb-general-header .container {
    width:100% !important;
    max-width:100% !important;
    padding-inline:10px !important;
    box-sizing:border-box !important;
  }
  .whb-general-header .whb-flex-row {
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-right {
    flex:0 0 calc(50% - 32px) !important;
    width:calc(50% - 32px) !important;
    min-width:0 !important;
    max-width:calc(50% - 32px) !important;
    margin:0 !important;
    padding:0 !important;
  }
  .whb-general-header .whb-mobile-left {
    justify-content:flex-start !important;
  }
  .whb-general-header .whb-mobile-right {
    justify-content:flex-end !important;
  }
  .whb-general-header .whb-col-center,
  .whb-general-header .site-logo {
    position:absolute !important;
    top:50% !important;
    right:auto !important;
    left:50% !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
    z-index:3 !important;
  }

  /* Hide every temporary, native or cloned search trigger. Only the custom
     trigger mounted directly beside this header's cart is allowed to render. */
  .whb-general-header .atrak-mobile-search,
  .whb-general-header [class*="wd-header-search"]:not(.atrak-mobile-search):not(.wd-header-search-form) {
    display:none !important;
  }
  .whb-general-header .atrak-cart-search-column > .atrak-mobile-search {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    visibility:visible !important;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    height:38px !important;
    margin:0 !important;
    opacity:1 !important;
    transform:none !important;
  }
  .whb-general-header .atrak-cart-search-column {
    gap:5px !important;
  }
  .whb-general-header .atrak-cart-search-column > .wd-header-cart,
  .whb-general-header .atrak-cart-search-column > .atrak-mobile-search {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
  }
}

/* v1.0.13: a single deterministic mobile header grid for normal and sticky rows. */
@media (max-width:767px) {
  .atrak-mobile-header-normalized .whb-flex-row {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:0 !important;
  }
  .atrak-mobile-header-normalized .whb-flex-row > :not(.atrak-mobile-header-grid) {
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .atrak-mobile-header-grid {
    position:absolute !important;
    inset:0 10px !important;
    display:grid !important;
    grid-template-columns:minmax(72px,1fr) 64px minmax(108px,1fr) !important;
    align-items:center !important;
    gap:4px !important;
    width:auto !important;
    height:64px !important;
    min-height:64px !important;
    color:#17191c;
    direction:ltr;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:20 !important;
  }
  .atrak-mobile-header-grid {
    box-sizing:border-box !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .atrak-mobile-header-left,
  .atrak-mobile-header-center,
  .atrak-mobile-header-right {
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    height:100% !important;
  }
  .atrak-mobile-header-left {
    justify-content:flex-start !important;
    gap:10px !important;
    direction:ltr;
  }
  .atrak-mobile-header-center {
    justify-content:center !important;
    width:64px !important;
  }
  .atrak-mobile-header-right {
    justify-content:flex-end !important;
    gap:4px !important;
    direction:ltr;
  }
  .atrak-mobile-header-grid .site-logo,
  .atrak-mobile-header-grid .wd-logo {
    position:static !important;
    inset:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  .atrak-mobile-header-grid .site-logo img,
  .atrak-mobile-header-grid .wd-logo img {
    display:block !important;
    width:auto !important;
    max-width:54px !important;
    height:auto !important;
    max-height:52px !important;
    margin:auto !important;
    object-fit:contain !important;
  }
  .atrak-mobile-header-grid .wd-tools-element,
  .atrak-mobile-header-grid .atrak-header-chip,
  .atrak-mobile-header-grid .atrak-native-mobile-nav,
  .atrak-mobile-header-grid .wd-header-mobile-nav {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 32px !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    transform:none !important;
  }
  .atrak-mobile-header-grid .wd-tools-element > a,
  .atrak-mobile-header-grid .atrak-header-chip,
  .atrak-mobile-header-grid .atrak-native-mobile-nav > a,
  .atrak-mobile-header-grid .wd-header-mobile-nav > a {
    display:grid !important;
    place-items:center !important;
    width:32px !important;
    min-width:32px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .atrak-mobile-header-grid .wd-tools-icon,
  .atrak-mobile-header-grid svg {
    display:block !important;
    width:21px !important;
    min-width:21px !important;
    height:21px !important;
    min-height:21px !important;
    margin:0 !important;
    color:inherit !important;
    stroke:currentColor !important;
  }
  .atrak-mobile-header-grid .wd-tools-text,
  .atrak-mobile-header-grid .atrak-label {
    display:none !important;
  }
  .atrak-mobile-header-grid .atrak-mobile-search {
    display:flex !important;
  }
  .atrak-mobile-header-duplicate {
    display:none !important;
  }
  .home .atrak-mobile-header-grid {
    color:#fff !important;
  }
  body:not(.home) .atrak-mobile-header-grid {
    color:#17191c !important;
  }
}

/* v1.0.14: restore native logo ownership and finalize the mobile icon order. */
@media (max-width:767px) {
  .atrak-mobile-header-grid {
    grid-template-columns:minmax(112px,1fr) 58px minmax(104px,1fr) !important;
    gap:3px !important;
  }
  .atrak-mobile-header-center {
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
  }
  .atrak-mobile-grid-logo {
    position:static !important;
    inset:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
  }
  .atrak-mobile-grid-logo img {
    display:block !important;
    width:auto !important;
    max-width:52px !important;
    height:auto !important;
    max-height:50px !important;
    margin:auto !important;
    object-fit:contain !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .atrak-mobile-header-left {
    gap:10px !important;
  }
  .atrak-mobile-header-right {
    gap:4px !important;
  }
  .atrak-mobile-header-grid .atrak-mobile-compare {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 32px !important;
    width:32px !important;
    min-width:32px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .atrak-mobile-header-grid .atrak-mobile-compare .wd-tools-icon {
    display:grid !important;
    place-items:center !important;
  }
  .atrak-mobile-header-grid .atrak-mobile-compare .wd-tools-icon:before {
    content:"\f128" !important;
    display:block !important;
    color:inherit !important;
    font-family:"woodmart-font" !important;
    font-size:21px !important;
    font-style:normal !important;
    line-height:1 !important;
  }
  .atrak-mobile-header-right > .atrak-account-link {
    order:1 !important;
  }
  .atrak-mobile-header-right > .atrak-header-phone {
    order:2 !important;
  }
  .atrak-mobile-header-right > .atrak-native-mobile-nav,
  .atrak-mobile-header-right > .wd-header-mobile-nav {
    order:3 !important;
  }
  .atrak-mobile-header-grid .atrak-mobile-compare .wd-tools-count {
    display:none !important;
  }
  .home .atrak-mobile-header-left {
    gap:14px !important;
  }
}