/** Shopify CDN: Minification failed

Line 111:10 Unexpected "{"
Line 111:19 Expected ":"

**/
.search__input.field__input {
    padding-right: 9.8rem;
  }
  
  .search__button {
    right: var(--inputs-border-width);
    top: var(--inputs-border-width);
  }
  
  .reset__button {
    right: calc(var(--inputs-border-width) + 4.4rem);
    top: var(--inputs-border-width);
  }
  
  .reset__button:not(:focus-visible)::after {
    border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
    display: block;
    height: calc(100% - 1.6rem);
    content: '';
    position: absolute;
    right: 0;
  }
  
  .reset__button:not(:focus)::after {
    border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
    display: block;
    height: calc(100% - 1.8rem);
    content: '';
    position: absolute;
    right: 0;
  }
  
  .search__button:focus-visible,
  .reset__button:focus-visible {
    background-color: rgb(var(--color-background));
    z-index: 4;
  }
  
  .search__button:focus,
  .reset__button:focus {
    background-color: rgb(var(--color-background));
    z-index: 4;
  }
  
  .search__button:not(:focus-visible):not(.focused),
  .reset__button:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
    background-color: inherit;
  }
  
  .search__button:hover .icon,
  .reset__button:hover .icon {
    transform: scale(1.07);
  }
  
  .search__button .icon {
    height: 1.8rem;
    width: 1.8rem;
  }
  
  .reset__button .icon.icon-close {
    height: 1.8rem;
    width: 1.8rem;
    stroke-width: 0.1rem;
  }
  
  /* Remove extra spacing for search inputs in Safari */
  input::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  .template-search__results {
    position: relative;
  }
  
  .main-search-bar-wrapper {
  background-color: #f3f3f3;
  }
  .main-search-bar {
    display: flex;
    align-items: center;
    max-width: 100%;
  }
  .search-input {
    flex: 1;
    border: none;
    border-bottom: 2px solid #141414;
    font-size: 1rem;
    padding: 0.5rem;
    outline: none;
  }
  .search-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.5rem;
  }

/* 1) Quitar la separación que deja la barra de búsqueda */
.template-search__search {
  margin-bottom: 0 !important;
}

/* 2) Quitar el padding-top que aplica la clase de sección */
.section-{{ section.id }}-padding {
  padding-top: 0 !important;
}