.bb-birthstone{display:block;margin:2rem 0;padding:1.8rem 0;border-block:1px solid rgba(var(--color-foreground),.15)}
.bb-birthstone__heading{font-family:var(--font-heading-family);font-size:2.2rem;margin:0 0 .5rem}
.bb-birthstone__intro,.bb-birthstone__note{font-size:1.3rem;line-height:1.5;margin:.5rem 0 1.4rem}
.bb-birthstone__months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.bb-birthstone__months button{font:inherit;font-size:1.2rem;padding:.8rem .3rem;min-height:44px;cursor:pointer;border:1px solid rgba(var(--color-foreground),.25);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:3px}
.bb-birthstone__months button[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}
.bb-birthstone__months button:disabled{opacity:.4;cursor:default}
.bb-birthstone__months .bb-birthstone__all{grid-column:1/-1;border:0;text-decoration:underline;min-height:44px;background:transparent;color:rgb(var(--color-foreground))}
.bb-birthstone__group-title{font-size:1.4rem;font-weight:600;margin:1.2rem 0 .8rem}
.bb-birthstone__stones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.bb-birthstone__stone{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;border:1px solid transparent;text-decoration:none;color:inherit;font-size:1.2rem;line-height:1.4;border-radius:3px}
.bb-birthstone__stone img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.bb-birthstone__stone[aria-current=page]{border-color:rgb(var(--color-foreground))}
.bb-birthstone__stone:hover{border-color:rgba(var(--color-foreground),.4)}
.bb-birthstone__price{opacity:.75}.bb-birthstone__note{margin:1.4rem 0 0}
.bb-birthstone [hidden]{display:none!important}.bb-birthstone :focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}

.bb-month-short{display:none}
@media screen and (max-width:749px){
.bb-birthstone{margin:1.2rem 0;padding:1.2rem 0}
.bb-birthstone__heading{font-size:2rem;margin:0 0 .4rem}
.bb-birthstone__intro{font-size:1.4rem;line-height:1.4;margin:.4rem 0 1rem;letter-spacing:normal}
.bb-birthstone__months{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}
.bb-birthstone__months button{font-size:1.4rem;letter-spacing:normal;padding:.6rem .2rem;min-height:44px}
.bb-month-full{display:none}.bb-month-short{display:inline}
.bb-birthstone__group-title{margin:.6rem 0;font-size:1.4rem}
.bb-birthstone__stone{font-size:1.4rem;letter-spacing:normal;line-height:1.35;padding:.3rem;overflow-wrap:anywhere}
.bb-birthstone__stones{gap:.6rem}
}