/* Commerce-first homepage, version 1.0.34.
 * Uses live WooCommerce products and verified category routes only. */
:root {
  --background: #FAF7F2;
  --background-secondary: #EFE7DD;
}

html body.home {
  background: var(--background);
}

html body.home .ann {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  min-height: 2.5rem !important;
  height: auto !important;
  padding: .5rem clamp(1rem, 4vw, 4rem) !important;
  background: var(--background-secondary) !important;
  color: #25211F !important;
  font: 400 .8125rem/1.35 Inter, Arial, sans-serif !important;
  letter-spacing: normal !important;
  text-align: center;
}

html body.home .ann a { color: inherit !important; text-decoration: none; }
html body.home .ann a:first-child { text-align: left; }
html body.home .ann a:last-child { text-align: right; }

@media (min-width: 68.8125rem) {
  html body.home .hdr,
  html body.home .hdr.scrolled {
    grid-template-columns: minmax(0, 1fr) 10.75rem minmax(0, 1fr) !important;
    min-height: 5.25rem !important;
  }
  html body.home .hdr .menu { display: none !important; }
  html body.home .hdr .logo { grid-column: 2; grid-row: 1; }
  html body.home .hdr .nav { display: flex !important; grid-column: 1; grid-row: 1; justify-self: start; }
  html body.home .hdr .actions { grid-column: 3; grid-row: 1; justify-self: end !important; gap: 1.125rem !important; }
  html body.home .hdr .actions .rosy-language-picker,
  html body.home .hdr .actions .rosy-header-shop,
  html body.home .hdr .actions .rosy-header-etsy { display: none !important; }
  html body.home .hdr .rosy-header-search,
  html body.home .hdr .rosy-header-account,
  html body.home .hdr .rosy-cart-link {
    display: inline-grid !important;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    color: #25211F;
  }
  html body.home .hdr .rosy-header-search svg,
  html body.home .hdr .rosy-header-account svg,
  html body.home .hdr .rosy-cart-link svg { width: 1.5rem; height: 1.5rem; stroke: currentColor; fill: none; stroke-width: 1.45; }
  html body.home .hdr .rosy-cart-count { background: #6B3548; color: #FFFFFF; }
}

html body.home .rb-commerce-featured {
  padding: clamp(2.5rem, 5.5vw, 5rem) clamp(1.25rem, 5vw, 4.5rem) 2rem;
  background: var(--background);
}

html body.home .rb-commerce-featured__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  max-width: 86rem;
  margin: 0 auto 1.75rem;
}

html body.home .rb-commerce-featured__head span {
  display: block;
  margin-bottom: .625rem;
  color: #6B3548;
  font: 600 .75rem/1.4 Inter, Arial, sans-serif;
  letter-spacing: .14em;
}

html body.home .rb-commerce-featured__head h1 {
  margin: 0;
  color: #25211F;
  font: 400 clamp(2.5rem, 5vw, 4.5rem)/1.05 "DM Serif Display", Georgia, serif;
}

html body.home .rb-commerce-featured__head p {
  margin: .625rem 0 0;
  color: #665C57;
  font: 400 1rem/1.6 Inter, Arial, sans-serif;
}

html body.home .rb-commerce-featured__head > a,
html body.home .rb-commerce-categories__head > a {
  flex: 0 0 auto;
  padding-bottom: .375rem;
  border-bottom: 1px solid #6B3548;
  color: #25211F;
  font: 600 .8125rem/1.4 Inter, Arial, sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

html body.home .rb-commerce-featured__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
  max-width: 86rem;
  margin: 0 auto;
}

html body.home .rb-commerce-card { min-width: 0; }
html body.home .rb-commerce-card__image {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--background-secondary);
  border-radius: .25rem;
}
html body.home .rb-commerce-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
html body.home .rb-commerce-card__badge {
  position: absolute;
  top: .875rem;
  left: .875rem;
  z-index: 1;
  padding: .375rem .625rem;
  border-radius: 999px;
  background: #6B3548;
  color: #FFFFFF;
  font: 600 .6875rem/1.2 Inter, Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html body.home .rb-commerce-card h3 {
  min-height: 2.8em;
  margin: .875rem 0 .25rem;
  color: #25211F;
  font: 500 1rem/1.4 Inter, Arial, sans-serif;
}
html body.home .rb-commerce-card h3 a { color: inherit; text-decoration: none; }
html body.home .rb-commerce-card__price {
  margin: 0 0 .75rem;
  color: #25211F;
  font: 600 1.125rem/1.4 Inter, Arial, sans-serif;
}
html body.home .rb-commerce-card form,
html body.home .rb-commerce-card__button { display: block; margin: 0; }
html body.home .rb-commerce-card button,
html body.home .rb-commerce-card__button {
  display: block;
  width: 100%;
  min-height: 2.875rem;
  padding: .75rem 1rem;
  border: 1px solid #6B3548;
  border-radius: .1875rem;
  background: #6B3548;
  color: #FFFFFF;
  font: 600 .8125rem/1.2 Inter, Arial, sans-serif;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
html body.home .rb-commerce-card button { cursor: pointer; }
html body.home .rb-commerce-card button:hover,
html body.home .rb-commerce-card__button:hover { background: #25211F; border-color: #25211F; }

html body.home .rb-commerce-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  max-width: 86rem;
  margin: 0 auto 2.5rem;
  border: 1px solid #D9C1BA;
  border-radius: .5rem;
  overflow: hidden;
  background: #D9C1BA;
}
html body.home .rb-commerce-trust a {
  display: grid;
  gap: .2rem;
  min-height: 5.25rem;
  padding: 1.125rem 1.25rem;
  background: var(--background-secondary);
  color: #25211F;
  text-decoration: none;
}
html body.home .rb-commerce-trust a::before {
  display: block;
  margin-bottom: .1rem;
  color: #6B3548;
  font: 400 1.35rem/1 Georgia, serif;
}
html body.home .rb-commerce-trust a:nth-child(1)::before { content: '✦'; }
html body.home .rb-commerce-trust a:nth-child(2)::before { content: '⌁'; }
html body.home .rb-commerce-trust a:nth-child(3)::before { content: '♡'; }
html body.home .rb-commerce-trust a:nth-child(4)::before { content: '⌇'; }
html body.home .rb-commerce-trust strong { font: 600 .875rem/1.35 Inter, Arial, sans-serif; }
html body.home .rb-commerce-trust span { color: #665C57; font: 400 .8125rem/1.4 Inter, Arial, sans-serif; }

html body.home .rb-commerce-categories {
  padding: 0 clamp(1.25rem, 5vw, 4.5rem) clamp(2.5rem, 5.5vw, 5rem);
  background: var(--background);
}
html body.home .rb-commerce-categories__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  max-width: 86rem;
  margin: 0 auto 1.25rem;
}
html body.home .rb-commerce-categories__head h2 {
  margin: 0;
  color: #25211F;
  font: 400 clamp(2rem, 3.8vw, 3.25rem)/1.15 "DM Serif Display", Georgia, serif;
}
html body.home .rb-commerce-categories__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  max-width: 86rem;
  margin: 0 auto;
}
html body.home .rb-commerce-categories__grid a {
  position: relative;
  display: block;
  aspect-ratio: 1 / .9;
  overflow: hidden;
  border-radius: .25rem;
  background: var(--background-secondary);
  color: #FFFFFF;
  text-decoration: none;
}
html body.home .rb-commerce-categories__grid img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body.home .rb-commerce-categories__grid a::after { content: ''; position: absolute; inset: 0; background: rgba(37, 33, 31, .28); }
html body.home .rb-commerce-categories__grid span,
html body.home .rb-commerce-categories__grid b { position: absolute; z-index: 1; bottom: 1rem; color: #FFFFFF; }
html body.home .rb-commerce-categories__grid span { left: 1rem; max-width: calc(100% - 3.5rem); font: 400 clamp(1rem, 2vw, 1.5rem)/1.1 "DM Serif Display", Georgia, serif; }
html body.home .rb-commerce-categories__grid b { right: 1rem; font-size: 1.25rem; }

/* The existing guidance section becomes the compact panel beneath categories. */
html body.home .rb-help-choosing {
  max-width: 86rem;
  min-height: 17rem;
  margin: 0 auto clamp(2.5rem, 5.5vw, 5rem);
  border-radius: .5rem;
  overflow: hidden;
  background: var(--background-secondary) !important;
}
html body.home .rb-help-choosing__image { min-height: 17rem !important; }
html body.home .rb-help-choosing article { padding: clamp(1.75rem, 4vw, 3.5rem) !important; }
html body.home .rb-help-choosing article h2 { font-size: clamp(1.75rem, 3vw, 2.75rem) !important; }
html body.home .rb-help-choosing .cta { width: max-content !important; margin-top: .5rem; }

@media (max-width: 68.75rem) {
  html body.home .ann { display: none !important; }
  html body.home .hdr .rosy-header-search,
  html body.home .hdr .rosy-header-account { display: none !important; }
  html body.home .rb-commerce-featured { padding-top: 1.75rem; }
  html body.home .rb-commerce-featured__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.home .rb-commerce-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.home .rb-commerce-trust { margin-right: 1.25rem; margin-left: 1.25rem; }
}

@media (max-width: 47.5rem) {
  html body.home .rb-commerce-featured { padding: 1.375rem 1rem 1.5rem; }
  html body.home .rb-commerce-featured__head { display: block; margin-bottom: 1.25rem; }
  html body.home .rb-commerce-featured__head h1 { font-size: 2rem; }
  html body.home .rb-commerce-featured__head p { font-size: .9375rem; }
  html body.home .rb-commerce-featured__head > a { display: inline-block; margin-top: .875rem; }
  html body.home .rb-commerce-featured__grid { gap: .875rem; }
  html body.home .rb-commerce-card h3 { min-height: 3.9em; margin-top: .625rem; font-size: .875rem; }
  html body.home .rb-commerce-card__price { margin-bottom: .625rem; font-size: 1rem; }
  html body.home .rb-commerce-card button,
  html body.home .rb-commerce-card__button { min-height: 2.625rem; font-size: .6875rem; }
  html body.home .rb-commerce-trust { grid-template-columns: 1fr; margin: 0 1rem 1.75rem; }
  html body.home .rb-commerce-trust a { min-height: 0; padding: .875rem 1rem; }
  html body.home .rb-commerce-trust a:not(:first-child) { display: none; }
  html body.home .rb-commerce-categories { padding: 0 1rem 2.5rem; }
  html body.home .rb-commerce-categories__head { align-items: start; flex-direction: column; gap: .5rem; }
  html body.home .rb-commerce-categories__head h2 { font-size: 1.75rem; }
  html body.home .rb-commerce-categories__grid { gap: .75rem; }
  html body.home .rb-commerce-categories__grid span { left: .75rem; bottom: .75rem; font-size: 1.0625rem; }
  html body.home .rb-commerce-categories__grid b { right: .75rem; bottom: .7rem; }
  html body.home .rb-help-choosing { display: block !important; margin: 0 1rem 2.5rem; }
  html body.home .rb-help-choosing__image { display: none !important; }
  html body.home .rb-help-choosing article { padding: 1.5rem !important; }
  html body.home .rb-help-choosing .cta { width: 100% !important; }
}
@media (min-width: 68.8125rem) {
  html body.home .hdr .actions .rosy-header-etsy { display: inline-flex !important; align-items: center; gap: .375rem; color: #25211F; font: 500 .75rem/1.3 Inter, Arial, sans-serif; letter-spacing: 0; white-space: nowrap; }
  html body.home .hdr .actions .rosy-header-etsy:hover { color: #6B3548; }
  html body.home .hdr .actions .rosy-header-etsy:focus-visible { outline: 2px solid #6B3548; outline-offset: .25rem; }
  html body.home .hdr .actions .rosy-header-etsy__icon { display: inline-grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: .125rem; background: #F1641E; color: #fff; font: 700 .875rem/1 Georgia, serif; }
}

@media (max-width: 47.5rem) {
  html body.home .hdr,
  html body.home .hdr.scrolled { grid-template-columns: 4rem minmax(7.5rem, 1fr) 5.25rem !important; }
  html body.home .hdr .actions { gap: .25rem !important; }
  html body.home .hdr .actions .rosy-header-etsy { display: inline-grid !important; width: 2rem; height: 2rem; place-items: center; margin: 0 !important; border: 1px solid rgba(37, 33, 31, .22); border-radius: .125rem; color: #25211F; }
  html body.home .hdr .actions .rosy-header-etsy > span:last-child { display: none; }
  html body.home .hdr .actions .rosy-header-etsy__icon { display: inline-grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: .125rem; background: #F1641E; color: #fff; font: 700 .875rem/1 Georgia, serif; }
  html body.home .hdr .actions .rosy-header-etsy:focus-visible { outline: 2px solid #6B3548; outline-offset: .1875rem; }
}