/** Shopify CDN: Minification failed

Line 377:0 Expected "}" to go with "{"

**/

/* Stickerheads — Modern Search (SAFE version)
   Pure styling for inputs & submit buttons. No layout/visibility changes. */

:root{
  --sb-radius: 3px;
  --sb-border: #000000;

  --sb-input-bg: #ffffff;
  --sb-input-text: #111111;
  --sb-placeholder: #666666;

  --sb-btn-bg: #ff6a00;        /* orange */
  --sb-btn-bg-hover: #ff7f1a;  /* hover */
  --sb-btn-text: #ffffff;

  --sb-h-m: 42px;
  --sb-h-d: 46px;
}
@media (min-width: 750px){ :root{ --sb-h: var(--sb-h-d); } }
@media (max-width: 749px){ :root{ --sb-h: var(--sb-h-m); } }

/* ——— Inputs (style only) ——— */
input[type="search"],
.search__input,
.predictive-search__input,
.site-header__search-input,
form[role="search"] input[type="text"],
form[action*="/search"] input[name="q"]{
  background-color: var(--sb-input-bg) !important;
  color: var(--sb-input-text) !important;
  border: 2px solid var(--sb-border) !important;
  height: var(--sb-h);
  padding: 10px 12px;
  line-height: 1.2;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* Rounded pair when input is immediately followed by submit button */
input[type="search"] + button[type="submit"],
.search__input + .search__submit,
.predictive-search__input + .predictive-search__submit{
  /* ensure the shared seam looks clean */
  margin-left: 0;
}

/* Left/Right radii for common paired layouts (safe if they don't apply) */
form[role="search"] input[type="search"],
form[action*="/search"] input[name="q"],
.site-header__search-input{
  border-right: 0 !important;
  border-radius: var(--sb-radius) 0 0 var(--sb-radius);
}
form[role="search"] button[type="submit"],
.search__submit,
.predictive-search__submit{
  border-left: 0 !important;
  border-radius: 0 var(--sb-radius) var(--sb-radius) 0;
}

/* Placeholders */
input[type="search"]::placeholder,
.search__input::placeholder,
.predictive-search__input::placeholder{
  color: var(--sb-placeholder) !important;
  opacity: 1;
}

/* Remove Safari ornaments */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance: none; appearance: none;
}

/* Focus ring (style only) */
input[type="search"]:focus,
.search__input:focus,
.predictive-search__input:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,106,0,.18);
}

/* ——— Submit buttons (style only) ——— */
.search__submit,
.search-bar__submit,
.predictive-search__submit,
form[role="search"] button[type="submit"],
form[action*="/search"] button[type="submit"]{
  background-color: var(--sb-btn-bg) !important;
  color: var(--sb-btn-text) !important;
  border: 2px solid var(--sb-border) !important;
  height: var(--sb-h);
  padding: 0 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;        /* keep label on one line */
  cursor: pointer;
}
.search__submit:hover,
.search-bar__submit:hover,
.predictive-search__submit:hover,
form[role="search"] button[type="submit"]:hover{
  background-color: var(--sb-btn-bg-hover) !important;
}
.search__submit svg,
.search-bar__submit svg,
.predictive-search__submit svg{ fill: currentColor !important; }

/* ——— Mobile: keep button tidy without changing layout ——— */
@media (max-width: 480px){
  /* Slightly tighter padding so it doesn't feel oversized */
  .search__submit,
  .search-bar__submit,
  .predictive-search__submit,
  form[role="search"] button[type="submit"]{
    padding: 0 12px;
  }
}
/* Header-only alignment — safe, won’t affect drawers/apps */
.sh-header .sh-search form{
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 100%;
}

.sh-header .sh-search input[type="search"]{
  height: var(--sb-h);
  box-sizing: border-box;
  border-right: 0 !important;     /* single seam */
  border-radius: 0 !important;    /* square corners */
  min-width: 0;                   /* avoid wrap on narrow screens */
}

.sh-header .sh-search button[type="submit"],
.sh-header .sh-search .search__submit{
  height: var(--sb-h);
  box-sizing: border-box;
  border-left: 0 !important;      /* single seam */
  border-radius: 0 !important;    /* square corners */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1;                  /* perfect vertical centering */
}

/* Keep header search desktop-only */
@media (max-width: 749px){
  .sh-header .sh-search{ display: none !important; }
}
/* Collection pages: remove in-content search bars (top & bottom) */
.template-collection #MainContent form[role="search"],
.template-collection #MainContent form[action*="/search"],
.template-collection #MainContent .search__form,
.template-collection #MainContent .predictive-search__form {
  display: none !important;
}

/* Keep header search untouched */
.site-header form[role="search"], .sh-header .sh-search form { display: inherit; }
#SearchPage .sh-card__title{ display:none; }
#SearchPage .sh-card__body{ padding-top: 8px; }
#SearchPage .sh-card__price{ margin-top: 4px; }
/* Collections: hide product titles under thumbnails (all common themes) */
.template-collection #MainContent .grid-product__title,      /* Debut */
.template-collection #MainContent .grid-view-item__title,    /* Debut alt */
.template-collection #MainContent .product-card__title,      /* vintage themes */
.template-collection #MainContent .list-view-item__title,    /* list view */
.template-collection #MainContent .card__heading,            /* Dawn / OS2 */
.template-collection #MainContent .product-item__title {     /* other variants */
  display: none !important;
}

/* Optional: tighten spacing where the title used to be */
.template-collection #MainContent .card__information,
.template-collection #MainContent .grid-product__meta {
  margin-top: 6px !important;
}
/* ===== Collections: white boxed page wrapper ===== */
.template-collection #MainContent .page-width{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.14);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  padding: 16px;
  border-radius: 0; /* square */
}
@media (min-width: 750px){
  .template-collection #MainContent .page-width{ padding: 20px; }
}

/* ===== Collections: product “card” look (covers Debut/Dawn & friends) ===== */
.template-collection .grid-product,
.template-collection .grid-view-item,
.template-collection .product-card,
.template-collection .product-item,
.template-collection .card{
  background: #fff;
  border: 2px solid #000;       /* black lines */
  border-radius: 0;             /* square corners */
}

/* Image area normalized */
.template-collection .card__media,
.template-collection .grid-product__image-wrapper,
.template-collection .product-card__image{
  background: #fff;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.template-collection .card__media img,
.template-collection .grid-product__image,
.template-collection .product-card__image img{
  width: 100%; height: 100%;
  object-fit: contain; object-position: center;
  background: #fff;
}

/* Badges to match your style (optional) */
.template-collection .badge,
.template-collection .badge--sale,
.template-collection .badge--soldout{
  position: absolute; left: 8px; top: 8px;
  background: #111; color: #fff; font-size: 12px;
  padding: 3px 6px; line-height: 1; border: 1px solid #000;
}
.template-collection .badge--sale{ background: #ff6a00; }
.template-collection .badge--soldout{ background: #888; }

/* If you hid titles earlier, tighten the spacing a bit */
.template-collection .card__information,
.template-collection .grid-product__meta{ margin-top: 6px !important; }

/* Pagination spacing inside the box */
.template-collection .pagination,
.template-collection .pagination-wrapper{ margin-top: 16px; }
/* Collections — reduce gap after page title */
.template-collection .collection-hero{ margin-bottom:12px !important; } /* if hero image is on */
.template-collection .collection-hero__title{ margin:0 !important; }

.template-collection .section-header{ margin-bottom:12px !important; }
.template-collection .section-header h1{ margin:0 0 8px !important; }

.template-collection .section-header .search-bar,
.template-collection .section-header form[role="search"]{ margin-top:8px !important; } /* keep search snug */
/* Home sections — tighten the gap under headings */
.template-index .index-section .section-header{ margin-bottom:12px !important; }
.template-index .index-section .section-header h2{ margin:0 0 8px !important; }

/* Kill stray big spacers some themes add before/after grids */
.template-index .index-section .grid--view-items,
.template-index .index-section .collection,
.template-index .index-section .collection-grid,
.template-index .index-section .page-width + .page-width{ 
  margin-top: 0 !important;
}

/* If there’s a section subheading/description, keep it snug */
.template-index .index-section .rte,
.template-index .index-section .section-header p{
  margin: 6px 0 8px !important;
}

/* Safety: remove accidental <br> gaps (common in custom sections) */
.template-index .index-section br{ display:none; }
/* Only sections marked sh-tight get condensed spacing */
.sh-tight .section-header{ margin-bottom:12px !important; }
.sh-tight .section-header h2{ margin:0 0 8px !important; }
.sh-tight .rte{ margin:6px 0 8px !important; }
.sh-tight br{ display:none; }
.sh-tight .grid--view-items,
.sh-tight .collection,
.sh-tight .collection-grid{ margin-top:0 !important; }
/* Sticker Spotlight — force white cards + white image area */
.template-index .sh-spotlight .grid-view-item,
.template-index .sh-spotlight .product-card,
.template-index .sh-spotlight .card{
  background: #ffffff !important;
  border: 2px solid #000;        /* optional: your black-line style */
  border-radius: 0;              /* square corners to match the site */
}

/* The actual image container gets a white backdrop (for transparent PNGs) */
.template-index .sh-spotlight .grid-product__image-wrapper,
.template-index .sh-spotlight .product-card__image,
.template-index .sh-spotlight .card__media,
.template-index .sh-spotlight .media{
  background: #ffffff !important;
}

/* Make sure the <img> itself doesn’t add a gray canvas */
.template-index .sh-spotlight .card__media img,
.template-index .sh-spotlight .grid-product__image,
.template-index .sh-spotlight .product-card__image img{
  background: #ffffff !important;
  object-fit: contain;
}

/* (Optional) keep badges readable on white */
.template-index .sh-spotlight .badge--sale{ background:#ff6a00; color:#fff; border:1px solid #000; }
.template-index .sh-spotlight .badge--soldout{ background:#888; color:#fff; border:1px solid #000; }
/* ===== Spotlight (and optional Cheap) — make images match search cards ===== */
.template-index .sh-spotlight .grid-view-item,
.template-index .sh-spotlight .product-card,
.template-index .sh-spotlight .card,
.template-index .sh-cheap    .grid-view-item,
.template-index .sh-cheap    .product-card,
.template-index .sh-cheap    .card{
  background:#fff !important;
  border:2px solid #000 !important;   /* black lines like search page */
  border-radius:0 !important;          /* square corners */
}

/* Image container gets a true 1:1 canvas, white background */
.template-index .sh-spotlight .card__media,
.template-index .sh-spotlight .grid-product__image-wrapper,
.template-index .sh-spotlight .grid-view-item__image,
.template-index .sh-spotlight .product-card__image,
.template-index .sh-spotlight .media,
.template-index .sh-cheap    .card__media,
.template-index .sh-cheap    .grid-product__image-wrapper,
.template-index .sh-cheap    .grid-view-item__image,
.template-index .sh-cheap    .product-card__image,
.template-index .sh-cheap    .media{
  background:#fff !important;
  aspect-ratio:1/1;
  position:relative;
  overflow:hidden;
}

/* Kill padding-top ratio hacks so our aspect-ratio takes over (if present) */
.template-index .sh-spotlight .card__media::before,
.template-index .sh-spotlight .media::before,
.template-index .sh-cheap    .card__media::before,
.template-index .sh-cheap    .media::before{
  content:none !important;
}

/* The image itself: fill the square, don’t crop */
.template-index .sh-spotlight .card__media img,
.template-index .sh-spotlight .grid-product__image,
.template-index .sh-spotlight .product-card__image img,
.template-index .sh-spotlight .media img,
.template-index .sh-cheap    .card__media img,
.template-index .sh-cheap    .grid-product__image,
.template-index .sh-cheap    .product-card__image img,
.template-index .sh-cheap    .media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#fff !important;  /* fixes transparent PNGs */
  /* ensure theme abs-pos doesn’t fight us */
  position:static !important;
  transform:none !important;
}

/* Badges to match search style */
.template-index .sh-spotlight .badge,
.template-index .sh-spotlight .badge--sale,
.template-index .sh-spotlight .badge--soldout,
.template-index .sh-cheap    .badge,
.template-index .sh-cheap    .badge--sale,
.template-index .sh-cheap    .badge--soldout{
  position:absolute; left:8px; top:8px;
  background:#111; color:#fff; font-size:12