/** Shopify CDN: Minification failed

Line 2705:4 Expected identifier but found "0"
Line 3432:0 Expected "}" to go with "{"

**/
/* ==========================================================
   EMBRACE POSITIVITY — EP HEADER 2.0 CLEAN STYLESHEET
   Desktop design + safe mobile fallback
   ========================================================== */

:root {
  --ep-header-wood: url("/cdn/shop/files/wood-button.png?v=1784919282");
  --ep-header-rope: url("/cdn/shop/files/embrace-rope-divider-bold.png?v=1784986564");
  --ep-facebook-icon: url("/cdn/shop/files/facebook-icon.png?v=1785438589");
  --ep-instagram-icon: url("/cdn/shop/files/instagram-icon.png?v=1785438589");
}

/* ==========================================================
   1. SHARED HEADER FOUNDATION
   ========================================================== */

.header-wrapper {
  background-color: #70401f !important;
  background-image:
    linear-gradient(rgba(54, 28, 12, 0.12), rgba(54, 28, 12, 0.28)),
    var(--ep-header-wood) !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.header {
  position: relative !important;
  overflow: visible !important;
}

.header::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-image: var(--ep-header-rope);
  background-repeat: repeat-x;
  background-position: center;
  pointer-events: none;
}

/* ==========================================================
   2. ANNOUNCEMENT BAR
   ========================================================== */

.shopify-section-group-header-group .utility-bar {
  position: relative !important;
  overflow: visible !important;
  background: #2b160b !important;
  color: #fff8e8 !important;
  border-bottom: 2px solid #5b321d !important;
  box-sizing: border-box !important;
}

.utility-bar .announcement-bar,
.utility-bar .announcement-bar__link,
.utility-bar .announcement-bar__message {
  background: transparent !important;
  box-shadow: none !important;
}

.utility-bar .announcement-bar-slider,
.utility-bar .announcement-bar {
  width: 100% !important;
  max-width: none !important;
}

/* Desktop uses the hanging sign instead of announcement text. */
@media screen and (min-width: 990px) {
  .shopify-section-group-header-group .utility-bar {
    min-height: 118px !important;
    height: 118px !important;
    padding: 0 !important;
  }

  .utility-bar .announcement-bar__message {
    font-size: 0 !important;
    color: transparent !important;
    padding: 0 !important;
  }
}

/* Tablet and phone keep normal announcement text. */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .shopify-section-group-header-group .utility-bar {
    min-height: 72px !important;
    padding: 25px 15px 10px !important;
  }

  .utility-bar .announcement-bar__message {
    color: #fff8e8 !important;
    font-family: "Special Elite", cursive !important;
    font-size: 1.3rem !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 749px) {
  .shopify-section-group-header-group .utility-bar {
    min-height: auto !important;
    padding: 10px 14px !important;
  }

  .utility-bar .announcement-bar__message {
    color: #fff8e8 !important;
    font-family: "Special Elite", cursive !important;
    font-size: 1.15rem !important;
    letter-spacing: 0.03em !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* ==========================================================
   3. DESKTOP HEADER LAYOUT
   ========================================================== */

@media screen and (min-width: 990px) {
  .header-wrapper {
    position: relative !important;
    overflow: visible !important;
    border-bottom: 3px solid #3b1e0d !important;
    box-shadow:
      inset 0 2px 2px rgba(255, 255, 255, 0.14),
      inset 0 -4px 5px rgba(0, 0, 0, 0.28),
      0 5px 14px rgba(0, 0, 0, 0.25) !important;
  }

  .header-wrapper .header {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: end !important;
    height: 270px !important;
    min-height: 270px !important;
    padding: 0 !important;
  }

  .header::after {
    bottom: -2px;
    height: 30px;
    z-index: 30;
    background-size: auto 30px;
    filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.4));
  }

  /* Center logo */
  .header__heading {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 160 !important;
  }

  .header__heading-link {
    
  }

  .header__heading-logo-wrapper {
    overflow: visible !important;
  }

  .header__heading-logo {
    display: block !important;
    width: 235px !important;
    max-width: none !important;
    height: auto !important;
    position: relative !important;
    top: 64px !important;
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.35)) !important;
  }
}

/* ==========================================================
   4. DESKTOP NAVIGATION
   ========================================================== */

@media screen and (min-width: 990px) {
  .header-wrapper .header__inline-menu {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: translateY(-106px) !important;
    z-index: 140 !important;
  }

  .header__inline-menu .list-menu--inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .header__inline-menu .list-menu--inline > li:nth-child(4) {
    margin-left: 275px !important;
  }

  .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  .header__inline-menu .list-menu--inline > li > header-menu > details > summary.header__menu-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    padding: 12px 22px !important;
    background: linear-gradient(180deg, #7b4a28 0%, #61371d 55%, #482510 100%) !important;
    color: #fff3d8 !important;
    border: 2px solid #351b0c !important;
    border-radius: 7px !important;
    font-family: "Special Elite", cursive !important;
    font-size: 20px !important;
    letter-spacing: 0.4px !important;
    text-decoration: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 4px 0 #2b160a,
      0 7px 10px rgba(35, 17, 7, 0.3) !important;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  }

  .header__inline-menu .header__menu-item span,
  .header__inline-menu .header__menu-item svg {
    color: #fff3d8 !important;
    stroke: currentColor !important;
    text-decoration: none !important;
  }

  .header__inline-menu .header__menu-item:hover,
  .header__inline-menu details[open] > summary.header__menu-item {
    background: linear-gradient(180deg, #533019 0%, #3b1e0d 100%) !important;
    color: #fff8e8 !important;
    transform: translateY(-2px) !important;
  }

  .header__inline-menu summary.header__menu-item .icon-caret {
    position: static !important;
    margin-left: 3px !important;
    flex-shrink: 0 !important;
  }
}

/* ==========================================================
   5. HEADER CHARACTERS
   ========================================================== */

@media screen and (min-width: 990px) {
  .header-wrapper::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: calc(50% - 318px) !important;
    top: 54px !important;
    width: 220px !important;
    height: 220px !important;
    background-image: url("/cdn/shop/files/ope_header_image_only.png?v=1785527045") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 200px auto !important;
    z-index: 120 !important;
    pointer-events: none !important;
  }

  .header-wrapper::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: calc(50% + 105px) !important;
    top: 30px !important;
    width: 245px !important;
    height: 170px !important;
    background-image: url("/cdn/shop/files/eugene_header_image_only.png?v=1785418598") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: contain !important;
    z-index: 120 !important;
    pointer-events: none !important;
  }
}

@media screen and (max-width: 989px) {
  .header-wrapper::before,
  .header-wrapper::after {
    display: none !important;
  }
}

/* ==========================================================
   6. HANGING SHIPPING SIGN
   Higher, in front, barely overlapping the logo
   ========================================================== */

@media screen and (min-width: 990px) {
  .ep-utility-shipping {
    position: absolute !important;
    left: 50% !important;
    top: -160px !important;
    transform: translateX(-50%) !important;
    width: 470px !important;
    z-index: 500 !important;
    pointer-events: none !important;
  }

  .ep-utility-shipping img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* ==========================================================
   7. CUSTOM UTILITY ROW
   Left: email + wooden Facebook + wooden Instagram
   Right: wooden search + account + cart
   ========================================================== */

@media screen and (min-width: 990px) {
  .ep-utility-row {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 118px !important;
    min-height: 118px !important;
    padding: 0 52px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 400 !important;
    pointer-events: none !important;
  }

  .ep-utility-support,
  .ep-utility-actions,
  .utility-bar .list-social {
    pointer-events: auto !important;
  }

  .ep-utility-support {
    position: relative !important;
    top: -120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9999 !important;
  }

  .ep-utility-icon {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }

  .ep-utility-label {
    display: none !important;
  }

  .ep-utility-actions {
    position: relative !important;
    top: -125px !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
  }

  .ep-wood-icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
  }

  .ep-wood-icon img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }

  .ep-wood-icon:hover {
    transform: translateY(-2px) !important;
    opacity: 0.88 !important;
  }

  .ep-cart-count {
    position: absolute !important;
    top: -4px !important;
    right: -5px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f6e8d2 !important;
    color: #3b2413 !important;
    border: 1px solid #5a341a !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  /* Wooden Facebook and Instagram beside the email icon. */
  .utility-bar .list-social {
    position: absolute !important;
    left: 115px !important;
    top: 30px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
  }

  .utility-bar .list-social__item,
  .utility-bar .list-social__link {
    margin: 0 !important;
    padding: 0 !important;
  }

  .utility-bar .list-social__link {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }

  .utility-bar .list-social__item:nth-child(1) .list-social__link {
    background-image: var(--ep-facebook-icon) !important;
  }

  .utility-bar .list-social__item:nth-child(2) .list-social__link {
    background-image: var(--ep-instagram-icon) !important;
  }

  .utility-bar .list-social__link svg,
  .utility-bar .list-social__link .icon {
    display: none !important;
  }

  /* Hide Dawn's original icon group only. Custom wood icons live elsewhere. */
  .header__icons {
    display: none !important;
  }
}

/* ==========================================================
   8. CUSTOM WOOD SEARCH MODAL
   CSS support for the custom Liquid details-modal block
   ========================================================== */

@media screen and (min-width: 990px) {
  .ep-wood-search {
    display: block !important;
    position: relative !important;
  }

  .ep-wood-search > details > summary {
    list-style: none !important;
  }

  .ep-wood-search > details > summary::-webkit-details-marker {
    display: none !important;
  }

  .ep-wood-search .ep-wood-icon--search {
    cursor: pointer !important;
  }

  .ep-wood-search .search-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
  }
}

/* ==========================================================
   9. MOBILE SAFE FALLBACK
   ========================================================== */

@media screen and (max-width: 989px) {
  .header {
    padding-top: 10px !important;
    padding-bottom: 16px !important;
  }

  .header::after {
    bottom: -6px;
    height: 22px;
    background-size: auto 22px;
  }

  .ep-utility-row,
  .ep-utility-shipping {
    display: none !important;
  }
}
/* ==========================================================
   FLOATING SEARCH BOX UNDER WOODEN SEARCH ICON
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search,
  .ep-wood-search details {
    position: relative !important;
  }

  /* Replace Dawn's full-screen search overlay */
  .ep-wood-search .search-modal {
    position: absolute !important;

    top: 58px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;

    width: 420px !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 14px !important;

    background: #f4e3c5 !important;
    border: 3px solid #553018 !important;
    border-radius: 8px !important;

    box-shadow:
      0 8px 18px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;

    overflow: visible !important;
    z-index: 99999 !important;
  }

  .ep-wood-search .search-modal__content {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    background: transparent !important;
  }

  .ep-wood-search .search-modal__form {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .ep-wood-search .field {
    width: 100% !important;
    max-width: none !important;
    padding-right: 122px !important;
  }

  .ep-wood-search .search__input.field__input {
    height: 48px !important;
    padding-left: 16px !important;
    padding-right: 52px !important;

    background: #fffaf0 !important;
    color: #342012 !important;
    border: 2px solid #6a4126 !important;
    border-radius: 5px !important;

    font-size: 16px !important;
  }

  .ep-wood-search .field__label {
    color: #6a4a32 !important;
    font-size: 14px !important;
  }

  /* SEARCH BUTTONS */
.ep-wood-search .search__button,
.ep-wood-search .reset__button {

    width: 44px !important;
    height: 44px !important;

    background: linear-gradient(
        to bottom,
        #f7e2ba 0%,
        #e7c583 45%,
        #d4a760 100%
    ) !important;

    border: 1px solid #6b4020 !important;
    border-radius: 0 !important;

    color: #3b2413 !important;

    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.35),
        inset 0 -2px 3px rgba(0,0,0,.25);

    transition: .2s ease;
}



/* SEARCH ICONS */
.ep-wood-search .search__button svg,
.ep-wood-search .reset__button svg{
    width:22px;
    height:22px;
    color:#4d2d17 !important;
    stroke-width:2.4;
}
/* HOVER */
.ep-wood-search .search__button:hover,
.ep-wood-search .reset__button:hover{

    background:linear-gradient(
        to bottom,
        #ffe9c2,
        #efcb88,
        #dfb36b
    ) !important;

    transform:translateY(-1px);
}


  /* Small close button in the upper-right corner */
  .ep-wood-search .search-modal__close-button {
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #5a321b !important;
    color: #fff4dc !important;
    border: 2px solid #2f170b !important;
    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35) !important;
  }

  .ep-wood-search .search-modal__close-button svg {
    width: 16px !important;
    height: 16px !important;
    color: #fff4dc !important;
  }

  /* Keep predictive-search results attached below the box */
  .ep-wood-search .predictive-search {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-height: 420px !important;

    background: #fffaf0 !important;
    border: 2px solid #6a4126 !important;
    border-radius: 6px !important;

    overflow-y: auto !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.32) !important;
  }
}
/* Keep wooden search trigger visible */
@media screen and (min-width: 990px) {

  .ep-wood-search {
    display: block !important;
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    overflow: visible !important;
  }

  .ep-wood-search .header__search,
  .ep-wood-search details-modal,
  .ep-wood-search details {
    display: block !important;
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    overflow: visible !important;
  }

  .ep-wood-search .header__icon--search {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;

    background-image:
      url("/cdn/shop/files/search-icon.png?v=1785438589") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 48px 48px !important;

    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
    z-index: 100000 !important;
  }

  .ep-wood-search .header__icon--search .svg-wrapper,
  .ep-wood-search .header__icon--search svg {
    display: none !important;
  }
}

/* Remove Dawn's full-screen search container */
.search-modal {
    position: absolute !important;
    inset: auto !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

.search-modal__content {
    background: transparent !important;
}

.search-modal__content::before,
.search-modal__content::after {
    display: none !important;
}

.predictive-search {
    background: #fffaf0 !important;
}
/* ==========================================================
   REMOVE BACKDROP FROM CUSTOM FLOATING SEARCH ONLY
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search .modal-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    background: transparent !important;
    pointer-events: none !important;
  }

  .ep-wood-search .search-modal {
    background: transparent !important;
    box-shadow: none !important;
  }

  .ep-wood-search .search-modal__content,
  .ep-wood-search .search-modal__content-bottom,
  .ep-wood-search .search-modal__content-top {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    background: transparent !important;
    box-shadow: none !important;
  }
}
/* Remove the outer popup frame, keep the search field itself */
@media screen and (min-width: 990px) {

  .ep-wood-search .search-modal {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .ep-wood-search .search-modal__content {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Keep the cream search field border */
  .ep-wood-search .field {
    background: #f4e3c5 !important;
    border: 3px solid #553018 !important;
    border-radius: 8px !important;
    padding: 14px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35) !important;
  }
}
/* ==========================================================
   FINAL FLOATING SEARCH POLISH
   Label position + predictive product layout
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Make the floating popup wide enough for suggestions/products */
  .ep-wood-search .search-modal {
    width: 600px !important;
    max-width: calc(100vw - 40px) !important;
  }

  /* Keep the input area neat */
  .ep-wood-search .field {
    position: relative !important;
    padding: 10px !important;
  }

  .ep-wood-search .search__input.field__input {
    height: 58px !important;
    padding:
      22px
      100px
      7px
      18px !important;
  }

  /* Move the floating word “Search” down */
  .ep-wood-search .field__label {
    top: 7px !important;
    left: 19px !important;

    transform: none !important;

    font-size: 12px !important;
    line-height: 1 !important;

    color: #75523a !important;
    pointer-events: none !important;
  }

  /* Keep reset and submit buttons aligned */
  .ep-wood-search .reset__button,
  .ep-wood-search .search__button {
    top: 10px !important;
    height: 58px !important;
  }

  .ep-wood-search .reset__button {
    right: 58px !important;
  }

  .ep-wood-search .search__button {
    right: 10px !important;
  }

  /* Predictive-results panel */
  .ep-wood-search .predictive-search {
    width: 600px !important;
    max-width: calc(100vw - 40px) !important;

    padding: 18px !important;
    overflow-x: hidden !important;
  }

  /* Give Suggestions and Products sensible column widths */
  .ep-wood-search .predictive-search__results-groups-wrapper {
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(240px, 0.9fr) !important;

    gap: 26px !important;
    align-items: start !important;
  }

  .ep-wood-search .predictive-search__result-group {
    min-width: 0 !important;
  }

  /* Product result rows */
  .ep-wood-search
  .predictive-search__item--link-with-thumbnail {
    display: grid !important;
    grid-template-columns:
      72px
      minmax(0, 1fr) !important;

    gap: 12px !important;
    align-items: start !important;

    width: 100% !important;
    padding: 10px 0 !important;
  }

  .ep-wood-search .predictive-search__image {
    width: 72px !important;
    height: 72px !important;

    object-fit: cover !important;
    border-radius: 5px !important;
  }

  .ep-wood-search .predictive-search__item-content {
    min-width: 0 !important;
    width: 100% !important;
  }

  .ep-wood-search .predictive-search__item-heading {
    margin: 0 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
  }
}
/* ==========================================================
   SEARCH FINAL TWEAKS
   ========================================================== */

@media screen and (min-width: 990px) {

  /*----------------------------------------------------
    LOWER THE WORD "SEARCH"
  ----------------------------------------------------*/
  .ep-wood-search .field__label{
      top:12px !important;
      left:18px !important;
      font-size:12px !important;
      line-height:1 !important;
      transform:none !important;
  }

  /*----------------------------------------------------
    INPUT
  ----------------------------------------------------*/
  .ep-wood-search .search__input.field__input{
      height:58px !important;
      padding:24px 100px 8px 18px !important;
      font-size:18px !important;
  }

  /*----------------------------------------------------
    WOOD BACKGROUND
  ----------------------------------------------------*/
  .ep-wood-search .predictive-search{
      background-image:url("/cdn/shop/files/wood-background.jpg") !important;
      background-size:cover !important;
      background-repeat:no-repeat !important;
      background-position:center !important;

      border:3px solid #553018 !important;
      border-radius:8px !important;

      max-height:700px !important;
      overflow-y:auto !important;

      padding:18px !important;
  }

  /*----------------------------------------------------
    PRODUCT AREA
  ----------------------------------------------------*/
  .ep-wood-search .predictive-search__results-groups-wrapper{

      display:grid !important;

      grid-template-columns:
      minmax(0,1fr)
      minmax(260px,.9fr) !important;

      gap:24px !important;
      align-items:start !important;
  }

  .ep-wood-search .predictive-search__item--link-with-thumbnail{

      display:grid !important;

      grid-template-columns:
      70px
      minmax(0,1fr) !important;

      gap:12px !important;
      align-items:start !important;
  }

  .ep-wood-search .predictive-search__image{
      width:70px !important;
      height:70px !important;
      object-fit:cover !important;
      border-radius:4px !important;
  }

  .ep-wood-search .predictive-search__item-heading{
      white-space:normal !important;
      overflow-wrap:anywhere !important;
      font-size:14px !important;
      line-height:1.35 !important;
      color:#ffffff !important;
  }

  .ep-wood-search .predictive-search__heading{
      color:#f7e6c3 !important;
  }

  .ep-wood-search .predictive-search__item{
      color:#ffffff !important;
  }

  /*----------------------------------------------------
    TALLER SCROLL AREA
  ----------------------------------------------------*/
  .ep-wood-search .predictive-search__results{
      max-height:650px !important;
      overflow-y:auto !important;
  }

  .ep-wood-search .predictive-search__results-list{
      max-height:none !important;
  }

}

/* ==========================================================
   SEARCH HEADINGS + CLOSE BUTTON
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Restore Suggestions and Products headings */
  .ep-wood-search .predictive-search__heading,
  .ep-wood-search h2.predictive-search__heading,
  .ep-wood-search .predictive-search__result-group > h2,
  .ep-wood-search .predictive-search__result-group > .predictive-search__heading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    margin: 0 0 12px !important;
    padding: 0 0 8px !important;

    color: #f7e6c3 !important;
    border-bottom: 1px solid rgba(247, 230, 195, 0.45) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.55) !important;
  }

  /* Suggestion links */
  .ep-wood-search .predictive-search__item,
  .ep-wood-search .predictive-search__item:visited,
  .ep-wood-search .predictive-search__item-heading,
  .ep-wood-search .predictive-search__item-query-result {
    color: #fff5df !important;
  }

  /* Product titles */
  .ep-wood-search .predictive-search__item-heading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #fff5df !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* Prices and secondary text */
  .ep-wood-search .price,
  .ep-wood-search .price-item,
  .ep-wood-search .predictive-search__item-vendor {
    color: #ead2ab !important;
  }

  /* Hover effect */
  .ep-wood-search .predictive-search__item:hover {
    background: rgba(255, 245, 223, 0.1) !important;
  }

  /* New rustic close button */
  .ep-wood-search .search-modal__close-button {
    position: absolute !important;
    top: -21px !important;
    right: -21px !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
      linear-gradient(
        180deg,
        #7a4728 0%,
        #4a2714 100%
      ) !important;

    color: #fff0d2 !important;

    border: 2px solid #2c160b !important;
    border-radius: 50% !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.25),
      0 3px 0 #2b150a,
      0 6px 10px rgba(0, 0, 0, 0.4) !important;

    z-index: 100002 !important;
  }

  .ep-wood-search .search-modal__close-button svg {
    width: 18px !important;
    height: 18px !important;

    color: #fff0d2 !important;
    fill: currentColor !important;
  }

  .ep-wood-search .search-modal__close-button:hover {
    transform: translateY(-2px) !important;

    background:
      linear-gradient(
        180deg,
        #925a34 0%,
        #5a301a 100%
      ) !important;
  }
}
/* ==========================================================
   FIX SEARCH RESULTS COLORS AND INTERNAL SCROLL
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Results panel */
  .ep-wood-search .predictive-search {
    width: 800px !important;
    max-width: calc(100vw - 40px) !important;

    height: 440px !important;
    max-height: 440px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: #f8ecd8 !important;
    border: 3px solid #553018 !important;
    border-radius: 8px !important;

    padding: 20px !important;
  }

  /* Force the contents to remain inside the scroll panel */
  .ep-wood-search .predictive-search__results-groups-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .ep-wood-search .predictive-search__results,
  .ep-wood-search .predictive-search__results-list {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Suggestions and Products headings */
  .ep-wood-search .predictive-search__heading,
  .ep-wood-search .predictive-search__result-group > h2 {
    color: #4a2916 !important;
    text-shadow: none !important;

    border-bottom: 1px solid rgba(74, 41, 22, 0.28) !important;
  }

  /* Suggestion links and product titles */
  .ep-wood-search .predictive-search__item,
  .ep-wood-search .predictive-search__item:visited,
  .ep-wood-search .predictive-search__item-heading,
  .ep-wood-search .predictive-search__item-query-result,
  .ep-wood-search .predictive-search mark {
    color: #3b2413 !important;
    text-shadow: none !important;
  }

  /* Product secondary information */
  .ep-wood-search .price,
  .ep-wood-search .price-item,
  .ep-wood-search .predictive-search__item-vendor {
    color: #70472c !important;
  }

  /* Product layout */
  .ep-wood-search .predictive-search__item--link-with-thumbnail {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    gap: 15px !important;
    align-items: start !important;

    padding: 10px !important;
  }

  .ep-wood-search .predictive-search__image {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover !important;
  }

  /* Hover */
  .ep-wood-search .predictive-search__item:hover {
    background: rgba(91, 52, 27, 0.1) !important;
  }

  /* Visible rustic scrollbar */
  .ep-wood-search .predictive-search::-webkit-scrollbar {
    width: 12px !important;
  }

  .ep-wood-search .predictive-search::-webkit-scrollbar-track {
    background: #e2c79e !important;
    border-radius: 8px !important;
  }

  .ep-wood-search .predictive-search::-webkit-scrollbar-thumb {
    background: #63391f !important;
    border: 2px solid #e2c79e !important;
    border-radius: 8px !important;
  }
}
/* ==========================================================
   FINAL DARK COLLECTIONS AND PRODUCTS HEADINGS
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search #predictive-search-queries,
  .ep-wood-search #predictive-search-products,
  .ep-wood-search .predictive-search__heading,
  .ep-wood-search .predictive-search__heading.text-body,
  .ep-wood-search .caption-with-letter-spacing {
    color: #4a2916 !important;
    -webkit-text-fill-color: #4a2916 !important;

    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;

    font-weight: 800 !important;
  }

  .ep-wood-search #predictive-search-queries *,
  .ep-wood-search #predictive-search-products * {
    color: #4a2916 !important;
    -webkit-text-fill-color: #4a2916 !important;
    text-shadow: none !important;
  }
}

/* ==========================================================
   SEARCH RESULTS — RUSTIC BRAND COLORS
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Main results panel */
  .ep-wood-search .predictive-search {
    background:
      linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.035) 0%,
        rgba(0, 0, 0, 0.06) 48%,
        rgba(255, 255, 255, 0.025) 100%
      ),
      repeating-linear-gradient(
        0deg,
        #60361f 0px,
        #60361f 5px,
        #58301b 6px,
        #58301b 10px,
        #6a3d24 11px,
        #6a3d24 15px
      ) !important;

    border: 3px solid #32180c !important;
    border-radius: 8px !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 242, 214, 0.18),
      0 8px 18px rgba(0, 0, 0, 0.42) !important;
  }

  /* Collections and Products headings */
  .ep-wood-search #predictive-search-queries,
  .ep-wood-search #predictive-search-products,
  .ep-wood-search .predictive-search__heading {
    color: #fff0cf !important;
    -webkit-text-fill-color: #fff0cf !important;

    border-bottom: 1px solid rgba(255, 240, 207, 0.35) !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.55) !important;
  }

  /* Collection links and product titles */
  .ep-wood-search .predictive-search__item,
  .ep-wood-search .predictive-search__item:visited,
  .ep-wood-search .predictive-search__item-heading,
  .ep-wood-search .predictive-search__item-query-result,
  .ep-wood-search .predictive-search mark {
    color: #fff4dc !important;
    -webkit-text-fill-color: #fff4dc !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
  }

  /* Product result rows */
  .ep-wood-search .predictive-search__item--link-with-thumbnail {
    background: rgba(35, 16, 7, 0.18) !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
  }

  .ep-wood-search .predictive-search__item:hover,
  .ep-wood-search .predictive-search__item[aria-selected="true"] {
    background: rgba(255, 235, 196, 0.14) !important;
  }

  /* Product images */
  .ep-wood-search .predictive-search__image {
    border: 2px solid #d1a66c !important;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35) !important;
  }

  /* Prices and secondary information */
  .ep-wood-search .price,
  .ep-wood-search .price-item,
  .ep-wood-search .predictive-search__item-vendor {
    color: #e8c796 !important;
    -webkit-text-fill-color: #e8c796 !important;
  }

  /* Rustic scrollbar */
  .ep-wood-search .predictive-search::-webkit-scrollbar-track {
    background: #412313 !important;
  }

  .ep-wood-search .predictive-search::-webkit-scrollbar-thumb {
    background: #b27a43 !important;
    border: 2px solid #412313 !important;
  }
}

/* ==========================================================
   EMBRACE POSITIVITY — WOODEN SEARCH DRAWER
   ========================================================== */

@media screen and (min-width: 990px) {

  /* -------------------------------------------------------
     POSITION SEARCH BENEATH THE SHIPPING SIGN
     ------------------------------------------------------- */

  .ep-wood-search .search-modal {
    position: fixed !important;
    top: 200px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 800px !important;
    max-width: calc(100vw - 50px) !important;
    height: auto !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    z-index: 99999 !important;
  }

  .ep-wood-search .search-modal__content,
  .ep-wood-search .search-modal__content-bottom {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* -------------------------------------------------------
     WOODEN SEARCH FIELD
     ------------------------------------------------------- */

  .ep-wood-search .field {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 10px !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,0.06),
        rgba(0,0,0,0.10),
        rgba(255,255,255,0.04)
      ),
      repeating-linear-gradient(
        0deg,
        #704126 0px,
        #704126 5px,
        #61371f 6px,
        #61371f 11px,
        #7b492b 12px,
        #7b492b 16px
      ) !important;

    border: 3px solid #351a0c !important;
    border-radius: 9px !important;

    box-shadow:
      inset 0 2px 1px rgba(255,255,255,0.15),
      inset 0 -4px 8px rgba(0,0,0,0.30),
      0 7px 15px rgba(0,0,0,0.42) !important;
  }

  .ep-wood-search .search__input.field__input {
    width: 100% !important;
    height: 58px !important;

    padding: 25px 105px 8px 18px !important;

    background: rgba(47, 23, 10, 0.46) !important;
    color: #fff1d2 !important;

    border: 2px solid #c18a51 !important;
    border-radius: 6px !important;

    box-shadow:
      inset 0 3px 8px rgba(0,0,0,0.48),
      inset 0 1px 0 rgba(255,255,255,0.10) !important;

    font-size: 18px !important;
    line-height: 1.2 !important;

    caret-color: #fff1d2 !important;
  }

  .ep-wood-search .search__input::placeholder {
    color: #ead3aa !important;
    opacity: 0.85 !important;
  }

  /* Lower the floating Search label */
  .ep-wood-search .field__label {
    top: 17px !important;
    left: 29px !important;

    color: #ead3aa !important;
    -webkit-text-fill-color: #ead3aa !important;

    font-size: 12px !important;
    line-height: 1 !important;

    transform: none !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.65) !important;
  }

  /* -------------------------------------------------------
     RESET AND SEARCH BUTTONS
     ------------------------------------------------------- */

  .ep-wood-search .reset__button,
  .ep-wood-search .search__button {
    top: 10px !important;

    height: 58px !important;

    background:
      linear-gradient(
        180deg,
        #e9cf9e 0%,
        #c89b5e 100%
      ) !important;

    color: #3b2111 !important;

    border-left: 1px solid #6a3a1d !important;
  }

  .ep-wood-search .reset__button {
    right: 64px !important;
    width: 58px !important;
  }

  .ep-wood-search .search__button {
    right: 10px !important;
    width: 58px !important;

    border-radius: 0 5px 5px 0 !important;
  }

  .ep-wood-search .reset__button svg,
  .ep-wood-search .search__button svg {
    color: #3b2111 !important;
  }

  /* -------------------------------------------------------
     WOODEN DROPDOWN PANEL
     ------------------------------------------------------- */

  .ep-wood-search .predictive-search {
    position: relative !important;
    top: 10px !important;
    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    max-width: none !important;

    height: 440px !important;
    max-height: 440px !important;

    margin: 0 !important;
    padding: 22px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,0.04),
        rgba(0,0,0,0.08),
        rgba(255,255,255,0.03)
      ),
      repeating-linear-gradient(
        0deg,
        #5e351f 0px,
        #5e351f 6px,
        #512b18 7px,
        #512b18 12px,
        #694027 13px,
        #694027 18px
      ) !important;

    border: 4px solid #31170a !important;
    border-radius: 9px !important;

    box-shadow:
      inset 0 2px 1px rgba(255,255,255,0.12),
      inset 0 -5px 10px rgba(0,0,0,0.32),
      0 9px 20px rgba(0,0,0,0.48) !important;
  }

  /* Two-column drawer layout */
  .ep-wood-search .predictive-search__results-groups-wrapper {
    display: grid !important;
    grid-template-columns:
      minmax(230px, 0.75fr)
      minmax(0, 1.35fr) !important;

    gap: 28px !important;
    align-items: start !important;

    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .ep-wood-search .predictive-search__result-group {
    min-width: 0 !important;
  }

  /* -------------------------------------------------------
     COLLECTIONS AND PRODUCTS HEADINGS
     ------------------------------------------------------- */

  .ep-wood-search #predictive-search-queries,
  .ep-wood-search #predictive-search-products,
  .ep-wood-search .predictive-search__heading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    margin: 0 0 15px !important;
    padding: 0 0 10px !important;

    color: #fff0cf !important;
    -webkit-text-fill-color: #fff0cf !important;

    border-bottom: 2px solid rgba(223, 175, 105, 0.58) !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;

    text-shadow: 0 2px 3px rgba(0,0,0,0.75) !important;
  }

  /* -------------------------------------------------------
     COLLECTION LINKS AS WOODEN LABELS
     ------------------------------------------------------- */

  .ep-wood-search
  #predictive-search-results-queries-list
  .predictive-search__item {
    display: block !important;

    margin: 0 0 10px !important;
    padding: 12px 15px !important;

    background:
      linear-gradient(
        180deg,
        #7a482b 0%,
        #5b301a 100%
      ) !important;

    color: #fff1d2 !important;
    -webkit-text-fill-color: #fff1d2 !important;

    border: 1px solid #b47b43 !important;
    border-radius: 6px !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.13),
      0 3px 0 #32180c,
      0 5px 8px rgba(0,0,0,0.30) !important;

    text-shadow: 0 1px 2px rgba(0,0,0,0.65) !important;
  }

  .ep-wood-search
  #predictive-search-results-queries-list
  .predictive-search__item:hover {
    background:
      linear-gradient(
        180deg,
        #93603a 0%,
        #704023 100%
      ) !important;

    transform: translateX(4px) !important;
  }

  /* -------------------------------------------------------
     PRODUCT RESULTS AS BROWN WOOD CARDS
     ------------------------------------------------------- */

  .ep-wood-search
  .predictive-search__item--link-with-thumbnail {
    display: grid !important;
    grid-template-columns:
      88px
      minmax(0, 1fr) !important;

    gap: 14px !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 10px !important;

    background:
      linear-gradient(
        180deg,
        rgba(112, 65, 38, 0.94) 0%,
        rgba(76, 39, 20, 0.96) 100%
      ) !important;

    border: 1px solid #aa7140 !important;
    border-radius: 7px !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.10),
      0 4px 8px rgba(0,0,0,0.32) !important;
  }

  .ep-wood-search
  .predictive-search__item--link-with-thumbnail:hover {
    background:
      linear-gradient(
        180deg,
        rgba(139, 85, 49, 0.97) 0%,
        rgba(94, 51, 28, 0.98) 100%
      ) !important;

    transform: translateY(-2px) !important;
  }

  .ep-wood-search .predictive-search__image {
    width: 88px !important;
    height: 88px !important;

    object-fit: cover !important;

    border: 2px solid #d0a064 !important;
    border-radius: 5px !important;

    box-shadow: 0 3px 7px rgba(0,0,0,0.40) !important;
  }

  .ep-wood-search .predictive-search__item-heading,
  .ep-wood-search .predictive-search__item-query-result,
  .ep-wood-search .predictive-search__item-content {
    color: #fff2d7 !important;
    -webkit-text-fill-color: #fff2d7 !important;

    text-shadow: 0 1px 2px rgba(0,0,0,0.72) !important;
  }

  .ep-wood-search .predictive-search__item-heading {
    white-space: normal !important;
    overflow-wrap: anywhere !important;

    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .ep-wood-search .price,
  .ep-wood-search .price-item,
  .ep-wood-search .predictive-search__item-vendor {
    color: #eac58e !important;
    -webkit-text-fill-color: #eac58e !important;
  }

  /* -------------------------------------------------------
     RUSTIC SCROLLBAR
     ------------------------------------------------------- */

  .ep-wood-search .predictive-search::-webkit-scrollbar {
    width: 12px !important;
  }

  .ep-wood-search .predictive-search::-webkit-scrollbar-track {
    background: #351b0e !important;
    border-radius: 8px !important;
  }

  .ep-wood-search .predictive-search::-webkit-scrollbar-thumb {
    background:
      linear-gradient(
        180deg,
        #c18a51,
        #80502c
      ) !important;

    border: 2px solid #351b0e !important;
    border-radius: 8px !important;
  }

  /* -------------------------------------------------------
     RUSTIC CLOSE BUTTON
     ------------------------------------------------------- */

  .ep-wood-search .search-modal__close-button {
    position: absolute !important;
    top: -22px !important;
    right: -22px !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
      linear-gradient(
        180deg,
        #844c2a 0%,
        #4a2512 100%
      ) !important;

    color: #fff0d2 !important;

    border: 2px solid #2a1308 !important;
    border-radius: 50% !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.20),
      0 4px 0 #291207,
      0 7px 12px rgba(0,0,0,0.45) !important;

    z-index: 100002 !important;
  }

  .ep-wood-search .search-modal__close-button svg {
    width: 18px !important;
    height: 18px !important;

    color: #fff0d2 !important;
    fill: currentColor !important;
  }

  .ep-wood-search .search-modal__close-button:hover {
    transform: translateY(-2px) !important;
  }
}

/* ==========================================================
   REAL-WOOD SEARCH DRAWER
   Replace only the URL on the first line
   ========================================================== */

:root {
  --ep-search-wood:
    url("/cdn/shop/files/wood-button.png?v=1784919282");
}

@media screen and (min-width: 990px) {

  /* Search-bar wooden frame */
  .ep-wood-search .field {
    background-image:
      linear-gradient(
        rgba(45, 21, 9, 0.18),
        rgba(45, 21, 9, 0.18)
      ),
      var(--ep-search-wood) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border: 4px solid #32170a !important;
    border-radius: 9px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 239, 204, 0.18),
      inset 0 -5px 10px rgba(0, 0, 0, 0.42),
      0 7px 16px rgba(0, 0, 0, 0.48) !important;
  }

  /* Dark wooden input area */
  .ep-wood-search .search__input.field__input {
    background:
      linear-gradient(
        180deg,
        rgba(76, 40, 20, 0.90),
        rgba(46, 22, 10, 0.94)
      ) !important;

    color: #fff0d0 !important;
    -webkit-text-fill-color: #fff0d0 !important;

    border: 2px solid #c28b50 !important;
    border-radius: 5px !important;

    box-shadow:
      inset 0 3px 8px rgba(0, 0, 0, 0.55),
      inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;

    caret-color: #fff0d0 !important;
  }

  .ep-wood-search .field__label {
    color: #ead0a2 !important;
    -webkit-text-fill-color: #ead0a2 !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.70) !important;
  }

  /* Entire dropdown uses actual wood */
  .ep-wood-search .predictive-search {
    background-image:
      linear-gradient(
        rgba(43, 20, 8, 0.28),
        rgba(43, 20, 8, 0.28)
      ),
      var(--ep-search-wood) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: repeat-y !important;

    border: 4px solid #2c1308 !important;
    border-radius: 10px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 238, 201, 0.14),
      inset 0 -6px 12px rgba(0, 0, 0, 0.45),
      0 10px 24px rgba(0, 0, 0, 0.52) !important;
  }

  /* Dark-brown background behind each column */
  .ep-wood-search .predictive-search__result-group {
    padding: 16px !important;

    background:
      linear-gradient(
        180deg,
        rgba(68, 34, 16, 0.91),
        rgba(45, 21, 9, 0.94)
      ) !important;

    border: 2px solid #9c6738 !important;
    border-radius: 8px !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 235, 195, 0.12),
      0 5px 10px rgba(0, 0, 0, 0.36) !important;
  }

  /* Collections and Products headings */
  .ep-wood-search #predictive-search-queries,
  .ep-wood-search #predictive-search-products,
  .ep-wood-search .predictive-search__heading {
    color: #fff0cf !important;
    -webkit-text-fill-color: #fff0cf !important;

    border-bottom: 2px solid #b87c42 !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.80) !important;
  }

  /* Individual collection buttons */
  .ep-wood-search
  #predictive-search-results-queries-list
  .predictive-search__item {
    background-image:
      linear-gradient(
        rgba(99, 52, 27, 0.88),
        rgba(67, 31, 14, 0.93)
      ),
      var(--ep-search-wood) !important;

    background-size: cover !important;
    background-position: center !important;

    color: #fff2d5 !important;
    -webkit-text-fill-color: #fff2d5 !important;

    border: 1px solid #c18a50 !important;
    border-radius: 6px !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 3px 0 #271006,
      0 5px 8px rgba(0, 0, 0, 0.34) !important;
  }

  /* Individual product cards */
  .ep-wood-search
  .predictive-search__item--link-with-thumbnail {
    background-image:
      linear-gradient(
        rgba(88, 43, 20, 0.91),
        rgba(54, 24, 10, 0.95)
      ),
      var(--ep-search-wood) !important;

    background-size: cover !important;
    background-position: center !important;

    border: 1px solid #b97c43 !important;
    border-radius: 7px !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 244, 218, 0.10),
      0 4px 9px rgba(0, 0, 0, 0.38) !important;
  }

  .ep-wood-search
  .predictive-search__item--link-with-thumbnail:hover,
  .ep-wood-search
  #predictive-search-results-queries-list
  .predictive-search__item:hover {
    filter: brightness(1.15) !important;
  }

  /* Product and collection text */
  .ep-wood-search .predictive-search__item,
  .ep-wood-search .predictive-search__item-heading,
  .ep-wood-search .predictive-search__item-query-result,
  .ep-wood-search .predictive-search__item-content {
    color: #fff2d5 !important;
    -webkit-text-fill-color: #fff2d5 !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75) !important;
  }

  /* Product photos */
  .ep-wood-search .predictive-search__image {
    border: 2px solid #d2a268 !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.48) !important;
  }

  /* Rustic scrollbar */
  .ep-wood-search .predictive-search::-webkit-scrollbar-track {
    background: #2f1509 !important;
  }

  .ep-wood-search .predictive-search::-webkit-scrollbar-thumb {
    background-image:
      linear-gradient(
        #c18a50,
        #74401f
      ) !important;

    border: 2px solid #2f1509 !important;
    border-radius: 8px !important;
  }
}

/* ==========================================================
   FINAL SEARCH BAR BUTTON OVERRIDE
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search .field {
    overflow: hidden !important;
  }

  
  /* Clear X button */
 /* Search field wrapper */
.ep-wood-search .field{
    display:flex !important;
    align-items:stretch !important;
    overflow:hidden !important;
}

/* Search input */
.ep-wood-search .field__input{
    flex:1 1 auto !important;
    padding-right:0 !important;
}

/* BOTH buttons */
.ep-wood-search .field__button{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:58px !important;
    height:auto !important;

    flex:0 0 58px !important;

    margin:0 !important;

    background:url(YOUR-WOOD-IMAGE) center/cover no-repeat !important;

    border-left:1px solid rgba(255,255,255,.08) !important;
}

/* Search button */
.ep-wood-search button.search__button.field__button{
    width:66px !important;
    min-width:66px !important;
}
  .ep-wood-search button.reset__button.field__button svg,
  .ep-wood-search button.search__button.field__button svg {
    width: 22px !important;
    height: 22px !important;

    color: #fff0cf !important;
    stroke: currentColor !important;
  }

  .ep-wood-search button.reset__button.field__button:hover,
  .ep-wood-search button.search__button.field__button:hover {
    filter: brightness(1.18) !important;
    transform: none !important;
  }

  /* Give typed text enough room */
  .ep-wood-search .search__input.field__input {
    padding-right: 135px !important;
  }
}



/* ==========================================================
   FINAL WOOD BUTTON COLOR FIX
   Keep this as the last code in the file
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search button.reset__button.field__button,
  .ep-wood-search button.search__button.field__button {
    background-image:
      linear-gradient(
        rgba(62, 30, 13, 0.18),
        rgba(34, 15, 6, 0.28)
      ),
      var(--ep-search-wood) !important;

    background-color: #5b2f17 !important;
    background-size: cover !important;
    background-position: center !important;

    color: #fff0cf !important;
    -webkit-text-fill-color: #fff0cf !important;

    border-top: 1px solid #a86c38 !important;
    border-bottom: 1px solid #3a1a0b !important;
    border-left: 1px solid #6f3b1d !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.12),
      inset 0 -3px 5px rgba(0,0,0,0.38) !important;

    filter: none !important;
  }

  .ep-wood-search button.reset__button.field__button svg,
  .ep-wood-search button.search__button.field__button svg {
    color: #fff0cf !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  .ep-wood-search button.reset__button.field__button:hover,
  .ep-wood-search button.search__button.field__button:hover {
    filter: brightness(1.15) !important;
  }
}
/* ==========================================================
   FIX CLEAR X ICON
   Keep this as the last code in the file
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search button.reset__button.field__button svg {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    color: #fff0cf !important;

    fill: none !important;
    stroke: #fff0cf !important;
    stroke-width: 2 !important;
  }

  .ep-wood-search button.reset__button.field__button svg path {
    fill: none !important;
    stroke: #fff0cf !important;
  }

  .ep-wood-search button.reset__button.field__button::before,
  .ep-wood-search button.reset__button.field__button::after {
    background: transparent !important;
  }
}
/* ==========================================================
   FINAL CLEAN SEARCH INPUT AND BUTTON LAYOUT
   Keep this as the last search-button code
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Main wooden search field */
  .ep-wood-search .field {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
    padding: 10px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Input fills the available space before the buttons */
  .ep-wood-search .search__input.field__input {
    position: relative !important;

    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 58px !important;

    margin: 0 !important;
    padding: 24px 18px 8px 18px !important;

    border-radius: 5px 0 0 5px !important;
    box-sizing: border-box !important;
  }

  /* Both buttons sit inside the same flex row */
  .ep-wood-search button.reset__button.field__button,
  .ep-wood-search button.search__button.field__button {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-image:
      linear-gradient(
        rgba(62, 30, 13, 0.18),
        rgba(34, 15, 6, 0.28)
      ),
      var(--ep-search-wood) !important;

    background-color: #5b2f17 !important;
    background-size: cover !important;
    background-position: center !important;

    color: #fff0cf !important;
    -webkit-text-fill-color: #fff0cf !important;

    border-top: 1px solid #a86c38 !important;
    border-bottom: 1px solid #3a1a0b !important;
    border-radius: 0 !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -3px 5px rgba(0, 0, 0, 0.38) !important;

    transform: none !important;
    filter: none !important;
    z-index: 20 !important;
  }

  /* Clear X button */
  .ep-wood-search button.reset__button.field__button {
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;

    border-left: 1px solid #6f3b1d !important;
    border-right: 0 !important;
  }

  /* Magnifying-glass button */
  .ep-wood-search button.search__button.field__button {
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;

    border-left: 0 !important;
    border-right: 1px solid #3a1a0b !important;
    border-radius: 0 5px 5px 0 !important;

    box-shadow:
      inset 1px 0 0 rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -3px 5px rgba(0, 0, 0, 0.38) !important;
  }

  /* Magnifying-glass icon */
  .ep-wood-search button.search__button.field__button svg {
    width: 22px !important;
    height: 22px !important;

    color: #fff0cf !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  /* Clear X icon */
  .ep-wood-search button.reset__button.field__button svg {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    color: #fff0cf !important;
    fill: none !important;
    stroke: #fff0cf !important;
    stroke-width: 2 !important;
  }

  .ep-wood-search button.reset__button.field__button svg path {
    fill: none !important;
    stroke: #fff0cf !important;
  }

  /* Hover */
  .ep-wood-search button.reset__button.field__button:hover,
  .ep-wood-search button.search__button.field__button:hover {
    filter: brightness(1.15) !important;
    transform: none !important;
  }
}
/* ==========================================================
   STOP SEARCH BUTTONS FROM OVERLAPPING INPUT
   Keep this as the final code in the file
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search .search__input.field__input {
    
    padding-right: 140px !important;

    border-radius: 5px 0 0 5px !important;
    box-sizing: border-box !important;
  }

  /* Clear button */
.ep-wood-search button.reset__button.field__button{
    position:absolute !important;
    top:0 !important;
    right:64px !important;
    width:64px !important;
    height:100% !important;
    padding:0 !important;
    border:none !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
    background:url('YOUR-WOOD-IMAGE-HERE') center/cover no-repeat !important;
    z-index:5 !important;
}

/* Search button */
.ep-wood-search button.search__button.field__button{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:64px !important;
    height:100% !important;
    padding:0 !important;
    border:none !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
    background:url('YOUR-WOOD-IMAGE-HERE') center/cover no-repeat !important;
    z-index:5 !important;
}
}

/* ==========================================================
   REMOVE DUPLICATE SEARCH LABEL
   ========================================================== */

@media screen and (min-width: 990px) {

  .ep-wood-search .field__label {
    display: none !important;
  }

  .ep-wood-search .search__input.field__input {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 24px !important;
border-left: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 1px 0 rgba(0,0,0,.35);

  }
}
/* ==========================================================
   SEARCH BUTTONS - SOFT BRUSHED GOLD
   ========================================================== */

@media screen and (min-width:990px){

.ep-wood-search button.reset__button.field__button,
.ep-wood-search button.search__button.field__button{

   
    border-left:1px solid rgba(255,255,255,.15) !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.25),
        inset 0 -1px rgba(0,0,0,.15);
}

}
/* ==========================================================
   REMOVE GAP BETWEEN HEADER AND FIRST HOMEPAGE SECTION
   ========================================================== */

@media screen and (min-width: 990px) {

  body.template-index main#MainContent {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.template-index main#MainContent > .shopify-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.template-index main#MainContent > .shopify-section:first-child > * {
    margin-top: 0 !important;
  }
}

/* ==========================================================
   HOMEPAGE BACKGROUND
   ========================================================== */

body.template-index,
.template-index #MainContent {
  background: linear-gradient(
    to bottom,
    #2b180f 0%,
    #332015 45%,
    #2b180f 100%
  ) !important;
}
/* ==========================================================
   HOMEPAGE SECTION BACKGROUND OVERRIDE
   ========================================================== */

body.template-index #MainContent,
body.template-index #MainContent .shopify-section,
body.template-index #MainContent .gradient,
body.template-index #MainContent .color-background-1,
body.template-index #MainContent .color-background-2 {
  background: linear-gradient(
    to bottom,
    #2b180f 0%,
    #332015 50%,
    #2b180f 100%
  ) !important;
}

/* ==========================================================
   HOMEPAGE FEATURED COLLECTION BACKGROUND
   ========================================================== */

#MainContent .shopify-section:has(.featured_collection)
.color-scheme-1.isolate.gradient,
#MainContent .color-scheme-1.isolate.gradient:has(.featured_collection) {
  background: linear-gradient(
    180deg,
    #2b180f 0%,
    #3a2417 50%,
    #2b180f 100%
  ) !important;
}
#collection-template--22926162297061__featured_collection {
  background: linear-gradient(
    180deg,
    #2b180f 0%,
    #3a2417 50%,
    #2b180f 100%
  ) !important;
}

#collection-template--22926162297061__featured_collection
.collection__title,
#collection-template--22926162297061__featured_collection
.slider-mobile-gutter,
#collection-template--22926162297061__featured_collection
.collection__view-all {
  background: transparent !important;
}

/* ==========================================================
   JEFFREY'S APPROVED PRODUCTS TITLE SIGN
   ========================================================== */

@media screen and (min-width: 990px) {

/* ==========================================================
   JEFFREY'S APPROVED PRODUCTS — WOOD SIGN WITH ARROWS
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Wooden title board */
  #collection-template--22926162297061__featured_collection
  .collection__title {
    position: relative !important;

    width: min(1020px, calc(100% - 80px)) !important;
    margin: 18px auto 38px !important;
    padding: 16px 120px 16px 35px !important;

    background-image:
      linear-gradient(
        rgba(255, 244, 220, 0.06),
        rgba(70, 35, 15, 0.10)
      ),
      var(--ep-search-wood) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border: 3px solid #3b1d0d !important;
    border-radius: 9px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 246, 224, 0.18),
      inset 0 -5px 9px rgba(0, 0, 0, 0.32),
      0 7px 14px rgba(0, 0, 0, 0.38) !important;
  }

  /* Title and carved arrows */
  #collection-template--22926162297061__featured_collection
  .collection__title .title {
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;

    color: #d8ad70 !important;
    -webkit-text-fill-color: #d8ad70 !important;

    font-family: "Special Elite", cursive !important;
    font-size: clamp(30px, 3vw, 48px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    text-align: center !important;

    text-shadow:
      1px 1px 0 #2a1308,
      2px 2px 0 #2a1308,
      0 4px 5px rgba(0, 0, 0, 0.55) !important;
  }

  #collection-template--22926162297061__featured_collection
  .collection__title .title::before,
  #collection-template--22926162297061__featured_collection
  .collection__title .title::after {
    
    display: inline-block !important;
    flex: 0 0 auto !important;

    color: #7b431f !important;
    -webkit-text-fill-color: #7b431f !important;

    font-size: 30px !important;
    line-height: 1 !important;

    text-shadow:
      1px 1px 0 #d2a26a,
      2px 2px 3px rgba(0, 0, 0, 0.5) !important;
  }

  #collection-template--22926162297061__featured_collection
  .collection__title .title::before {
    transform: scaleX(-1) !important;
  }
}

  #collection-template--22926162297061__featured_collection
  .collection__title .title {
    margin: 0 !important;

    color: #f4d49a !important;
    -webkit-text-fill-color: #f4d49a !important;

    font-family: "Special Elite", cursive !important;
    font-size: clamp(34px, 3.3vw, 55px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;

    text-shadow:
      1px 1px 0 #2a1308,
      2px 2px 0 #2a1308,
      0 4px 5px rgba(0, 0, 0, 0.55) !important;
  }
}
/* ============================================================
   JEFFREY'S APPROVED PRODUCTS TITLE SIGN
============================================================ */

@media screen and (min-width: 990px) {

#collection-template--22926162297061__featured_collection
.collection__title{
    position: relative !important;
width: min(1500px, calc(100% - 30px)) !important;
    
    margin: 18px auto 38px !important;
    padding: 26px 145px 26px 70px !important;

    background: var(--ep-search-wood) center center / cover no-repeat !important;

    border: 3px solid #5b3821 !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 2px 2px rgba(255,230,180,.15),
        inset 0 -3px 5px rgba(0,0,0,.30),
        0 12px 24px rgba(0,0,0,.30);
}

/* TITLE */

#collection-template--22926162297061__featured_collection
.collection__title .title{
    font-size:44px !important;
    font-family:'Special Elite', cursive !important;
    font-weight:700 !important;
    color:#55311c !important;   /* dark walnut brown */

    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;

    0 1px 0 #d8b27a,
    0 2px 0 #b68650,
    0 3px 3px rgba(0,0,0,.30),
    
}
/* ==========================================================
   FINAL HOOK AND ROPE POSITION
   MUST BE LAST IN ep-header-v2.css
   ========================================================== */

@media screen and (min-width: 990px) {

  #collection-template--22926162297061__featured_collection
  .collection__title::after {
    content: "" !important;
    position: absolute !important;

    /* Position from the left instead of using right */
    left: calc(100% - 55px) !important;
    right: auto !important;

    top: 50% !important;
    bottom: auto !important;

    width: 100px !important;
    height: 125px !important;

    transform: translateY(-50%) !important;
    translate: none !important;

    background-image: url("") !important;
    background-position: center top !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

    animation: none !important;
    transition: none !important;

    pointer-events: none !important;
    z-index: 20 !important;
  }
}
/* ==========================================================
   FINAL TITLE ARROWS — EXACT H2 SELECTOR
   ========================================================== */

@media screen and (min-width: 990px) {

  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;

    margin: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::before,
  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::after {
    
    display: inline-block !important;

    color: #5a2b12 !important;
    -webkit-text-fill-color: #5a2b12 !important;

    font-family: serif !important;
    font-size: 32px !important;
    line-height: 1 !important;

    text-shadow:
      1px 1px 0 #d7a766,
      2px 2px 3px rgba(0, 0, 0, 0.45) !important;
  }

  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::before {
    transform: scaleX(-1) !important;
  }
}
/* Remove the extra inner title board */
@media screen and (min-width: 990px) {
  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}
/* Final spacing for Jeffrey title sign */
@media screen and (min-width: 990px) {
  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext {
    padding-right: 110px !important;
    padding-left: 40px !important;
    box-sizing: border-box !important;
  }

  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::before,
  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::after {
    font-size: 28px !important;
  }
}
/* ==========================================================
   FINAL JEFFREY TITLE TEXT COLOR
   ========================================================== */

@media screen and (min-width: 990px) {

  #collection-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext {
    color: #6b3f22 !important;
    -webkit-text-fill-color: #6b3f22 !important;

    text-shadow:
      0 1px 0 #d6aa72,
      0 2px 0 #b9834d,
      0 3px 3px rgba(0, 0, 0, 0.28) !important;
  }
}/*==================================================
  JEFFREY APPROVED PRODUCTS TITLE
==================================================*/

#shopify-section-template--22926162297061__featured_collection .collection__title{
  position:relative;
  text-align:center;
  margin:0 0 28px;
}

#shopify-section-template--22926162297061__featured_collection .collection__title .title{
  display:block;
  width:min(1100px,95%);
  margin:auto;
  padding:18px 125px 18px 45px;
  background:var(--ep-header-wood-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border:3px solid #3b2413;
  border-radius:9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),
             inset 0 -2px 0 rgba(0,0,0,.18),
             0 6px 12px rgba(0,0,0,.25);

  color: #5a3218 !important;
-webkit-text-fill-color: #5a3218 !important;
-webkit-text-stroke: 0 !important;

text-shadow:
  0 1px 0 #d9b27b,
  0 2px 2px rgba(0,0,0,.22) !important;
  
  font-size:44px;
  line-height:1;
  white-space:nowrap;
}
#shopify-section-template--22926162297061__featured_collection .collection__title h2 {
  color: #5a3218 !important;
  -webkit-text-fill-color: #5a3218 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow:
    0 1px 0 #d9b27b,
    0 2px 2px rgba(0,0,0,.22) !important;
}



#shopify-section-template--22926162297061__featured_collection .collection__title::after{
  content:"";
  position:absolute;
  right:-85px;
  top:50%;
  transform:translateY(-50%);
  width:110px;
  height:130px;
  background:url("/cdn/shop/files/Rustic-Hook-and-Rope-Coil-Transparent.png?v=1785090396") center top/contain no-repeat;
  pointer-events:none;
}
/* ==========================================================
   FINAL JEFFREY TITLE SIGN
   KEEP THIS AT THE ABSOLUTE BOTTOM OF ep-header-v2.css
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Main wooden sign */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title {
    position: relative !important;

    width: min(1500px, calc(100% - 40px)) !important;
    margin: 18px auto 38px !important;
    padding: 26px 170px 26px 70px !important;

    background:
      var(--ep-search-wood)
      center center / cover no-repeat !important;

    border: 3px solid #5b3821 !important;
    border-radius: 14px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 230, 180, 0.15),
      inset 0 -3px 5px rgba(0, 0, 0, 0.30),
      0 12px 24px rgba(0, 0, 0, 0.30) !important;
  }

  /* Exact title element */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #3a1d0c !important;
    -webkit-text-fill-color: #3a1d0c !important;
    -webkit-text-stroke: 0 !important;

    font-family: "Special Elite", cursive !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    white-space: nowrap !important;

    text-shadow:
      0 -1px 0 rgba(239, 194, 133, 0.48),
      0 1px 0 rgba(38, 16, 5, 0.85),
      0 2px 2px rgba(0, 0, 0, 0.42) !important;
  }

  /* Permanently remove old arrows */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::before,
  #shopify-section-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::after {
    content: none !important;
    display: none !important;
  }

  /* Hook and rope on far-right side */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title::after {
    content: "" !important;
    position: absolute !important;

    left: auto !important;
    right: -35px !important;
    top: 50% !important;

    width: 110px !important;
    height: 130px !important;

    transform: translateY(-50%) !important;

    background:
      url("/cdn/shop/files/Rustic-Hook-and-Rope-Coil-Transparent.png?v=1785090396")
      center top / contain no-repeat !important;

    pointer-events: none !important;
    z-index: 20 !important;
  }
}
/* ==========================================================
   FINAL JEFFREY SIGN — ENGRAVED TEXT + HOOK AND ROPE
   KEEP THIS AT THE ABSOLUTE BOTTOM OF ep-header-v2.css
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Wooden sign */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;

    width: min(1500px, calc(100% - 40px)) !important;
    margin: 18px auto 38px !important;
    padding: 26px 190px 26px 70px !important;

    background:
      var(--ep-search-wood)
      center center / cover no-repeat !important;

    border: 3px solid #5b3821 !important;
    border-radius: 14px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 230, 180, 0.15),
      inset 0 -4px 7px rgba(0, 0, 0, 0.32),
      0 12px 24px rgba(0, 0, 0, 0.30) !important;
  }

  /* Engraved title */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #40200e !important;
    -webkit-text-fill-color: #40200e !important;
    -webkit-text-stroke: 0 !important;

    font-family: "Special Elite", cursive !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    white-space: nowrap !important;

    /* Recessed carved-wood effect */
    text-shadow:
      -1px -1px 1px rgba(28, 11, 3, 0.90),
       1px  1px 0 rgba(223, 170, 105, 0.62),
       2px  2px 2px rgba(34, 13, 4, 0.34) !important;
  }

  /* Remove all old arrows */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::before,
  #shopify-section-template--22926162297061__featured_collection
  .collection__title > h2.title.inline-richtext::after {
    content: none !important;
    display: none !important;
  }

  /* Hook and rope */
  #shopify-section-template--22926162297061__featured_collection
  .collection__title::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    left: auto !important;
    right: 18px !important;
    top: 20% !important;

    width: 150px !important;
    height: 200px !important;

    transform: none !important;

    background-image:
      url("/cdn/shop/files/Rustic-Hook-and-Rope-Coil-Transparent.png?v=1785090396") !important;
    background-position: center top !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;
    z-index: 10 !important;
  }
}
/* ==========================================================
   HUBERT APPROVED COLLECTION — ENGRAVED SIGN + HOOK AND ROPE
   ========================================================== */

@media screen and (min-width: 990px) {

  /* Wooden sign */
  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;

    width: min(1500px, calc(100% - 40px)) !important;
    margin: 18px auto 38px !important;
    padding: 26px 190px 26px 70px !important;

    background:
      var(--ep-search-wood)
      center center / cover no-repeat !important;

    border: 3px solid #5b3821 !important;
    border-radius: 14px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 230, 180, 0.15),
      inset 0 -4px 7px rgba(0, 0, 0, 0.32),
      0 12px 24px rgba(0, 0, 0, 0.30) !important;
  }

  /* Engraved title */
  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title > h2.title.inline-richtext {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #40200e !important;
    -webkit-text-fill-color: #40200e !important;
    -webkit-text-stroke: 0 !important;

    font-family: "Special Elite", cursive !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    white-space: nowrap !important;

    text-shadow:
      -1px -1px 1px rgba(28, 11, 3, 0.90),
       1px  1px 0 rgba(223, 170, 105, 0.62),
       2px  2px 2px rgba(34, 13, 4, 0.34) !important;
  }

  /* Remove old arrows */
  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title > h2.title.inline-richtext::before,
  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title > h2.title.inline-richtext::after {
    content: none !important;
    display: none !important;
  }

  /* Hook and rope */
  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    left: auto !important;
    right: 18px !important;
    top: 20% !important;

    width: 150px !important;
    height: 200px !important;

    transform: none !important;

    background-image:
      url("/cdn/shop/files/Rustic-Hook-and-Rope-Coil-Transparent.png?v=1785090396") !important;
    background-position: center top !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;
    z-index: 10 !important;
  }
}
/* ==========================================================
   HUBERT SECTION BACKGROUND — MATCH JEFFREY
   KEEP PRODUCT GRID WOOD BACKGROUNDS
   ========================================================== */

/* Match the outer section background to Jeffrey */
#shopify-section-template--22926162297061__featured_collection_FGNnjA,
#shopify-section-template--22926162297061__featured_collection_FGNnjA
.color-scheme-1.isolate.gradient {
  background: linear-gradient(
    180deg,
    #2b180f 0%,
    #3a2417 50%,
    #2b180f 100%
  ) !important;

  background-color: #2b180f !important;
}

/* Keep only the title and spacing areas transparent */
#shopify-section-template--22926162297061__featured_collection_FGNnjA
.collection__title,

#shopify-section-template--22926162297061__featured_collection_FGNnjA
.collection__view-all,

#shopify-section-template--22926162297061__featured_collection_FGNnjA
.center {
  background: transparent !important;
  background-color: transparent !important;
}

/* Restore the product-grid area so its wood styling can show */
#shopify-section-template--22926162297061__featured_collection_FGNnjA
.slider-mobile-gutter,

#shopify-section-template--22926162297061__featured_collection_FGNnjA
.collection__products,

#shopify-section-template--22926162297061__featured_collection_FGNnjA
.product-grid {
  background: unset !important;
  background-color: transparent !important;
  background-image: unset !important;
}
/* ======================================================
   RESTORE HUBERT WOOD TITLE
   ====================================================== */

#shopify-section-template--22926162297061__featured_collection_FGNnjA
.collection__title .title {

  background: var(--ep-header-wood-image) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  border: 3px solid #5b341d !important;
  border-radius: 10px !important;
}/* ==========================================================
   FINAL HUBERT TITLE WOOD RESTORE
   Keep this at the absolute bottom of ep-header-v2.css
   ========================================================== */

@media screen and (min-width: 990px) {

  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title {
    background-image:
      linear-gradient(
        rgba(255, 244, 220, 0.04),
        rgba(55, 25, 10, 0.12)
      ),
      var(--ep-search-wood) !important;

    background-color: #70401f !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    border: 3px solid #5b3821 !important;
    border-radius: 14px !important;

    box-shadow:
      inset 0 2px 2px rgba(255, 230, 180, 0.15),
      inset 0 -4px 7px rgba(0, 0, 0, 0.32),
      0 12px 24px rgba(0, 0, 0, 0.30) !important;
  }

  #shopify-section-template--22926162297061__featured_collection_FGNnjA
  .collection__title > h2.title.inline-richtext {
    background: transparent !important;
    background-image: none !important;
  }
}
/* ==========================================================
   FOOTER ROPE
   ========================================================== */

.footer {
  position: relative;
  overflow: visible;
}
.ep-footer-columns::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 16px;

  background: url("/cdn/shop/files/embrace-rope-divider-bold.png?v=1784986564") repeat-x center;
  background-size: auto 16px;

  z-index: 50;
  pointer-events: none;
}

/* Remove divider above payment icons */
.footer__content-bottom{
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Remove extra divider */
.footer{
    border-top: none !important;
}
/* Remove divider above payment icons */
.footer__content-bottom{
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Remove extra divider */
.footer{
    border-top: none !important;
}
/* ==========================================================
   REMOVE ALL LINES ABOVE DEFAULT FOOTER
   ========================================================== */

/* Default Shopify footer */
#shopify-section-sections--22926162559205__footer,
#shopify-section-sections--22926162559205__footer .footer,
#shopify-section-sections--22926162559205__footer .footer__content-top,
#shopify-section-sections--22926162559205__footer .footer__content-bottom,
#shopify-section-sections--22926162559205__footer .footer__content-bottom-wrapper {
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Remove any hidden divider pseudo-elements */
#shopify-section-sections--22926162559205__footer::before,
#shopify-section-sections--22926162559205__footer::after,
#shopify-section-sections--22926162559205__footer .footer::before,
#shopify-section-sections--22926162559205__footer .footer::after,
#shopify-section-sections--22926162559205__footer .footer__content-top::before,
#shopify-section-sections--22926162559205__footer .footer__content-top::after,
#shopify-section-sections--22926162559205__footer .footer__content-bottom::before,
#shopify-section-sections--22926162559205__footer .footer__content-bottom::after {
  content: none !important;
  display: none !important;
}

/* Remove the upper spacing that can appear as a dark divider */
#shopify-section-sections--22926162559205__footer .footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#shopify-section-sections--22926162559205__footer .footer__content-bottom {
  margin-top: 0 !important;
  padding-top: 35px !important;
}

/* TOP ROPE ABOVE HEADER BOARD */

.ep-header-logo::before{
  content:"";
  position:absolute;

  left:-120px;
  right:-120px;
  top:-12px;

  height:14px;

  background:url("/cdn/shop/files/embrace-rope-divider-bold.png?v=1784986564") repeat-x center;
  background-size:auto 14px;

  z-index:20;
  pointer-events:none;
}
/* =====================================================
   ROPE ACROSS TOP OF HEADER LOGO BOARD
   ===================================================== */

.header,
.header__heading,
.header__heading-link {
  overflow: visible !important;
}
/* =====================================================
   FULL-WIDTH ROPE ACROSS TOP OF WOOD HEADER
   ===================================================== */

.header-wrapper {
  position: relative !important;
  overflow: visible !important;
}

.header-wrapper::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;

  top: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: calc(100vw + 20px) !important;
  height: 28px !important;

  background-image: url("/cdn/shop/files/embrace-rope-divider-bold.png?v=1784986564") !important;
  background-repeat: repeat-x !important;
  background-position: center !important;
  background-size: auto 28px !important;

  pointer-events: none !important;
  z-index: 1 !important;
}