/* Choosing Homemade V1.6.31 — dedicated Cookie Collection rendering */
html{scroll-behavior:smooth}
body.collection-page{
  margin:0;
  background:#f7f3ed;
  color:#1d1916;
}
.collection-reference-page{
  display:block!important;
  background:#f7f3ed!important;
  color:#1d1916!important;
  min-height:70vh!important;
  width:100%!important;
  overflow:hidden!important;
}
.collection-reference-hero{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  min-height:285px!important;
  padding:54px 58px 38px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;
  align-items:center!important;
  gap:70px!important;
  border-bottom:1px solid #ded5cb!important;
}
.collection-reference-intro{
  min-width:0!important;
}
.collection-reference-intro h1{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  font-size:clamp(50px,5vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  color:#171310!important;
}
.collection-title-rule{
  width:355px!important;
  max-width:72%!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:13px!important;
  align-items:center!important;
  margin:29px 0 20px!important;
  color:#a47a55!important;
}
.collection-title-rule i{
  display:block!important;
  height:1px!important;
  background:#d8c8b8!important;
}
.collection-title-rule span{
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#ad8560!important;
  color:#fff7ef!important;
  font-size:8px!important;
}
.collection-reference-intro>p{
  margin:0!important;
  max-width:740px!important;
  font-size:15px!important;
  line-height:1.75!important;
  color:#3f3934!important;
}
.collection-cookie-sketch{
  width:330px!important;
  max-width:100%!important;
  height:auto!important;
  justify-self:end!important;
  position:relative!important;
  color:#b18359!important;
  overflow:visible!important;
}
.collection-cookie-sketch svg{
  display:block!important;
  width:100%!important;
  max-width:330px!important;
  height:auto!important;
  max-height:220px!important;
  overflow:visible!important;
}
.collection-cookie-sketch svg *{
  vector-effect:non-scaling-stroke;
}
.sketch-spark{
  position:absolute!important;
  color:#b37848!important;
  font-family:Georgia,serif!important;
  line-height:1!important;
}
.sketch-spark-1{left:8%!important;top:7%!important;font-size:14px!important}
.sketch-spark-2{left:0!important;top:38%!important;font-size:22px!important}
.sketch-spark-3{right:0!important;top:36%!important;font-size:22px!important}

.collection-reference-body{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:0 58px 72px!important;
}
.collection-toolbar{
  min-height:76px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:25px!important;
}
.collection-filters{
  display:flex!important;
  align-items:center!important;
  gap:34px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.collection-filters::-webkit-scrollbar{display:none!important}
.collection-filters button{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  flex:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:27px 0 10px!important;
  margin:0!important;
  color:#302923!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.collection-filters button::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:2px!important;
  height:2px!important;
  background:#c4510b!important;
  transform:scaleX(0)!important;
  transform-origin:left!important;
  transition:transform .18s ease!important;
}
.collection-filters button.is-active{
  color:#a6430c!important;
  font-weight:600!important;
}
.collection-filters button.is-active::after{
  transform:scaleX(1)!important;
}
.collection-sort-wrap{
  display:block!important;
  margin:0!important;
  flex:none!important;
}
.collection-sort-wrap select{
  appearance:auto!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:154px!important;
  min-height:40px!important;
  border:1px solid #ded5cb!important;
  border-radius:7px!important;
  background:#fbf8f4!important;
  color:#473f38!important;
  padding:9px 12px!important;
  font-family:inherit!important;
  font-size:11px!important;
  cursor:pointer!important;
}

.collection-reference-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.collection-reference-card{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #e1d8ce!important;
  border-radius:12px!important;
  background:#fbf8f3!important;
  box-shadow:0 3px 12px rgba(58,43,31,.035)!important;
}
.collection-reference-photo{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.34/1!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#eee5da!important;
}
.collection-reference-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
.collection-badge{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:2!important;
  width:auto!important;
  border:1px solid rgba(166,126,91,.16)!important;
  border-radius:999px!important;
  background:rgba(255,251,246,.94)!important;
  padding:6px 10px!important;
  color:#72583f!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
.collection-badge-current{
  border-color:#b8d5b5!important;
  background:#dff0da!important;
  color:#397244!important;
  font-weight:700!important;
}
.collection-reference-copy{
  box-sizing:border-box!important;
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  padding:17px 17px 15px!important;
}
.collection-card-number{
  display:block!important;
  margin:0 0 5px!important;
  color:#9b795c!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.collection-reference-copy h2{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
  color:#211b17!important;
}
.collection-reference-subtitle{
  margin:6px 0 0!important;
  color:#c24f0a!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  line-height:1.3!important;
}
.collection-reference-description{
  margin:16px 0 22px!important;
  color:#39332e!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.collection-reference-meta{
  margin-top:auto!important;
  padding-top:8px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  color:#635b54!important;
  font-size:10px!important;
  line-height:1.3!important;
}
.collection-introduced{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.collection-introduced i{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #b78253!important;
  border-radius:50%!important;
  color:#a35f28!important;
  font-style:normal!important;
  font-size:8px!important;
}
.collection-load-wrap{
  display:flex!important;
  justify-content:center!important;
  padding:32px 0 0!important;
}
.collection-load-more{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:220px!important;
  border:1px solid #c4510b!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#a4430c!important;
  padding:12px 28px!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.collection-load-more:hover{
  background:#c4510b!important;
  color:#fff!important;
}
.collection-load-more[hidden]{display:none!important}
.collection-loading,
.collection-empty-reference{
  grid-column:1/-1!important;
  padding:65px 20px!important;
  text-align:center!important;
  color:#6a625b!important;
}
.collection-empty-reference h2{
  margin:0 0 8px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  color:#29231f!important;
  font-weight:400!important;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:1100px){
  .collection-reference-hero,
  .collection-reference-body{
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .collection-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .collection-cookie-sketch{
    width:270px!important;
  }
}
@media(max-width:720px){
  .collection-reference-hero{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:25px!important;
    padding-top:45px!important;
  }
  .collection-cookie-sketch{
    width:210px!important;
    justify-self:start!important;
  }
  .collection-cookie-sketch svg{
    max-width:210px!important;
    max-height:150px!important;
  }
  .collection-reference-intro h1{
    font-size:52px!important;
  }
  .collection-title-rule{
    width:230px!important;
  }
  .collection-toolbar{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:10px 0 18px!important;
  }
  .collection-filters{
    width:100%!important;
    gap:24px!important;
  }
  .collection-filters button{
    padding-top:15px!important;
  }
  .collection-sort-wrap,
  .collection-sort-wrap select{
    width:100%!important;
  }
  .collection-reference-grid{
    grid-template-columns:1fr!important;
  }
  .collection-reference-photo{
    aspect-ratio:1.25/1!important;
  }
}


/* V1.6.34 — Owner-editable Cookie Collection hero artwork */
.collection-cookie-art{
  width:360px!important;
  max-width:100%!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.collection-cookie-art img{
  display:block!important;
  width:100%!important;
  max-width:360px!important;
  height:auto!important;
  max-height:230px!important;
  object-fit:contain!important;
  border:0!important;
}
@media(max-width:1100px){
  .collection-cookie-art{width:300px!important}
  .collection-cookie-art img{max-width:300px!important;max-height:190px!important}
}
@media(max-width:720px){
  .collection-cookie-art{width:220px!important;justify-self:start!important}
  .collection-cookie-art img{max-width:220px!important;max-height:145px!important}
}