/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/designs/page.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* 24 Sep live-site review, Priority 3: "warm cream background for the
   product grid, retaining pink as an accent or heading area, so colourful
   designs remain distinct" — the whole page used to be flat pink behind
   every sticker, which fought with the designs themselves rather than
   setting them off. */
.page_page__5LWoS {
  background: var(--smb-cream);
  color: var(--smb-ink);
  min-height: calc(100svh - 300px);
}
.page_head__aMhX6 {
  background: var(--smb-pink);
  padding: 40px var(--smb-gutter-mobile) 28px;
}
@media (min-width: 768px) {
  .page_head__aMhX6 {
    padding: 60px var(--smb-gutter-desktop) 40px;
  }
}
.page_page__5LWoS > .page_inner__4jmoL {
  padding: 28px var(--smb-gutter-mobile) 90px;
}
@media (min-width: 768px) {
  .page_page__5LWoS > .page_inner__4jmoL {
    padding: 40px var(--smb-gutter-desktop) 120px;
  }
}
.page_inner__4jmoL {
  max-width: var(--smb-max-width);
  margin: 0 auto;
}
.page_h1__iWXmf {
  margin: 0;
  font-family: var(--smb-font-display);
  font-size: clamp(34px, 6vw + 8px, 66px);
  line-height: 0.93;
  letter-spacing: -0.045em;
  text-transform: uppercase;
}
.page_intro__PVgKO {
  margin: 14px 0 0;
  max-width: 560px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--smb-ink);
}
.page_intro__PVgKO a {
  color: var(--smb-ink);
  font-weight: 700;
}
.page_empty__RFjLy {
  font-size: 16px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/DesignCard.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* Rob, 2026-09-24: "the see all designs page is really clunky". The old
   card scaled the art 115% past its own white square, so stickers spilled
   over their neighbours and over their own titles, and the wide route
   stickers sat as thin strips in big empty squares. Now each design is one
   self-contained card: a padded square art well (whole sticker, never
   scaled past the well), then title and price/add inside the same card. */
.DesignCard_card__pdGBF {
  display: flex;
  flex-direction: column;
  background: var(--smb-white);
  border-radius: var(--smb-radius-xl);
  box-shadow: 0 1px 0 rgba(22, 20, 15, 0.06), 0 6px 18px rgba(22, 20, 15, 0.06);
  overflow: hidden;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.DesignCard_card__pdGBF:hover {
  transform: translateY(-3px);
  box-shadow: 0 1px 0 rgba(22, 20, 15, 0.06), 0 12px 28px rgba(22, 20, 15, 0.12);
}
@media (prefers-reduced-motion: reduce) {
  .DesignCard_card__pdGBF,
  .DesignCard_card__pdGBF:hover {
    transform: none;
    transition: none;
  }
}
.DesignCard_link__YQ6fU {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-decoration: none;
}
.DesignCard_artWell__kMKHN {
  display: block;
  aspect-ratio: 1 / 1;
  padding: 10%;
  background: var(--smb-cream);
  margin: 8px 8px 0;
  border-radius: var(--smb-radius-lg);
}
.DesignCard_art__bRCki {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 12px rgba(22, 20, 15, 0.2));
}
.DesignCard_title__qaycz {
  padding: 12px 14px 0;
  font-family: var(--smb-font-display);
  font-size: 14px;
  line-height: 1.2;
  color: var(--smb-ink);
  text-transform: uppercase;
  /* Two-line cap keeps every card in a row the same height. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(2 * 1.2em + 12px);
}
@media (min-width: 768px) {
  .DesignCard_title__qaycz {
    font-size: 15px;
  }
}
.DesignCard_row__AWC9W {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px 14px;
}
.DesignCard_price__2h6IJ {
  font-family: var(--smb-font-display);
  font-size: 18px;
  color: var(--smb-ink);
}
.DesignCard_price__2h6IJ.DesignCard_placeholder__7q9Vp {
  border-bottom: 2px dashed var(--smb-placeholder-border);
}
.DesignCard_add__1Ce8X {
  min-width: 72px;
  height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--smb-radius-md);
  background: var(--smb-tangerine);
  color: var(--smb-ink);
  font-family: var(--smb-font-display);
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 120ms ease;
}
.DesignCard_add__1Ce8X:hover {
  transform: translateY(-1px);
}
.DesignCard_added__Ugmpr {
  background: var(--smb-lime);
}
.DesignCard_add__1Ce8X:disabled {
  opacity: 0.6;
  cursor: default;
}
.DesignCard_details__MHBEQ {
  font-family: var(--smb-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--smb-text-muted-card);
  text-decoration: underline;
}
.DesignCard_error__6irkF {
  margin: 0;
  padding: 0 14px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #b3261e;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/DesignsBrowser.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.DesignsBrowser_filters__z3HXp {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  /* One scrollable row on phones instead of wrapping into a ragged block. */
  overflow-x: auto;
  scrollbar-width: none;
  margin-inline: calc(-1 * var(--smb-gutter-mobile));
  padding-inline: var(--smb-gutter-mobile);
}
.DesignsBrowser_filters__z3HXp::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .DesignsBrowser_filters__z3HXp {
    flex-wrap: wrap;
    overflow: visible;
    margin-inline: 0;
    padding-inline: 0;
  }
}
.DesignsBrowser_chip__1rghE {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  border: 2px solid var(--smb-ink);
  background: var(--smb-white);
  color: var(--smb-ink);
  font-family: var(--smb-font-mono);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.DesignsBrowser_chipCount__nOndW {
  font-weight: 400;
  opacity: 0.6;
}
.DesignsBrowser_chipActive__Af__w {
  background: var(--smb-ink);
  color: var(--smb-cream);
}
.DesignsBrowser_chipActive__Af__w .DesignsBrowser_chipCount__nOndW {
  opacity: 0.8;
}
.DesignsBrowser_resultCount__9SptL {
  margin: 0 0 20px;
  font-family: var(--smb-font-mono);
  font-size: 12px;
  color: var(--smb-text-muted-card);
}
.DesignsBrowser_grid__YXlMb {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}
@media (min-width: 640px) {
  .DesignsBrowser_grid__YXlMb {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}
@media (min-width: 1024px) {
  .DesignsBrowser_grid__YXlMb {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (min-width: 1280px) {
  .DesignsBrowser_grid__YXlMb {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.DesignsBrowser_empty__ADDEx {
  font-size: 16px;
  color: var(--smb-text-muted-card);
}