/* Blue homepage preview only. Load after the existing r34/r36/r55 styles.
   The section IDs beat the old mobile selectors; important is limited to
   the existing important section spacing and title font declarations. */
html[data-garden-theme=blue] body.r27-home #scoop{
  padding-top:0!important;
}
html[data-garden-theme=blue] body.r27-home #scoop>.reveal{
  background:linear-gradient(180deg,#eaf6fd 0%,#f5fafb 38%,var(--garden-paper,#fffdf8) 100%);
}
html[data-garden-theme=blue] body.r27-home #scoop>.tiers{
  margin-top:0;
}
html[data-garden-theme=blue] body.r27-home #scoop>.reveal>.r34-heading{
  max-width:600px;
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-heading{
  box-sizing:border-box;
  width:100%;
  max-width:600px;
  min-height:76px;
  margin:0 auto;
  padding:14px 82px;
  align-items:center;
  justify-content:center;
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-heading>h2{
  min-width:0;
  max-width:100%;
  margin:0;
  font:400 clamp(22px,2vw,24px)/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
  text-wrap:balance;
  color:var(--garden-ink,#146be1);
}
html[data-garden-theme=blue] body.r27-home :is(#jewelry-sets,#hair-accessories)>.r27-home-heading{
  gap:0;
  margin-bottom:14px;
}
html[data-garden-theme=blue] body.r27-home :is(#jewelry-sets,#hair-accessories) .r34-section-links{
  gap:6px 24px;
  font:400 14px/1.4 Arial,Helvetica,sans-serif;
}
html[data-garden-theme=blue] body.r27-home :is(#jewelry-sets,#hair-accessories) .r34-section-links>a{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding-block:6px;
}
/* Resize the existing artwork as one small ornament. Fruit tint and green
   leaves continue to use the previously approved r38 theme treatment. */
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-sprig{
  left:18px;
  right:auto;
  top:50%;
  width:56px;
  height:54px;
  transform:translateY(-50%);
  transform-origin:center;
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-sprig--right{
  left:auto;
  right:18px;
  transform:translateY(-50%) scaleX(-1);
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-vine{
  left:17px;
  top:-6px;
  width:26px;
  height:52px;
  transform:rotate(90deg);
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-grape{
  left:5px;
  top:20px;
  width:26px;
  height:31px;
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r36-title-stars{
  padding:0 68px;
  align-items:center;
}
html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r36-title-stars .r36-star{
  width:9px;
  height:12px;
}
@media(max-width:699px){
  html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-heading{
    padding-inline:58px;
  }
  html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-sprig{
    left:2px;
  }
  html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r34-sprig--right{
    left:auto;
    right:2px;
  }
  html[data-garden-theme=blue] body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories) .r36-title-stars{
    padding-inline:44px;
  }
}
